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

	Theme Name: Beep
	Theme URI: http://www.olevmedia.com
	Description: Multi-Purpose Theme
	Author: OlevMedia
	Author URI: http://www.olevmedia.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.0
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

html {
    -webkit-text-size-adjust: none;
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 90px;
    padding: 0;
    font: 12px/1.5 'Arial';
    min-width: 748px;
    
}

* {
    outline: none;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearfix:before,
.clearfix:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.dn {
    display: none;
}

header, nav, aside, section, article, footer {
    display: block;
    vertical-align: bottom;
}



.only-retina {
    display: none !important;
}

@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) {
    .only-retina {
        display: block !important;
    }

    .non-retina {
        display: none !important;
    }
}

/************************
 * Container
 ************************/

.layout-boxed .container-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.container {
    max-width: 100%;
    margin: 0 auto;
}

    .container.container-100width {
        max-width: none;
    }

.container-inner {
    margin: 0 20px;
}

.bg-overlay {
    background-attachment: fixed;
    background-repeat: repeat;
}

/************************
 * Text
 ************************/

a {
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

    a:hover {
        text-decoration: underline;
    }

p {
    margin: 1em 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 2em 0 1em 0;
    line-height: 1.35;
    font-weight: bold;
}

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 1em;
    }

h1 {
    font-size: 250%;
}

h2 {
    font-size: 180%;
}

h3 {
    font-size: 140%;
}

h4 {
    font-size: 125%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 90%;
}

hr {
    margin: 1em 0;
    border: 0;
    border-bottom: 1px solid #e8e7e7;
    border-bottom-color: rgba(0,0,0,0.1);
    height: 0;
    overflow: hidden;
}

dl {
    margin: 1em 0;
}

dt {
    font-weight: bold;
}

abbr {
    border-bottom: 1px dotted;
}

pre {
    max-width: 100%;
    overflow: auto;
    background: rgba(0,0,0,0.04);
    padding: 16px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
}

q {
    font-style: italic;
}

/************************
 * Columns
 ************************/

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
    float: left;
    margin: 0 4% 0 0;
}

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

.one-half {
    width: 48%;
}

.one-third {
    width: 30.66%;
}

.two-third {
    width: 65.33%;
}

.one-fourth {
    width: 22%;
}

.three-fourth {
    width: 74%;
}

.one-fifth {
    width: 16.8%;
}

.two-fifth {
    width: 37.6%;
}

.three-fifth {
    width: 58.4%;
}

.four-fifth {
    width: 79.2%;
}

.one-sixth {
    width: 13.33%;
}

.five-sixth {
    width: 82.66%;
}

/************************
 * Header
 ************************/

.header {
    padding-top: 20px;
}

.header-top {
    border-bottom: 1px solid;
}

.header-intro-text,
.header-wpml-selector {
    float: left;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.header-wpml-selector {
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

    .header-wpml-selector #lang_sel_list {
        height: auto;
    }

        .header-wpml-selector #lang_sel_list a,
        .header-wpml-selector #lang_sel_list a:hover {
            background: none;
            font-size: 100%;
            color: inherit;
        }

        .header-wpml-selector #lang_sel_list.lang_sel_list_horizontal a {
            padding-left: 0;
            padding-right: 10px;
        }

    .header-wpml-selector #lang_sel {
        display: block;
        height: auto;
        margin-top: -0.3em;
        margin-bottom: 0.2em;
    }

        .header-wpml-selector #lang_sel:after {
            content: '';
            clear: both;
            height: 0;
            display: block;
        }

        .header-wpml-selector #lang_sel a,
        .header-wpml-selector #lang_sel ul ul a {
            background-color: none;
        }

        .header-wpml-selector #lang_sel ul ul {
            border-top-color: transparent;
        }

.header .header-intro-text a {
    color: inherit;
    text-decoration: underline;
}

.header-socials {
    float: right;
}

    .header-socials [class^="social-icon"],
    .header-socials [class*=" social-icon"] {
        margin-right: 0;
        margin-left: 0.5em;
    }

.logo-menu-wrapper {
    display: table;
    width: 100%;
}

    .logo-menu-wrapper .logo-box,
    .logo-menu-wrapper .menu-box {
        display: table-cell;
        vertical-align: middle;
    }

.menu-box div.menu {
    display: inline;
}

.logo-menu-wrapper .logo-box {
    padding: 20px 60px 20px 0;
}

.menu-stuck .logo-menu-wrapper .logo-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
    .logo-menu-wrapper .logo-box {
        padding-right: 40px;
    }
}

.logo-type-text .logo-box {
    width: 1px;
}

.logo-image img {
    display: block;
}

.header-logo {
    padding: 20px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.header-menu {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .header-menu .container-inner {
        margin-left: 0;
        margin-right: 0;
    }

.header-layout-3 .logo-box {
    text-align: center;
    margin: 0 auto;
    width: auto;
}

.header-layout-3 .header-secondary-menu,
.header-layout-3 .header-menu {
    text-align: center;
}

    .header-layout-3 .header-menu .sub-menu {
        text-align: left;
    }

.logo-text {
    white-space: nowrap;
    font-size: 30px;
    line-height: 25px;
    font-weight: bold;
}

    .logo-text a {
        text-decoration: none;
        color: #000;
        color: inherit;
    }

.header-logo-menu {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.logo-type-none .header-logo-menu .container-inner {
    margin-left: 0;
    margin-right: 0;
}

.header-search {
    float: right;
    padding: 20px 20px 0;
    position: relative;
    width: 0px;
}

.menu-stuck .header-search {
    padding-top: 10px;
}

.header-layout-1 .header-search {
    margin-right: -20px;
}

.search-popup-link {
    float: right;
}

    .search-popup-link,
    .search-popup-link:hover {
        font-size: 125%;
        text-decoration: none;
        position: relative;
    }

        .search-popup-link.active {
            z-index: 501;
        }

        .search-popup-link:before {
            content: '\f002';
            font-family: 'FontAwesome';
        }

        .search-popup-link.active:before {
            content: '\f00d';
        }

.search-popup {
    position: absolute;
    top: 100%;
    right: 12px;
    margin-top: 3px;
    border: 2px solid;
    padding: 0;
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 7px 0 rgba(0,0,0,.25);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.2s;
    -moz-transition: opacity 0.3s, -moz-transform 0.2s;
    transition: opacity 0.3s, transform 0.2s;
}

    .search-popup.active {
        z-index: 500;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    .search-popup:before {
        content: '';
        position: absolute;
        top: -18px;
        right: 3px;
        border: 9px solid transparent;
        border-color: rgba(0,0,0,0);
    }

    .search-popup:after {
        content: '';
        position: absolute;
        top: -12px;
        right: 6px;
        border: 6px solid transparent;
        border-color: rgba(255,255,255,0);
    }

.header #s {
    border: 0;
    border-radius: 3px;
    padding: 0.4em 0.7em;
    font-size: 120%;
    display: block;
    min-width: 270px;
}

.header .header-mobile-menu #s {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * Header Stuck mode
 */

.menu-sticky-node,
.menu-sticky-node .container-wrapper,
.menu-sticky-node .container-wrapper > * {
    position: relative;
}

    .menu-sticky-node.menu-stuck {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

.menu-position-top_fixed .menu-sticky-node .container-wrapper:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 20px;
    border-radius: 50%/50%;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.menu-position-top_fixed .menu-sticky-node.menu-stuck .container-wrapper:before {
    opacity: 1;
}

.admin-bar .menu-sticky-node.menu-stuck {
    top: 32px;
}

.admin-bar .menu-sticky-node.menu-stuck {
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    transition: top 0.3s;
}

/**
 * Header slider
 */

.header-slider.layout-boxed {
    padding: 20px 0;
}

.ls-wp-container {
    max-width: 100%;
}

/**
 * Content
 */

.content {
    padding: 20px 0 40px;
    font-size: 117%;
}

.page-template-template-100width-php .content,
.single-portfolio-100width .content {
    padding: 0;
}

.content-column-content > *:first-child {
    margin-top: 0;
}

/**
 * UL lists and icons
 */

ul.icons {
    margin: 16px 0 !important;
    padding: 0 0 0 1.6em !important;
    text-indent: 0 !important;
    list-style-type: none;
}

    ul.icons li {
        position: relative;
    }

    ul.icons li {
        position: relative;
    }

        ul.icons li .fa {
            position: absolute !important;
            top: 1px !important;
            left: -1.6em !important;
            line-height: inherit !important;
        }

i.fa-lg,
i.fa-2x,
i.fa-3x,
i.fa-4x {
    vertical-align: middle;
}

/************************
 * Secondary menu
 ************************/

.header-secondary-menu {
    border-bottom: 1px solid;
}

    .header-secondary-menu nav {
        padding: 0.8em 0;
    }

.secondary-menu {
    display: inline-block;
    vertical-align: middle;
}

    .secondary-menu,
    .secondary-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        cursor: default;
    }

        .secondary-menu.show-dropdown-symbol > li.menu-parent-item > a:after {
            content: "\f107";
            font-family: "FontAwesome";
            margin-left: 0.6em;
            line-height: 1;
        }

        .secondary-menu.show-dropdown-symbol ul li.menu-parent-item > a:after {
            content: "\f105";
            font-family: "FontAwesome";
            margin-left: 0.6em;
            line-height: 1;
        }

        .secondary-menu > li {
            float: left;
            border-left-width: 1px;
            border-left-style: solid;
        }

            .secondary-menu > li:first-child {
                border-left: 0;
            }

        .secondary-menu a {
            padding: 0 0.8em;
            display: block;
            text-decoration: none;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

        .secondary-menu > li:first-child > a {
            padding-left: 0;
        }

        .secondary-menu > li:last-child > a {
            padding-right: 0;
        }

        .secondary-menu li {
            position: relative;
        }

        .secondary-menu ul {
            display: none;
            position: absolute;
            white-space: nowrap;
            z-index: 500;
        }

        .secondary-menu ul {
            left: -1px;
            top: 100%;
            border-width: 1px;
            border-style: solid;
            -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
            box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
        }

            .secondary-menu ul ul {
                left: 100%;
                top: -1px;
            }

        .secondary-menu > li > ul {
            margin-top: 0.8em;
        }

            .secondary-menu > li > ul:before {
                content: '';
                position: absolute;
                top: 0.8em;
                left: 0;
                right: 0;
                height: 0.8em;
            }

        .secondary-menu ul a {
            padding: 0.2em 0.8em;
        }


/************************
 * Primary menu
 ************************/

.primary-menu {
    display: inline-block;
    vertical-align: middle;
}

    .primary-menu,
    .primary-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        cursor: default;
    }

        .primary-menu.show-dropdown-symbol > li.menu-parent-item > a:after {
            content: "\f107";
            font-family: "FontAwesome";
            margin-left: 0.6em;
            line-height: 1;
        }

        .primary-menu.show-dropdown-symbol ul li.menu-parent-item > a:after {
            content: "\f105";
            font-family: "FontAwesome";
            margin-left: 0.6em;
            line-height: 1;
        }

        .primary-menu > li {
            float: left;
        }

            .primary-menu > li > a {
                font-size: 125%;
                font-weight: bold;
            }

        .primary-menu a {
            padding: 20px;
            display: block;
            text-decoration: none;
            -webkit-transition: color 0.3s, background 0.3s;
            -moz-transition: color 0.3s, background 0.3s;
            transition: color 0.3s, background 0.3s;
        }

        .primary-menu > li > a {
            padding-bottom: 17px;
            border-bottom: 3px solid transparent;
        }

.menu-stuck .primary-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-stuck .primary-menu > li > a {
    padding-bottom: 7px;
}

.primary-menu li {
    position: relative;
}

.primary-menu ul {
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 500;
    line-height: 1.5;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
}

.primary-menu > li > ul {
    min-width: 100%;
    left: 0;
    top: 100%;
    margin-top: -3px;
    border-top: 3px solid transparent;
    font-size: 110%;
}

.primary-menu ul li a {
    border-top-width: 1px;
    border-top-style: solid;
}

.primary-menu ul li:first-child a {
    border-top-color: transparent;
}

.primary-menu ul a {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

    .primary-menu ul a:hover,
    .primary-menu ul li.sfHover > a,
    .primary-menu-highlight-active .primary-menu li.current-menu-item > a {
        color: #fff;
    }

.primary-menu ul ul {
    left: 100%;
    top: 0;
}

.primary-menu > li:last-child > ul {
    left: auto;
    right: 0;
}

@media only screen and (max-width: 1365px) {
    .primary-menu a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .primary-menu > li > a {
        font-size: 120%;
    }
}

@media only screen and (max-width: 1024px) {
    .primary-menu a {
        padding-left: 7px;
        padding-right: 7px;
    }

    .primary-menu > li > a {
        font-size: 100%;
    }
}

/* Mobile version */

.header-mobile-menu {
    padding: 20px 0;
    display: none;
}

.header-mobile-menu {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.mobile-header-menu-wrapper,
.mobile-header-menu-container {
    display: none;
}

.mobile-header-menu-control {
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}

    .mobile-header-menu-control:before {
        content: '\f03a';
        font-family: 'FontAwesome';
        position: relative;
        top: 1px;
    }

.header-menu-mobile {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .header-menu-mobile li a {
        display: block;
        padding: 0.5em 0;
    }

        .header-menu-mobile li a:hover {
            text-decoration: none;
        }

    .header-menu-mobile ul {
        display: none;
        list-style: none;
        margin: 0 0 0 1.5em;
        padding: 0;
    }

    .header-menu-mobile.show-dropdown-symbol > li.menu-parent-item > a:after,
    .header-menu-mobile.show-dropdown-symbol ul li.menu-parent-item > a:after {
        content: "\f107";
        font-family: "FontAwesome";
        margin-left: 0.6em;
        line-height: 1;
    }

/****/

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    display: block;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    display: none;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    display: block;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    display: none;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    display: block;
}

ul.sf-menu li li li:hover li ul,
ul.sf-menu li li li.sfHover li ul {
    display: none;
}

ul.sf-menu li li li li:hover ul,
ul.sf-menu li li li li.sfHover ul {
    display: block;
}

ul.sf-menu li li li li:hover li ul,
ul.sf-menu li li li li.sfHover li ul {
    display: none;
}

ul.sf-menu li li li li li:hover ul,
ul.sf-menu li li li li li.sfHover ul {
    display: block;
}

/**
 * Footer
 */

.footer1 {
    width: 100%;
    /*position: fixed;*/
    bottom: 0px;
    vertical-align: bottom;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    vertical-align: bottom;

}

    .footer a {
        text-decoration: underline;
    }

.sub-footer.no-sub-footer-text {
    text-align: center;
}

.footer-social-icons {
    margin: 1em 0 0.5em;
}

    .footer-social-icons [class^="social-icon"],
    .footer-social-icons [class*=" social-icon"] {
        margin: 0 0 0.5em 0.5em;
    }

.sub-footer.no-sub-footer-text .footer-social-icons [class^="social-icon"],
.sub-footer.no-sub-footer-text .footer-social-icons [class*=" social-icon"] {
    margin: 0 0.2em 0.5em 0.2em;
}

.with-sub-footer-text .sub-footer-menu-social {
    float: right;
    width: 50%;
    text-align: right;
}

.with-sub-footer-text .sub-footer-text {
    float: left;
    width: 50%;
}

.footer-widgets {
    padding-bottom: 1em;
}

.footer-widget-title {
    font-size: 120%;
    margin: 1em 0;
    font-weight: bold;
}

.footer-hor-divider {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


/**
 * Footer menu
 */

.footer-menu,
.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.footer-menu {
    display: block;
}

    .footer-menu li,
    .footer-menu ul {
        display: inline-block;
        border-left-width: 1px;
        border-left-style: solid;
    }

        .footer-menu li:before {
            content: '\00A0';
        }

        .footer-menu li:first-child {
            border-left: 0;
        }

    .footer-menu li {
        padding: 0 0.2em;
    }

    .footer-menu a {
        text-decoration: none;
    }

/**
 * Page titles
 */

.page-title-wrapper h1 {
    margin: 0;
}

.page-title-wrapper .container-inner {
    padding: 20px 0 0;
}

.page-title-wrapper.tpl-color .container-inner,
.page-title-wrapper.tpl-image .container-inner,
.page-title-wrapper.tpl-parallax .container-inner {
    padding: 20px 0;
}

.page-title-wrapper.title-align-center {
    text-align: center;
}

.page-title-wrapper.title-margins-large .container-inner {
    padding: 60px 0 30px;
}

.page-title-wrapper.title-margins-large.title-align-center .container-inner {
    padding: 45px 0 45px;
}

.page-title-wrapper.title-margins-xlarge .container-inner {
    padding: 100px 0 40px;
}

.page-title-wrapper.title-margins-xlarge.title-align-center .container-inner {
    padding: 70px 0 70px;
}

.page-title-wrapper.tpl-color,
.page-title-wrapper.tpl-image,
.page-title-wrapper.tpl-parallax {
    overflow: hidden;
    position: relative;
}

    .page-title-wrapper.tpl-color .page-title,
    .page-title-wrapper.tpl-image .page-title,
    .page-title-wrapper.tpl-parallax .page-title {
        color: inherit;
    }

    .page-title-wrapper.tpl-color:before,
    .page-title-wrapper.tpl-image:before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        height: 20px;
        border-radius: 50%/50%;
        -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.25);
        box-shadow: 0 2px 20px 0 rgba(0,0,0,.25);
    }

    .page-title-wrapper.tpl-parallax:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60%;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    }

    .page-title-wrapper.tpl-parallax.parallax-effect-lines {
        background-image: url(img/parallax/lines-bg.png);
        background-repeat: repeat;
        background-position: center top;
    }

        .page-title-wrapper.tpl-parallax.parallax-effect-lines .page-title-inner {
            background-image: url(img/parallax/lines-over.png);
            background-repeat: repeat;
            background-position: 0 0;
        }

    .page-title-wrapper.tpl-parallax.parallax-effect-geometry {
        background-image: url(img/parallax/geometry-bg.png);
        background-repeat: repeat;
        background-position: center top;
    }

        .page-title-wrapper.tpl-parallax.parallax-effect-geometry .page-title-inner {
            background-image: url(img/parallax/geometry-over.png);
            background-repeat: repeat;
            background-position: 0 0;
        }

    .page-title-wrapper.tpl-parallax.parallax-effect-circles {
        background-image: url(img/parallax/circles-bg.png);
        background-repeat: repeat;
        background-position: center top;
    }

        .page-title-wrapper.tpl-parallax.parallax-effect-circles .page-title-inner {
            background-image: url(img/parallax/circles-over.png);
            background-repeat: repeat;
            background-position: 0 0;
        }

.page-title-wrapper.tpl-standard ~ .header-slider {
    padding-top: 20px;
}

/**
 * Breadcrumbs
 */

.breadcrumbs {
    display: inline-block;
    opacity: 0.4;
    cursor: default;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: relative;
}

    .breadcrumbs:hover {
        opacity: 1;
    }

    .breadcrumbs a {
        color: inherit;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

/**
 * Sidebar
 */

.sidebar-widget,
.footer-widget {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.sidebar-display .content-column-content {
    float: left;
    width: 70%;
}

.sidebar-display .content-column-sidebar {
    float: right;
    width: 25%;
}

.sidebar-display.flip-sidebar .content-column-content {
    float: right;
}

.sidebar-display.flip-sidebar .content-column-sidebar {
    float: left;
}

.sidebar-widget {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 1px 0;
}

/*
.sidebar-widget:first-child {
	border-top-width:1px;
	border-top-style:solid;
}
*/

.sidebar-widget-inner {
    margin: 1em 0;
}

.sidebar-widget-title {
    font-size: 120%;
    font-weight: bold;
    margin: 10px 0;
}

/***/

.sidebar-widget ul,
.footer-widget ul {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

    .sidebar-widget ul ul,
    .footer-widget ul ul {
        margin: 0.5em 0;
    }

    .sidebar-widget ul li,
    .footer-widget ul li {
        padding-left: 1em;
        position: relative;
        margin: 0.5em 0;
    }

        .sidebar-widget ul li:before,
        .footer-widget ul li:before {
            content: "\f105";
            font-family: "FontAwesome";
            position: absolute;
            top: 1px;
            left: 0;
        }

    .sidebar-widget ul.icons li,
    .footer-widget ul.icons li {
        padding-left: 0;
    }

        .sidebar-widget ul.icons li:before,
        .footer-widget ul.icons li:before {
            content: '';
            display: none;
        }

/* widget nav menu */

.sidebar-widget.widget_nav_menu {
    border-bottom: 0;
}

.widget_nav_menu .menu li {
    padding: 0;
    margin: 0;
}

    .widget_nav_menu .menu li:before {
        content: '';
    }

    .widget_nav_menu .menu li:first-child a {
        border-top-width: 1px;
        border-top-style: solid;
    }

    .widget_nav_menu .menu li a {
        color: inherit;
        display: block;
        padding: .5em .5em .5em 1.6em;
        text-decoration: none;
        position: relative;
        border-top-width: 1px;
        border-top-style: solid;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
    }

        .widget_nav_menu .menu li a:hover,
        .widget_nav_menu .menu li.current-menu-item a {
            text-decoration: none;
            color: #fff;
        }

        .widget_nav_menu .menu li a:before {
            content: "\f104";
            font-family: "FontAwesome";
            position: absolute;
            top: 0.5em;
            left: 0.6em;
            margin-top: 1px;
        }

.flip-sidebar .widget_nav_menu .menu li a {
    padding-left: .5em;
    padding-right: 1.6em;
}

    .flip-sidebar .widget_nav_menu .menu li a:before {
        content: "\f105";
        left: auto;
        right: 0.6em;
    }

/*
.sidebar-widget ul.menu li.current-menu-item > a,
.footer-widget ul.menu li.current-menu-item > a,
.sidebar-widget .current_page_item > a,
.footer-widget .current_page_item > a {
	color:inherit;
	text-decoration:none;
}
*/



/**
 * WP Calendar
 */

#wp-calendar {
    margin: 1em 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

    #wp-calendar tbody td {
        text-align: center;
        padding: 0.4em 0.2em;
        border-width: 1px;
        border-style: solid;
    }

    #wp-calendar th {
        padding: 0.4em 0;
        border-width: 1px;
        border-style: solid;
        color: #fff;
    }

    #wp-calendar caption {
        padding: 0.3em 0;
        font-weight: normal;
        font-size: 100%;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #fff;
        border-radius: 3px 3px 0 0;
    }

    #wp-calendar tfoot td {
        padding-top: 0.4em;
    }

    #wp-calendar #prev {
        text-align: left;
    }

    #wp-calendar #next {
        text-align: right;
    }

/**
 * Shortcodes Marker
 */

.omsc-marker {
    color: #fff;
}

/**
 * Divider shortcode
 */

.omsc-divider-full-width {
    margin-left: -20px;
    margin-right: -20px;
}

/**
 * Shortcodes toggle
 */

.omsc-toggle-title {
    padding-left: 2.8em;
}

    .omsc-toggle-title:after {
        left: 1em;
    }

.omsc-toggle-inner {
    padding-left: 1em;
    padding-top: 0.6em;
}

/**
 * Shortcodes Box
 */

.omsc-box {
    padding-left: 20px;
    padding-right: 20px;
}

.omsc-box-inner {
    margin-top: 2em;
    margin-bottom: 2em;
}

/**
 * Recent posts
 */

.omsc-recent-posts-title h3 {
    margin-bottom: .4em;
}

    .omsc-recent-posts-title h3 a {
        color: inherit;
    }

        .omsc-recent-posts-title h3 a,
        .omsc-recent-posts-title h3 a:hover {
            text-decoration: none;
        }

.omsc-recent-posts-date {
    font-size: 85%;
}

.omsc-recent-posts-thumb {
    margin: 0.5em 0;
}

.om_widget_recent_posts .omsc-recent-posts-item {
    float: none;
    margin: 1em 0 2em;
    width: auto;
}

/**
 * Custom tables
 */

/* Style-2 */

.omsc-custom-table.style-2, .omsc-custom-table-wrapper.omsc-style-2 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #131313;
}

    .omsc-custom-table.omsc-style-2 td,
    .omsc-custom-table-wrapper.omsc-style-2 table td,
    .omsc-custom-table.omsc-style-2 th,
    .omsc-custom-table-wrapper.omsc-style-2 table th {
        border: 0;
        margin: 0;
        padding: 0.6em 0.5em;
    }

    .omsc-custom-table.omsc-style-2 th, .omsc-custom-table-wrapper.omsc-style-2 table th {
        background: none;
        border-top: 2px solid #131313;
        border-bottom: 2px solid #131313;
        font-weight: bold;
        padding: 0.8em 0.5em;
        text-align: left;
    }

    .omsc-custom-table.omsc-style-2 td, .omsc-custom-table-wrapper.omsc-style-2 table td {
        background: none;
        border-bottom: 1px solid #131313;
        border-bottom-color: rgba(0,0,0,0.15);
    }

    .omsc-custom-table.omsc-style-2 tr:nth-child(odd) td, .omsc-custom-table-wrapper.omsc-style-2 table tr:nth-child(odd) td {
        background: #f5f5f5;
        background-color: rgba(0, 0, 0, 0.03);
    }

/* Style-3 */

.omsc-custom-table.omsc-style-3, .omsc-custom-table-wrapper.omsc-style-3 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #131313;
}

    .omsc-custom-table.omsc-style-3 td,
    .omsc-custom-table-wrapper.omsc-style-3 table td,
    .omsc-custom-table.omsc-style-3 th,
    .omsc-custom-table-wrapper.omsc-style-3 table th {
        margin: 0;
        padding: 0.6em 0.5em;
        border: 1px solid rgba(0,0,0,0.1);
    }

    .omsc-custom-table.omsc-style-3 th, .omsc-custom-table-wrapper.omsc-style-3 table th {
        color: #fff;
        font-weight: bold;
        border: 1px solid rgba(255,255,255,0.3);
        border-bottom: 1px solid #131313;
        padding: 0.5em 0.5em;
        text-align: left;
    }

    .omsc-custom-table.omsc-style-3 td, .omsc-custom-table-wrapper.omsc-style-3 table td {
        background: none;
        border-bottom: 1px solid #131313;
    }

/**
 * Full width section
 */

.omsc-full-width-section {
    margin-left: -20px;
    margin-right: -20px;
}

.omsc-full-width-section-inner {
    position: relative;
}

.omsc-full-width-section-content {
    padding: 20px 0;
    position: relative;
}

.omsc-full-width-section-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

    .omsc-full-width-section-video video {
        position: absolute;
        top: 0;
        left: 0;
    }

.omsc-full-width-section.omsc-no-paddings .omsc-full-width-section-content,
.omsc-full-width-section.omsc-no-paddings .container,
.omsc-full-width-section.omsc-no-paddings .container-inner {
    padding: 0;
    margin: 0;
    width: auto;
    max-width: none;
}

    .omsc-full-width-section.omsc-no-paddings .container-inner > * {
        margin-top: 0;
        margin-bottom: 0;
    }

/************************
 * Comments
 ************************/

.comments-section {
    margin-top: 3em;
    padding-top: 2em;
    border-top-width: 1px;
    border-top-style: solid;
}

    .comments-title,
    .comments-section #pings {
        font-size: 130%;
        margin-top: 0;
    }

.comment {
}

.comment-inner {
    margin-left: 216px;
    padding: 1em 0 0 0;
    border-top-width: 1px;
    border-top-style: solid;
}

    .comment-inner.depth-1 {
        margin-left: 0;
    }

    .comment-inner.depth-2 {
        margin-left: 54px;
    }

    .comment-inner.depth-3 {
        margin-left: 108px;
    }

    .comment-inner.depth-4 {
        margin-left: 162px;
    }

.comment-meta {
    font-size: 85%;
}

    .comment-meta .date a,
    .comment-meta .reply a,
    .comment-meta .edit a {
        color: inherit;
    }

    .comment-meta .author {
        display: inline-block;
        font-weight: bold;
        font-size: 115%;
    }

    .comment-meta .date {
        display: inline-block;
        margin-left: 12px;
    }

    .comment-meta .reply {
        display: inline-block;
        margin-left: 12px;
    }

        .comment-meta .reply a {
            display: inline-block;
            background: url(img/reply.png) no-repeat right 3px;
            padding: 0 18px 0 0;
        }

@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) {
    .comment-meta .reply a {
        background-image: url(img/reply%402x.png);
        background-size: 12px 13px;
    }
}


.comment-meta .edit {
    display: inline-block;
    margin-left: 12px;
}

    .comment-meta .date:before,
    .comment-meta .reply:before,
    .comment-meta .edit:before {
        content: '\f111';
        font-family: "FontAwesome";
        font-size: 4px;
        vertical-align: middle;
        margin-right: 12px;
        display: inline-block;
        opacity: 0.4;
    }

.comment-text {
    padding-bottom: 1px;
}

    .comment-text .pic {
        float: left;
        max-width: 38px;
        margin-bottom: 16px;
    }

    .comment-text .pic-inner {
        float: left;
        border-radius: 3px;
        overflow: hidden;
    }

        .comment-text .pic-inner img {
            display: block;
        }

    .comment-text .text.with-avatar {
        margin-left: 54px;
    }

.comments-section .nocomments {
    font-style: italic;
}

    .comments-section .nocomments:before {
        content: "\f023";
        font-family: 'FontAwesome';
        padding-right: 0.5em;
        font-style: normal;
    }

/* New comment form */

.new-comment {
    margin-bottom: 1em;
}

.comment-notes {
    font-style: italic;
}

.logged-in-as {
    font-size: 90%;
}

#commentform .one-third {
    width: 32.66%;
    margin: 0 1% 1% 0;
}

    #commentform .one-third.last {
        margin-right: 0;
    }

#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=tel],
#commentform input[type=password],
#commentform textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    resize: none;
}

#commentform textarea {
    margin-bottom: 1%;
    display: block;
}

#commentform input[type=submit],
#commentform input[type=reset] {
    margin-right: 1%;
}

.cancel-comment-reply,
#reply-title {
    margin: 1em 0;
    font-size: 100%;
}

    #reply-title small {
        margin-left: 10px;
    }

#respond .form-submit {
    margin-top: 0;
}

/**
 * Facebook comments
 */

.fb-comments-wrapper {
    margin: 32px 0;
}

.fb-comments,
.fb-comments > span,
.fb-comments iframe {
    width: 100% !important;
}

/**
 * Facebook Like box
 */

#fb-root {
    left: -9999px;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
    width: 100% !important;
}

.om_widget_facebook {
    border-bottom: 0;
}

/**
 * Latest Tweets
 */

.latest-tweets {
    list-style: none;
    padding: 0;
    margin: 16px 0;
}

    .latest-tweets li {
        margin: 0 0 0.5em 0 !important;
        background: none !important;
        padding: 0 !important;
    }

        .latest-tweets li:before {
            display: none;
        }

    .latest-tweets .tweet-status {
        display: inline;
    }

.tweet-status:before {
    content: "\f099";
    margin-right: 7px;
    font-family: 'FontAwesome';
    font-size: 100%;
}

.latest-tweets .tweet-status a {
}

.latest-tweets .tweet-time {
    font-size: 85%;
    font-style: italic;
}

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

    .twitter-follow a,
    .twitter-follow a:hover {
        text-decoration: none;
        border-bottom: 0 !important;
    }

        .twitter-follow a:hover span {
            text-decoration: underline;
        }


.omicon-twitter:before {
    content: "\f099";
    margin-right: 7px;
    font-size: 100%;
    font-family: 'FontAwesome';
}

/**
 * Navigation prev/next
 */

.navigation-prev-next {
    margin: 1em 0;
    line-height: 2em;
}

.navigation-prev {
    float: left;
}

.navigation-next {
    float: right;
}

.navigation-prev,
.navigation-next {
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    vertical-align: top;
    border-radius: 3px;
}

    .navigation-prev a,
    .navigation-next a {
        display: inline-block;
        border-radius: 2px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .navigation-prev a {
        padding-right: 0.5em;
    }

    .navigation-next a {
        padding-left: 0.5em;
    }

        .navigation-prev a:before,
        .navigation-next a:after {
            font-family: 'FontAwesome';
            color: #fff;
            width: 2em;
            text-align: center;
            border-radius: 2px;
            vertical-align: top;
        }

    .navigation-prev a:before {
        content: '\2190';
        display: inline-block;
        margin-right: 0.5em;
    }

    .navigation-next a:after {
        content: '\2192';
        display: inline-block;
        margin-left: 0.5em;
    }

    .navigation-prev a:hover,
    .navigation-next a:hover {
        color: #fff;
        text-decoration: none;
    }

/**
 * Navigation pages
 */

.navigation-pages {
    margin: 1em 0;
    line-height: 1.8em;
}

    .navigation-pages a,
    .navigation-pages-inner > span.dots {
        display: inline-block;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        padding: 2px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

.navigation-pages-inner > span.dots {
    width: 1.8em;
}

.navigation-pages a span {
    display: inline-block;
    width: 1.8em;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.navigation-pages a:hover {
    text-decoration: none;
    color: #fff;
}

.navigation-pages-inner > span.current {
    display: inline-block;
    text-align: center;
    width: 1.8em;
    border-radius: 3px;
    color: #fff;
    padding: 3px;
    cursor: default;
}

/**
 * Blog
 */

.blogroll.layout-small .post,
.blogroll.layout-medium .post,
.blogroll.layout-large .post {
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 2em;
    padding-bottom: 1em;
}

    .blogroll.layout-small .post:first-child,
    .blogroll.layout-medium .post:first-child,
    .blogroll.layout-large .post:first-child {
        border-top-width: 0;
        padding-top: 0;
        margin-top: 0;
    }

.post-date-author,
.post-meta {
    font-size: 90%;
}

    .post-date-author a,
    .post .post-date-author a,
    .post-meta a,
    .post .post-meta a {
        color: inherit;
    }

.post-date,
.post-author {
    display: inline-block;
}

    .post-author span {
        /* font-style:italic; */
    }

.post-meta-divider {
    display: inline-block;
    margin: 0 0.5em;
}

    .post-meta-divider:before {
        content: '\f111';
        font-family: "FontAwesome";
        font-size: 5px;
        vertical-align: middle;
        opacity: 0.4;
    }

.post-title h2 {
    margin: 0 0 0.5em;
}

    .post-title h2 a {
        color: inherit;
    }

        .post-title h2 a:hover {
            text-decoration: none;
        }

.post-content {
    margin: 1em 0;
}

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

.format-standard .post-media,
.format-image .post-media {
    -webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
    box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
}

.post-media img {
    display: block;
    margin: 0 auto;
}

.post-meta {
    margin: 0 0 1em;
}

.blogroll .post-meta {
    margin: 1em 0;
}

.post-comments a:before {
    content: '\f0e5';
    font-family: 'FontAwesome';
    padding-right: 0.3em;
}

.post-comments a:hover {
    text-decoration: none;
}

    .post-comments a:hover span {
        text-decoration: underline;
    }

.blogroll .post.sticky .post-title h2:before {
    content: "\f06a";
    font-family: 'FontAwesome';
    padding-right: 0.5em;
}

/* small */

.blogroll.layout-small .post-media {
    width: 30%;
    max-width: 346px;
    float: left;
    margin: 3px 4% 2% 0;
}

/* medium */

.blogroll.layout-medium .post-media {
    width: 48%;
    max-width: 555px;
    float: left;
    margin: 3px 4% 2% 0;
}

/* grid */
.blogroll.layout-grid-2 {
    overflow: hidden;
}

    .blogroll.layout-grid-2 section {
        margin-right: -8.65%;
    }

    .blogroll.layout-grid-2 .post {
        float: left;
        width: 44%;
        margin: 0 4% 30px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-bottom: 1em;
    }

/* grid */
.blogroll.layout-grid {
    overflow: hidden;
}

    .blogroll.layout-grid .post {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-bottom: 1em;
    }

.blogroll.layout-grid-2 section {
    margin-right: -8.65%;
}

.blogroll.layout-grid-2 .post {
    float: left;
    width: 44%;
    margin: 0 4% 30px 0;
}

.blogroll.layout-grid-2 .post-title h2 {
    font-size: 160%;
}

.blogroll.layout-grid-3 section {
    margin-right: -6.38%;
}

.blogroll.layout-grid-3 .post {
    float: left;
    width: 28%;
    margin: 0 5% 30px 0;
}

.blogroll.layout-grid-3 .post-title h2 {
    font-size: 140%;
}

/* link */

.post-link-box {
    margin: 16px 0;
    font-size: 125%;
}

    .post-link-box a,
    .content .post-link-box a {
        display: block;
        padding: 0.4em 0.8em 0.4em 0.7em;
        text-decoration: none;
        color: inherit;
        border-radius: 3px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .post-link-box a:hover {
            text-decoration: none;
        }

        .post-link-box a:before {
            content: '\f101';
            font-family: 'FontAwesome';
            padding-right: 0.5em;
            vertical-align: middle;
        }

/* blockquote */

blockquote,
.blockquote {
    margin: 16px 0 32px;
    padding: 1em 2em;
    text-align: center;
    font-size: 180%;
    line-height: 1.3;
    position: relative;
    border-radius: 3px;
}

.blockquote-author {
    margin-top: 0.7em;
    font-size: 66%;
}

    .blockquote-author:before {
        content: '// ';
    }

blockquote:after,
.blockquote:after {
    content: '';
    position: absolute;
    left: 15px;
    bottom: -15px;
    width: 35px;
    height: 30px;
    background-repeat: no-repeat;
}

/**
 * Blockquote shortcode
 */

.omsc-blockquote-footer {
    margin-top: 0.7em;
    font-size: 66%;
}


/**
 * Image Hover links
 */

.hover-image-extra {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0); /* hover movement fix */
}

    .hover-image-extra .back,
    .hover-image-extra img {
        display: block;
    }

    .hover-image-extra .over {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .hover-image-extra:hover .over {
        opacity: 1;
    }

    .hover-image-extra .link-zoom,
    .hover-image-extra .link-url {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 24px;
        background: #000;
        background-color: rgba(0,0,0,0.7);
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        border-radius: 25px;
        /*
	-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.4);
	box-shadow:0 0 7px 0 rgba(0,0,0,0.4);
	*/
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .hover-image-extra .link-zoom:before,
        .hover-image-extra .link-url:before {
            display: block;
        }

        .hover-image-extra .link-zoom:hover:before,
        .hover-image-extra .link-url:hover:before {
            -webkit-animation: rolly 0.3s cubic-bezier(0.86, 0, 0.07, 1);
            -moz-animation: rolly 0.3s cubic-bezier(0.86, 0, 0.07, 1);
            animation: rolly 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        }

@-webkit-keyframes rolly {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    51% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes rolly {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -moz-transform: translateY(50px);
        transform: translateY(50px);
    }

    51% {
        -moz-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes rolly {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(50px);
    }

    51% {
        transform: translateY(-50px);
    }

    100% {
        transform: translateY(0);
    }
}

.hover-image-extra .link-zoom {
    line-height: 48px;
}

.hover-image-extra:hover .link-zoom {
    -webkit-animation: zoominback 0.4s;
    -moz-animation: zoominback 0.4s;
    animation: zoominback 0.4s;
}

.hover-image-extra:hover .link-url {
    -webkit-animation: zoominbackdelay 0.5s;
    -moz-animation: zoominbackdelay 0.5s;
    animation: zoominbackdelay 0.5s;
}

@-webkit-keyframes zoominback {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes zoominback {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -moz-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoominback {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes zoominbackdelay {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    55% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes zoominbackdelay {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
    }

    55% {
        -moz-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoominbackdelay {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    55% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.hover-image-extra .link-zoom:hover,
.hover-image-extra .link-url:hover {
    text-decoration: none;
}

.hover-image-extra.two-links .link-zoom {
    margin-left: -55px;
}

.hover-image-extra.two-links .link-url {
    margin-left: 5px;
}

.hover-image-extra.single-link .link-zoom,
.hover-image-extra.single-link .link-url {
    margin-left: -25px;
}

.hover-image-extra .link-zoom:before {
    content: '\f002';
    font-family: 'FontAwesome';
}

.hover-image-extra .link-url:before {
    content: '\f061';
    font-family: 'FontAwesome';
}

html.touch .hover-image-extra .over {
    display: none;
}

/**
 * Media shadow
 */

.om-inline-gallery-wrapper {
    margin: 1em 0;
}

.gallery-masonry .item,
.gallery-sliced .img-box,
.custom-gallery,
.om_theme .ompf-portfolio-thumb a {
    -webkit-box-shadow: 0 8px 0 -6px rgba(0,0,0,0.15);
    box-shadow: 0 8px 0 -6px rgba(0,0,0,0.15);
}

/**
 * Custom Gallery
 */

.custom-gallery {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0); /* hover movement fix */
}

    .custom-gallery .items {
    }

        .custom-gallery .items .item {
            display: none;
        }

            .custom-gallery .items .item:first-child {
                display: block;
            }

            .custom-gallery .items .item img {
                display: block;
                margin: 0 auto;
            }

    .custom-gallery .controls {
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .custom-gallery:hover .controls {
        opacity: 1;
    }

    .custom-gallery .control-prev .prev,
    .custom-gallery .control-next .next {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 2px;
        width: 40px;
        z-index: 200;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0.7;
    }

    .custom-gallery .control-next .next {
        left: auto;
        right: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        transform: translateX(40px);
    }

    .custom-gallery:hover .control-prev .prev,
    .custom-gallery:hover .control-next .next {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    .custom-gallery .control-prev .prev:hover,
    .custom-gallery .control-next .next:hover {
        opacity: 1;
        text-decoration: none;
    }

    .custom-gallery .control-prev .prev:before,
    .custom-gallery .control-next .next:before {
        content: '\f104';
        font-family: 'FontAwesome';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 30px;
        color: #fff;
        line-height: 30px;
        margin-top: -15px;
    }

    .custom-gallery .control-next .next:before {
        content: '\f105';
    }

    .custom-gallery .control-progress {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 201;
        height: 2px;
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        transform: translateY(2px);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .custom-gallery:hover .control-progress {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    .custom-gallery .control-progress .progress {
        height: 2px;
        width: 50%;
        background: #fff;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .custom-gallery .item-caption {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0.5em 0.8em;
        color: #fff;
        color: rgba(255,255,255,0.7);
        background: rgba(0,0,0,0.4);
        text-align: center;
        font-style: italic;
    }

html.touch .custom-gallery .control-prev,
html.touch .custom-gallery .control-next {
    display: none;
}

html.touch .custom-gallery .controls {
    opacity: 1;
}

html.touch .custom-gallery .control-progress {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}


/**
 * Gallery sliced
 */

.gallery-sliced img {
    display: block;
    margin: 0 auto;
}

.gallery-sliced .img-box {
    position: relative;
    overflow: hidden;
}

.gallery-sliced-box-row {
    margin-top: 1%;
}

    .gallery-sliced-box-row:first-child {
        margin-top: 0;
    }

.gallery-sliced-box-2 .img-1 {
    float: left;
    width: 33%;
    margin-right: 1%;
}

.gallery-sliced-box-2 .img-2 {
    float: left;
    width: 66%;
}

.gallery-sliced-box-3 .img-1 {
    float: left;
    width: 66%;
    margin-right: 1%;
}

.gallery-sliced-box-3 .img-2 {
    float: left;
    width: 33%;
    margin-bottom: 1%;
}

.gallery-sliced-box-3 .img-3 {
    float: left;
    width: 33%;
}

.gallery-sliced-box-4 .img-1 {
    float: left;
    width: 66%;
    margin-right: 1%;
}

.gallery-sliced-box-4 .img-2,
.gallery-sliced-box-4 .img-3 {
    float: left;
    width: 33%;
    margin-bottom: 1%;
}

.gallery-sliced-box-4 .img-4 {
    float: left;
    width: 33%;
}

.gallery-sliced-box-5 .img-1,
.gallery-sliced-box-5 .img-2 {
    float: left;
    width: 32.66%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.gallery-sliced-box-5 .img-3 {
    float: left;
    width: 32.66%;
    margin-bottom: 1%;
}

.gallery-sliced-box-5 .img-4 {
    float: left;
    width: 49.5%;
    margin-right: 1%;
}

.gallery-sliced-box-5 .img-5 {
    float: left;
    width: 49.5%;
}

.gallery-sliced .item-caption {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.5em 0.8em;
    color: #fff;
    color: rgba(255,255,255,0.7);
    background: rgba(0,0,0,0.4);
    text-align: center;
    font-style: italic;
}

/**
 * Gallery Masonry
 */

.gallery-masonry {
    overflow: hidden;
}

    .gallery-masonry img {
        display: block;
    }

    .gallery-masonry .items {
        margin-right: -2%;
    }

    .gallery-masonry .item {
        float: left;
        position: relative;
        width: 32%;
        margin-right: 1%;
        margin-bottom: 1%;
    }

    .gallery-masonry .item-caption {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0.5em 0.8em;
        color: #fff;
        color: rgba(255,255,255,0.7);
        background: rgba(0,0,0,0.4);
        text-align: center;
        font-style: italic;
    }

/**
 * Isotope
 */

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

/**
 * Responsive embed
 */

.responsive-embed {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

    .responsive-embed iframe,
    .responsive-embed object,
    .responsive-embed embed,
    .responsive-embed video {
        position: absolute;
        top: 0;
        left: 0;
        height: 100% !important;
        width: 100% !important;
    }

.w-responsive-embed iframe,
.w-responsive-embed object,
.w-responsive-embed embed,
.w-responsive-embed video {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * Media player
 */

.om_theme .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
}

.om_theme .mejs-controls .mejs-button button:focus {
    outline-color: rgba(255,255,255,0.5);
}

.om_theme .mejs-controls .mejs-time-rail {
    margin-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * More link
 */

a.more-link {
    text-decoration: none;
    display: inline-block;
    color: inherit;
    padding-right: 0.7em;
    border-radius: 0.8em;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: -200px 0;
}

    a.more-link:before {
        content: '\f0da';
        font-family: 'FontAwesome';
        color: #fff;
        text-align: center;
        float: left;
        height: 100%;
        width: 1.5em;
        margin: 0 0.5em 0 0;
        font-size: 100%;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background 0.3s, color 0.3s;
        -moz-transition: background 0.3s, color 0.3s;
        transition: background 0.3s, color 0.3s;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: transparent;
    }

    a.more-link:hover,
    .footer a.more-link:hover {
        color: #fff;
        text-decoration: none;
        background-position: 0 0;
        -webkit-transition: background 0.3s, color 0.3s ease 0.2s;
        -moz-transition: background 0.3s, color 0.3s ease 0.2s;
        transition: background 0.3s, color 0.3s ease 0.2s;
    }

/**
 * Portfolio Categories
 */

.om_theme .ompf-portfolio-categories-wrapper:first-child {
    margin-top: 0;
}

.om_theme .ompf-portfolio-categories li a {
    border: 0;
    background: none;
    color: inherit;
    line-height: 1.5;
    padding: 0 0 0 0.7em;
    white-space: nowrap;
    border-radius: 0.75em;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .om_theme .ompf-portfolio-categories li a .ompf-count {
        position: relative;
        top: auto;
        right: auto;
        float: right;
        height: 100%;
        width: 1.5em;
        margin: 0 0 0 0.7em;
        font-size: 100%;
        border-radius: 0.75em;
        border-left-width: 1px;
        border-left-style: solid;
        border-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background 0.3s, color 0.3s;
        -moz-transition: background 0.3s, color 0.3s;
        transition: background 0.3s, color 0.3s;
    }

.msie .om_theme .ompf-portfolio-categories li a .ompf-count {
    margin-left: 1.4em;
}

.om_theme .ompf-portfolio-categories li a:hover .ompf-count {
    color: #fff;
}

.om_theme .ompf-portfolio-categories li a.ompf-active,
.om_theme .ompf-portfolio-categories li a.ompf-active:hover {
    color: #fff;
}

    .om_theme .ompf-portfolio-categories li a.ompf-active .ompf-count {
        border-color: inherit;
        color: #fff;
    }

.om_theme .ompf-portfolio-categories li a:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    visibility: hidden;
}

.om_theme .ompf-portfolio-categories li a:hover:before {
    visibility: visible;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    transform: scale(1.7);
}

.om_theme .ompf-portfolio-categories li a.ompf-active:hover:before {
    visibility: hidden;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.om_theme .ompf-portfolio-categories li {
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 0.9em;
    padding-right: 0.1em;
}

    .om_theme .ompf-portfolio-categories li:first-child {
        border-width: 0;
        padding-left: 0;
    }

/**
 * Portfolio page
 */

.ompf-portfolio-thumb .ompf-title {
    font-size: 120%;
}

.ompf-portfolio-thumb .ompf-text {
    margin-top: 0.5em;
}

@media only screen and (max-width: 1024px) {

    .ompf-preview-layout-full-hover .ompf-title {
        font-size: 90%;
    }

    .ompf-preview-layout-full-hover .ompf-text {
        font-size: 75%;
    }
}

.om_theme .ompf-portfolio-thumb {
}

    .om_theme .ompf-portfolio-thumb a {
        border-radius: 0;
        -webkit-box-shadow: 0 8px 0 -6px rgba(0,0,0,0.15);
        box-shadow: 0 8px 0 -6px rgba(0,0,0,0.15);
        border-color: rgba(0,0,0,0.15);
    }

        .om_theme .ompf-portfolio-thumb a:hover {
            -webkit-box-shadow: 0 8px 0 -6px rgba(0,0,0,0.15);
            box-shadow: 0 8px 0 -6px rgba(0,0,0,0.15);
            text-decoration: none;
            border-color: rgba(0,0,0,0.15);
        }

    .om_theme .ompf-portfolio-thumb .ompf-pic {
        border-radius: 0;
    }

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a .ompf-pic-inner:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a .ompf-pic-inner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover .ompf-pic-inner:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a:hover .ompf-pic-inner:after {
    opacity: 1;
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a .ompf-pic:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a .ompf-pic:after {
    content: '\f061';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    background: #000;
    background-color: rgba(0,0,0,0.7);
    text-decoration: none;
    opacity: 0;
    border-radius: 25px;
    /*
	-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.4);
	box-shadow:0 0 7px 0 rgba(0,0,0,0.4);
	*/
}

.om_theme .ompf-preview-layout-full .ompf-portfolio-thumb a:hover .ompf-pic:after,
.om_theme .ompf-preview-layout-thumbnail .ompf-portfolio-thumb a:hover .ompf-pic:after {
    opacity: 1;
    -webkit-animation: zoominback 0.5s;
    -moz-animation: zoominback 0.5s;
    animation: zoominback 0.5s;
}

.om_theme .ompf-preview-layout-full a {
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

    .om_theme .ompf-preview-layout-full a:hover {
        color: #fff;
        background-color: #aaa;
    }

/* full hover */

.ompf-preview-layout-full-hover .ompf-portfolio-thumb.ompf-with-link a:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a .ompf-desc-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-top .ompf-desc-wrapper,
.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-top .ompf-desc-wrapper {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-top .ompf-desc-wrapper {
    -webkit-animation: in-top 0.3s ease 0ms 1 forwards;
    -moz-animation: in-top 0.3s ease 0ms 1 forwards;
    animation: in-top 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-top .ompf-desc-wrapper {
    -webkit-animation: out-top 0.3s ease 0ms 1 forwards;
    -moz-animation: out-top 0.3s ease 0ms 1 forwards;
    animation: out-top 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-bottom .ompf-desc-wrapper,
.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-bottom .ompf-desc-wrapper {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-bottom .ompf-desc-wrapper {
    -webkit-animation: in-bottom 0.3s ease 0ms 1 forwards;
    -moz-animation: in-bottom 0.3s ease 0ms 1 forwards;
    animation: in-bottom 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-bottom .ompf-desc-wrapper {
    -webkit-animation: out-bottom 0.3s ease 0ms 1 forwards;
    -moz-animation: out-bottom 0.3s ease 0ms 1 forwards;
    animation: out-bottom 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-left .ompf-desc-wrapper,
.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-left .ompf-desc-wrapper {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-left .ompf-desc-wrapper {
    -webkit-animation: in-left 0.3s ease 0ms 1 forwards;
    -moz-animation: in-left 0.3s ease 0ms 1 forwards;
    animation: in-left 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-left .ompf-desc-wrapper {
    -webkit-animation: out-left 0.3s ease 0ms 1 forwards;
    -moz-animation: out-left 0.3s ease 0ms 1 forwards;
    animation: out-left 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-right .ompf-desc-wrapper,
.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-right .ompf-desc-wrapper {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.in-right .ompf-desc-wrapper {
    -webkit-animation: in-right 0.3s ease 0ms 1 forwards;
    -moz-animation: in-right 0.3s ease 0ms 1 forwards;
    animation: in-right 0.3s ease 0ms 1 forwards;
}

.ompf-preview-layout-full-hover .ompf-portfolio-thumb a.out-right .ompf-desc-wrapper {
    -webkit-animation: out-right 0.3s ease 0ms 1 forwards;
    -moz-animation: out-right 0.3s ease 0ms 1 forwards;
    animation: out-right 0.3s ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateX(0deg);
    }
}

@-moz-keyframes in-top {
    from {
        -moz-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateX(0deg);
    }
}

@keyframes in-top {
    from {
        transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateX(0deg);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}

@-moz-keyframes out-top {
    from {
        -moz-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}

@keyframes out-top {
    from {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateX(0deg);
    }
}

@-moz-keyframes in-bottom {
    from {
        -moz-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateX(0deg);
    }
}

@keyframes in-bottom {
    from {
        transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateX(0deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}

@-moz-keyframes out-bottom {
    from {
        -moz-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}

@keyframes out-bottom {
    from {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateY(0deg);
    }
}

@-moz-keyframes in-left {
    from {
        -moz-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateY(0deg);
    }
}

@keyframes in-left {
    from {
        transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateY(0deg);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}

@-moz-keyframes out-left {
    from {
        -moz-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}

@keyframes out-left {
    from {
        transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateY(0deg);
    }
}

@-moz-keyframes in-right {
    from {
        -moz-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateY(0deg);
    }
}

@keyframes in-right {
    from {
        transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateY(0deg);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}

@-moz-keyframes out-right {
    from {
        -moz-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}

@keyframes out-right {
    from {
        transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }

    to {
        transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}

.ompf-portfolio.ompf-sc-portfolio .ompf-portfolio-thumb {
    -webkit-transform: translateZ(0); /* hover movement fix */
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

/**
 * Portfolio single page
 */

.ompf-portfolio-single-categories {
    font-size: 85%;
}

.ompf-portfolio-single {
    margin-bottom: 2em;
}

.ompf-media-width100 .ompf-portfolio-single-media {
    padding: 0;
}

/**
 * Portfolio widget
 */

.ompf-portfolio.ompf-widget-mode .ompf-portfolio-thumb {
    margin-bottom: 2em;
}

/**
 * Sitemap
 */

.sitemap ul {
    list-style: none;
    padding: 0;
    margin: 1em 0;
}

    .sitemap ul li {
        padding-left: 1em;
        margin: 0.5em 0;
        position: relative;
    }

        .sitemap ul li:before {
            content: "\f105";
            font-family: "FontAwesome";
            position: absolute;
            top: 1px;
            left: 0;
        }

.sitemap.small ul li,
.sitemap.small ul ul {
    margin: 0;
}

/**
 * Search
 */

.search-results-note {
    font-style: italic;
}

.search-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .search-results-list h4 {
        margin-top: 1em;
    }

    .search-results-list li {
        border-top: 1px solid;
        margin: 1em 0;
        padding-top: 1px;
    }

.search-results-thumbnail {
    float: left;
    margin: 1.5em 1.5em 0.5em 0;
}

/**
 * Forms
 */

select,
input[type=number] {
    max-width: 100%;
    padding: 3px;
    margin: 0;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=file],
textarea {
    background: transparent;
    border: 0px;
    padding: 6px 10px;
    margin: 0;
    font-size: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    input[type=text]:focus,
    input[type=email]:focus,
    input[type=tel]:focus,
    input[type=password]:focus,
    input[type=file]:focus,
    textarea:focus {
    }

    input.error,
    textarea.error {
        border-color: red !important;
        -webkit-box-shadow: 0 0 5px 0 rgba(255,0,0,0.3);
        box-shadow: 0 0 5px 0 rgba(255,0,0,0.3);
    }

input[type=button],
input[type=submit],
input[type=reset] {
    color: #fff;
    border: 0;
    cursor: pointer;
    position: relative;
    line-height: 1.5;
    padding: 0.4em 1.2em;
    margin: 0;
    -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s, -moz-box-shadow 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
    -o-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
    text-decoration: none;
    font-size: 100%;
    text-shadow: none;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    input[type=button]:hover,
    input[type=submit]:hover,
    input[type=reset]:hover {
    }

#s {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/** 
 * Dropcap
 */

.omsc-dropcap .fa {
    font-size: 70%;
    vertical-align: middle;
    position: relative;
    top: -0.08em;
}

/**
 * Contact Form 7 Styling
 */

.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=password],
.wpcf7 input[type=file],
.wpcf7 textarea {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wpcf7 select {
    margin: 0;
}

    .wpcf7 select[multiple] {
        height: auto;
    }

.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ng {
    background: #f34b3f;
    border: 1px solid #f24033;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 1em;
    margin: 1em 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.wpcf7 div.wpcf7-mail-sent-ok {
    background: #c5f4a9;
    border: 1px solid #bdf29e;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    color: #0d590d;
    padding: 1em;
    margin: 1em 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.wpcf7 div.wpcf7-spam-blocked {
    background: #f4e6a2;
    border: 1px solid #f3e397;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    color: #5b4d13;
    padding: 1em;
    margin: 1em 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.wpcf7 span.wpcf7-not-valid-tip {
    position: static;
    display: block;
    background: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    color: red;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    font-size: 85%;
    line-height: 16px;
    height: 16px;
    margin: 0 0 -16px 0;
    padding: 0 0;
}

.wpcf7 .wpcf7-not-valid[type=text],
.wpcf7 .wpcf7-not-valid[type=email],
.wpcf7 .wpcf7-not-valid[type=tel],
.wpcf7 .wpcf7-not-valid[type=password],
.wpcf7 .wpcf7-not-valid[type=textarea] {
    border: 1px solid red;
}

/****************************
* Social icons
****************************/

[class^="social-icon"],
[class*=" social-icon"] {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    margin: 0 0.5em 0.5em 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 20px;
    opacity: 0.35;
}

    [class^="social-icon"]:hover,
    [class*=" social-icon"]:hover {
        background-position: left bottom;
        background-color: #666;
        opacity: 1;
    }

.light-social-icons [class^="social-icon"],
.light-social-icons [class*=" social-icon"] {
    background-position: left bottom;
    opacity: 0.5;
}

    .light-social-icons [class^="social-icon"]:hover,
    .light-social-icons [class*=" social-icon"]:hover {
        opacity: 1;
        -webkit-animation: toRightFromLeft 0.3s;
        -moz-animation: toRightFromLeft 0.3s;
        animation: toRightFromLeft 0.3s;
    }

@-webkit-keyframes toRightFromLeft {
    49% {
        background-position: 32px bottom;
    }

    50% {
        -webkit-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);
        background-position: -32px bottom;
    }

    100% {
        background-position: 0 bottom;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        background-position: 32px bottom;
    }

    50% {
        -moz-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);
        background-position: -32px bottom;
    }

    100% {
        background-position: 0 bottom;
    }
}

@keyframes toRightFromLeft {
    49% {
        background-position: 32px bottom;
    }

    50% {
        -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);
        background-position: -32px bottom;
    }

    100% {
        background-position: 0 bottom;
    }
}

.social-icon-aim {
    background-image: url(img/social/aim.png);
}

    .social-icon-aim:hover {
        background-color: #e95a00 !important;
    }

.social-icon-amazon {
    background-image: url(img/social/amazon.png);
}

.social-icon-apple {
    background-image: url(img/social/apple.png);
}

    .social-icon-apple:hover {
        background-color: #606060 !important;
    }

.social-icon-appstore {
    background-image: url(img/social/appstore.png);
}

.social-icon-basecamp {
    background-image: url(img/social/basecamp.png);
}

.social-icon-bebo {
    background-image: url(img/social/bebo.png);
}

.social-icon-behance {
    background-image: url(img/social/behance.png);
}

    .social-icon-behance:hover {
        background-color: #18a3fe !important;
    }

.social-icon-bing {
    background-image: url(img/social/bing.png);
}

.social-icon-blogger {
    background-image: url(img/social/blogger.png);
}

    .social-icon-blogger:hover {
        background-color: #fb913f !important;
    }

.social-icon-creativecommons {
    background-image: url(img/social/creativecommons.png);
}

.social-icon-delicious {
    background-image: url(img/social/delicious.png);
}

    .social-icon-delicious:hover {
        background-color: #3274d1 !important;
    }

.social-icon-devianart {
    background-image: url(img/social/devianart.png);
}

.social-icon-deviantart:hover {
    background-color: #d0de21 !important;
}

.social-icon-digg {
    background-image: url(img/social/digg.png);
}

    .social-icon-digg:hover {
        background-color: #2882c6 !important;
    }

.social-icon-dribble {
    background-image: url(img/social/dribble.png);
}

    .social-icon-dribble:hover {
        background-color: #ef5b92 !important;
    }

.social-icon-dropbox {
    background-image: url(img/social/dropbox.png);
}

.social-icon-drupal {
    background-image: url(img/social/drupal.png);
}

.social-icon-ember {
    background-image: url(img/social/ember.png);
}

    .social-icon-ember:hover {
        background-color: #fb9d00 !important;
    }

.social-icon-evernote {
    background-image: url(img/social/evernote.png);
}

    .social-icon-evernote:hover {
        background-color: #77ba2f !important;
    }

.social-icon-facebook {
    background-image: url(img/social/facebook.png);
}

    .social-icon-facebook:hover {
        background-color: #3b5998 !important;
    }

.social-icon-feedburner {
    background-image: url(img/social/feedburner.png);
}

.social-icon-flickr {
    background-image: url(img/social/flickr.png);
}

    .social-icon-flickr:hover {
        background-color: #f1628b !important;
    }

.social-icon-forrst {
    background-image: url(img/social/forrst.png);
}

    .social-icon-forrst:hover {
        background-color: #5b9a68 !important;
    }

.social-icon-friendfeed {
    background-image: url(img/social/friendfeed.png);
}

.social-icon-friendster {
    background-image: url(img/social/friendster.png);
}

.social-icon-github {
    background-image: url(img/social/github.png);
}

    .social-icon-github:hover {
        background-color: #7292a2 !important;
    }

.social-icon-github2 {
    background-image: url(img/social/github2.png);
}

    .social-icon-github2:hover {
        background-color: #7292a2 !important;
    }

.social-icon-googleplus {
    background-image: url(img/social/googleplus.png);
}

    .social-icon-googleplus:hover {
        background-color: #d94a39 !important;
    }

.social-icon-gowalla {
    background-image: url(img/social/gowalla.png);
}

    .social-icon-gowalla:hover {
        background-color: #ff920d !important;
    }

.social-icon-grooveshark {
    background-image: url(img/social/grooveshark.png);
}

    .social-icon-grooveshark:hover {
        background-color: #f88e00 !important;
    }

.social-icon-icq {
    background-image: url(img/social/icq.png);
}

.social-icon-instagram {
    background-image: url(img/social/instagram.png);
}

    .social-icon-instagram:hover {
        background-color: #9f6f54 !important;
    }

.social-icon-lastfm {
    background-image: url(img/social/last.fm.png);
}

    .social-icon-lastfm:hover {
        background-color: #d21309 !important;
    }

.social-icon-linkedin {
    background-image: url(img/social/linkedin.png);
}

    .social-icon-linkedin:hover {
        background-color: #71b2d0 !important;
    }

.social-icon-livejournal {
    background-image: url(img/social/livejournal.png);
}

.social-icon-lovedsgn {
    background-image: url(img/social/lovedsgn.png);
}

.social-icon-msnmessenger {
    background-image: url(img/social/msnmessenger.png);
}

.social-icon-myspace {
    background-image: url(img/social/myspace.png);
}

    .social-icon-myspace:hover {
        background-color: #003398 !important;
    }

.social-icon-newsvine {
    background-image: url(img/social/newsvine.png);
}

    .social-icon-newsvine:hover {
        background-color: #5b965a !important;
    }

.social-icon-openid {
    background-image: url(img/social/openid.png);
}

.social-icon-photobucket {
    background-image: url(img/social/photobucket.png);
}

.social-icon-picasa {
    background-image: url(img/social/picasa.png);
}

    .social-icon-picasa:hover {
        background-color: #444 !important;
    }

.social-icon-pinterest {
    background-image: url(img/social/pinterest.png);
}

    .social-icon-pinterest:hover {
        background-color: #cb2027 !important;
    }

.social-icon-plixi {
    background-image: url(img/social/plixi.png);
}

.social-icon-reddit {
    background-image: url(img/social/reddit.png);
}

    .social-icon-reddit:hover {
        background-color: #cde2f9 !important;
    }

.social-icon-rss {
    background-image: url(img/social/rss.png);
}

    .social-icon-rss:hover {
        background-color: #fe9900 !important;
    }

.social-icon-sharethis {
    background-image: url(img/social/sharethis.png);
}

.social-icon-simplenote {
    background-image: url(img/social/simplenote.png);
}

.social-icon-skype {
    background-image: url(img/social/skype.png);
}

    .social-icon-skype:hover {
        background-color: #18b7f1 !important;
    }

.social-icon-slideshare {
    background-image: url(img/social/slideshare.png);
}

.social-icon-smugmug {
    background-image: url(img/social/smugmug.png);
}

.social-icon-soundcloud {
    background-image: url(img/social/soundcloud.png);
}

.social-icon-squarespace {
    background-image: url(img/social/squarespace.png);
}

.social-icon-squidoo {
    background-image: url(img/social/squidoo.png);
}

.social-icon-stumbleupon {
    background-image: url(img/social/stumbleupon.png);
}

    .social-icon-stumbleupon:hover {
        background-color: #eb4924 !important;
    }

.social-icon-technorati {
    background-image: url(img/social/technorati.png);
}

    .social-icon-technorati:hover {
        background-color: #7ac84f !important;
    }

.social-icon-twitter {
    background-image: url(img/social/twitter.png);
}

    .social-icon-twitter:hover {
        background-color: #48c4d2 !important;
    }

.social-icon-vimeo {
    background-image: url(img/social/vimeo.png);
}

    .social-icon-vimeo:hover {
        background-color: #62a0ad !important;
    }

.social-icon-wordpress {
    background-image: url(img/social/wordpress.png);
}

    .social-icon-wordpress:hover {
        background-color: #464646 !important;
    }

.social-icon-yahoo {
    background-image: url(img/social/yahoo.png);
}

    .social-icon-yahoo:hover {
        background-color: #ab64bc !important;
    }

.social-icon-youtube {
    background-image: url(img/social/youtube.png);
}

    .social-icon-youtube:hover {
        background-color: #f45750 !important;
    }

@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^="social-icon"],
    [class*=" social-icon"] {
        background-size: 32px 64px;
    }

    .social-icon-aim {
        background-image: url(img/social/aim%402x.png);
    }

    .social-icon-amazon {
        background-image: url(img/social/amazon%402x.png);
    }

    .social-icon-apple {
        background-image: url(img/social/apple%402x.png);
    }

    .social-icon-appstore {
        background-image: url(img/social/appstore%402x.png);
    }

    .social-icon-basecamp {
        background-image: url(img/social/basecamp%402x.png);
    }

    .social-icon-bebo {
        background-image: url(img/social/bebo%402x.png);
    }

    .social-icon-behance {
        background-image: url(img/social/behance%402x.png);
    }

    .social-icon-bing {
        background-image: url(img/social/bing%402x.png);
    }

    .social-icon-blogger {
        background-image: url(img/social/blogger%402x.png);
    }

    .social-icon-creativecommons {
        background-image: url(img/social/creativecommons%402x.png);
    }

    .social-icon-delicious {
        background-image: url(img/social/delicious%402x.png);
    }

    .social-icon-devianart {
        background-image: url(img/social/devianart%402x.png);
    }

    .social-icon-digg {
        background-image: url(img/social/digg%402x.png);
    }

    .social-icon-dribble {
        background-image: url(img/social/dribble%402x.png);
    }

    .social-icon-dropbox {
        background-image: url(img/social/dropbox%402x.png);
    }

    .social-icon-drupal {
        background-image: url(img/social/drupal%402x.png);
    }

    .social-icon-ember {
        background-image: url(img/social/ember%402x.png);
    }

    .social-icon-evernote {
        background-image: url(img/social/evernote%402x.png);
    }

    .social-icon-facebook {
        background-image: url(img/social/facebook%402x.png);
    }

    .social-icon-feedburner {
        background-image: url(img/social/feedburner%402x.png);
    }

    .social-icon-flickr {
        background-image: url(img/social/flickr%402x.png);
    }

    .social-icon-forrst {
        background-image: url(img/social/forrst%402x.png);
    }

    .social-icon-friendfeed {
        background-image: url(img/social/friendfeed%402x.png);
    }

    .social-icon-friendster {
        background-image: url(img/social/friendster%402x.png);
    }

    .social-icon-github {
        background-image: url(img/social/github%402x.png);
    }

    .social-icon-github2 {
        background-image: url(img/social/github2%402x.png);
    }

    .social-icon-googleplus {
        background-image: url(img/social/googleplus%402x.png);
    }

    .social-icon-gowalla {
        background-image: url(img/social/gowalla%402x.png);
    }

    .social-icon-grooveshark {
        background-image: url(img/social/grooveshark%402x.png);
    }

    .social-icon-icq {
        background-image: url(img/social/icq%402x.png);
    }

    .social-icon-instagram {
        background-image: url(img/social/instagram%402x.png);
    }

    .social-icon-lastfm {
        background-image: url(img/social/last.fm%402x.png);
    }

    .social-icon-linkedin {
        background-image: url(img/social/linkedin%402x.png);
    }

    .social-icon-livejournal {
        background-image: url(img/social/livejournal%402x.png);
    }

    .social-icon-lovedsgn {
        background-image: url(img/social/lovedsgn%402x.png);
    }

    .social-icon-msnmessenger {
        background-image: url(img/social/msnmessenger%402x.png);
    }

    .social-icon-myspace {
        background-image: url(img/social/myspace%402x.png);
    }

    .social-icon-newsvine {
        background-image: url(img/social/newsvine%402x.png);
    }

    .social-icon-openid {
        background-image: url(img/social/openid%402x.png);
    }

    .social-icon-photobucket {
        background-image: url(img/social/photobucket%402x.png);
    }

    .social-icon-picasa {
        background-image: url(img/social/picasa%402x.png);
    }

    .social-icon-pinterest {
        background-image: url(img/social/pinterest%402x.png);
    }

    .social-icon-plixi {
        background-image: url(img/social/plixi%402x.png);
    }

    .social-icon-reddit {
        background-image: url(img/social/reddit%402x.png);
    }

    .social-icon-rss {
        background-image: url(img/social/rss%402x.png);
    }

    .social-icon-sharethis {
        background-image: url(img/social/sharethis%402x.png);
    }

    .social-icon-simplenote {
        background-image: url(img/social/simplenote%402x.png);
    }

    .social-icon-skype {
        background-image: url(img/social/skype%402x.png);
    }

    .social-icon-slideshare {
        background-image: url(img/social/slideshare%402x.png);
    }

    .social-icon-smugmug {
        background-image: url(img/social/smugmug%402x.png);
    }

    .social-icon-soundcloud {
        background-image: url(img/social/soundcloud%402x.png);
    }

    .social-icon-squarespace {
        background-image: url(img/social/squarespace%402x.png);
    }

    .social-icon-squidoo {
        background-image: url(img/social/squidoo%402x.png);
    }

    .social-icon-stumbleupon {
        background-image: url(img/social/stumbleupon%402x.png);
    }

    .social-icon-technorati {
        background-image: url(img/social/technorati%402x.png);
    }

    .social-icon-twitter {
        background-image: url(img/social/twitter%402x.png);
    }

    .social-icon-vimeo {
        background-image: url(img/social/vimeo%402x.png);
    }

    .social-icon-wordpress {
        background-image: url(img/social/wordpress%402x.png);
    }

    .social-icon-yahoo {
        background-image: url(img/social/yahoo%402x.png);
    }

    .social-icon-youtube {
        background-image: url(img/social/youtube%402x.png);
    }
}


/****************************
* WP
****************************/
.wp-caption {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wp-caption-text {
    margin: 5px 0;
    font-style: italic;
}

.wp-caption.aligncenter {
    text-align: center;
    width: auto !important;
    margin: 0 auto;
}

    .wp-caption.aligncenter .wp-caption-text {
        text-align: center;
    }

.wp-caption.alignnone {
    width: auto !important;
}

.gallery-caption {
    font-style: italic;
}

.sticky {
}

.bypostauthor {
}

.alignleft {
    float: left;
    margin: 0 16px 16px 0;
}

.alignright {
    float: right;
    margin: 0 0 16px 16px;
}

.aligncenter {
    display: block;
    margin: 16px auto;
}

/**
 * WordPress Standard Gallery
 */

.gallery-wrapper {
    overflow: hidden;
}

.gallery {
    margin: 1em -3% 1em 0;
}

    .gallery .gallery-item {
        float: left;
        margin: 0 3% 3% 0;
    }

        .gallery .gallery-item img {
            width: 100%;
        }

    .gallery.gallery-columns-1 {
        margin: 1em 0;
    }

        .gallery.gallery-columns-1 .gallery-item {
            float: none;
            margin: 1em 0;
        }

    .gallery.gallery-columns-2 .gallery-item {
        width: 46.99%;
    }

    .gallery.gallery-columns-3 .gallery-item {
        width: 30.29%;
    }

    .gallery.gallery-columns-4 .gallery-item {
        width: 21.99%;
    }

    .gallery.gallery-columns-5 .gallery-item {
        width: 16.99%;
    }

    .gallery.gallery-columns-6 .gallery-item {
        width: 13.64%;
    }

    .gallery.gallery-columns-7 .gallery-item {
        width: 11.27%;
    }

    .gallery.gallery-columns-8 .gallery-item {
        width: 9.5%;
    }

    .gallery.gallery-columns-9 .gallery-item {
        width: 8.1%;
    }

    .gallery.gallery-columns-10 .gallery-item {
        width: 7%;
    }


/**
 * Animation Shortcode
 */

/* keyframes */

@-webkit-keyframes om-ltr {
    0% {
        -webkit-transform: translate(-70px,0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}

@-moz-keyframes om-ltr {
    0% {
        -moz-transform: translate(-70px,0);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0,0);
        opacity: 1;
    }
}

@-o-keyframes om-ltr {
    0% {
        -o-transform: translate(-70px,0);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes om-ltr {
    0% {
        transform: translate(-70px,0);
        opacity: 0;
    }

    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}

@-webkit-keyframes om-rtl {
    0% {
        -webkit-transform: translate(70px,0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}

@-moz-keyframes om-rtl {
    0% {
        -moz-transform: translate(70px,0);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0,0);
        opacity: 1;
    }
}

@-o-keyframes om-rtl {
    0% {
        -o-transform: translate(70px,0);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes om-rtl {
    0% {
        transform: translate(70px,0);
        opacity: 0;
    }

    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}

@-webkit-keyframes om-ttb {
    0% {
        -webkit-transform: translate(0,-70px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}

@-moz-keyframes om-ttb {
    0% {
        -moz-transform: translate(0,-70px);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0,0);
        opacity: 1;
    }
}

@-o-keyframes om-ttb {
    0% {
        -o-transform: translate(0,-70px);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes om-ttb {
    0% {
        transform: translate(0,-70px);
        opacity: 0;
    }

    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}

@-webkit-keyframes om-btt {
    0% {
        -webkit-transform: translate(0,70px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}

@-moz-keyframes om-btt {
    0% {
        -moz-transform: translate(0,70px);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0,0);
        opacity: 1;
    }
}

@-o-keyframes om-btt {
    0% {
        -o-transform: translate(0,70px);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes om-btt {
    0% {
        transform: translate(0,70px);
        opacity: 0;
    }

    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}

@-webkit-keyframes om-zoom-in {
    0% {
        -webkit-transform: scale(0.4,0.4);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1,1);
        opacity: 1;
    }
}

@-moz-keyframes om-zoom-in {
    0% {
        -moz-transform: scale(0.4,0.4);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(1,1);
        opacity: 1;
    }
}

@-o-keyframes om-zoom-in {
    0% {
        -o-transform: scale(0.4,0.4);
        opacity: 0;
    }

    100% {
        -o-transform: scale(1,1);
        opacity: 1;
    }
}

@keyframes om-zoom-in {
    0% {
        transform: scale(0.4,0.4);
        opacity: 0;
    }

    100% {
        transform: scale(1,1);
        opacity: 1;
    }
}

@-webkit-keyframes om-zoom-out {
    0% {
        -webkit-transform: scale(1.4,1.4);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1,1);
        opacity: 1;
    }
}

@-moz-keyframes om-zoom-out {
    0% {
        -moz-transform: scale(1.4,1.4);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(1,1);
        opacity: 1;
    }
}

@-o-keyframes om-zoom-out {
    0% {
        -o-transform: scale(1.4,1.4);
        opacity: 0;
    }

    100% {
        -o-transform: scale(1,1);
        opacity: 1;
    }
}

@keyframes om-zoom-out {
    0% {
        transform: scale(1.4,1.4);
        opacity: 0;
    }

    100% {
        transform: scale(1,1);
        opacity: 1;
    }
}

@-webkit-keyframes om-spin {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
    }
}

@-moz-keyframes om-spin {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        -moz-transform: rotate(360deg);
        opacity: 1;
    }
}

@-o-keyframes om-spin {
    0% {
        -o-transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        -o-transform: rotate(360deg);
        opacity: 1;
    }
}

@keyframes om-spin {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-spin-lt {
    0% {
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
}

@-moz-keyframes om-spin-lt {
    0% {
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform: rotate(0deg);
        opacity: 1;
    }
}

@-o-keyframes om-spin-lt {
    0% {
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes om-spin-lt {
    0% {
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-spin-rt {
    0% {
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
}

@-moz-keyframes om-spin-rt {
    0% {
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform: rotate(0deg);
        opacity: 1;
    }
}

@-o-keyframes om-spin-rt {
    0% {
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes om-spin-rt {
    0% {
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-flip-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes om-flip-x {
    0% {
        -moz-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes om-flip-x {
    0% {
        -o-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        -o-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes om-flip-x {
    0% {
        transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-flip-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes om-flip-y {
    0% {
        -moz-transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes om-flip-y {
    0% {
        -o-transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        -o-transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes om-flip-y {
    0% {
        transform: perspective(550px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(550px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes om-flip {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    30% {
        -webkit-transform: perspective(550px) rotateX(-35deg);
        opacity: .4;
    }

    60% {
        -webkit-transform: perspective(550px) rotateX(15deg);
        opacity: .6;
    }

    80% {
        -webkit-transform: perspective(550px) rotateX(-7deg);
        opacity: .8;
    }

    100% {
        -webkit-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes om-flip {
    0% {
        -moz-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    30% {
        -moz-transform: perspective(550px) rotateX(-35deg);
        opacity: .4;
    }

    60% {
        -moz-transform: perspective(550px) rotateX(15deg);
        opacity: .6;
    }

    80% {
        -moz-transform: perspective(550px) rotateX(-7deg);
        opacity: .8;
    }

    100% {
        -moz-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes om-flip {
    0% {
        -o-transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    30% {
        -o-transform: perspective(550px) rotateX(-35deg);
        opacity: .4;
    }

    60% {
        -o-transform: perspective(550px) rotateX(15deg);
        opacity: .6;
    }

    80% {
        -o-transform: perspective(550px) rotateX(-7deg);
        opacity: .8;
    }

    100% {
        -o-transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes om-flip {
    0% {
        transform: perspective(550px) rotateX(90deg);
        opacity: 0;
    }

    30% {
        transform: perspective(550px) rotateX(-35deg);
        opacity: .4;
    }

    60% {
        transform: perspective(550px) rotateX(15deg);
        opacity: .6;
    }

    80% {
        transform: perspective(550px) rotateX(-7deg);
        opacity: .8;
    }

    100% {
        transform: perspective(550px) rotateX(0deg);
        opacity: 1;
    }
}

/***/

.om-animation-enabled .omsc-animation {
    opacity: 0;
}

    .om-animation-enabled .omsc-animation.omsc-animation-start {
        opacity: 1;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-fade-ltr.omsc-animation-start {
        -webkit-animation: om-ltr 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -moz-animation: om-ltr 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -o-animation: om-ltr 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        animation: om-ltr 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-fade-rtl.omsc-animation-start {
        -webkit-animation: om-rtl 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -moz-animation: om-rtl 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -o-animation: om-rtl 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        animation: om-rtl 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-fade-ttb.omsc-animation-start {
        -webkit-animation: om-ttb 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -moz-animation: om-ttb 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -o-animation: om-ttb 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        animation: om-ttb 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-fade-btt.omsc-animation-start {
        -webkit-animation: om-btt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -moz-animation: om-btt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        -o-animation: om-btt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        animation: om-btt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-zoom-in.omsc-animation-start {
        -webkit-animation: om-zoom-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -moz-animation: om-zoom-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -o-animation: om-zoom-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        animation: om-zoom-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-zoom-out.omsc-animation-start {
        -webkit-animation: om-zoom-out 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -moz-animation: om-zoom-out 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -o-animation: om-zoom-out 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        animation: om-zoom-out 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-pop-out.omsc-animation-start {
        -webkit-animation: om-zoom-in 0.4s cubic-bezier(.17,.89,.45,1.47) forwards;
        -moz-animation: om-zoom-in 0.4s cubic-bezier(.17,.89,.45,1.47) forwards;
        -o-animation: om-zoom-in 0.4s cubic-bezier(.17,.89,.45,1.47) forwards;
        animation: om-zoom-in 0.4s cubic-bezier(.17,.89,.45,1.47) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-spin.omsc-animation-start {
        -webkit-animation: om-spin 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -moz-animation: om-spin 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -o-animation: om-spin 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        animation: om-spin 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-spin-lt {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

        .om-animation-enabled .omsc-animation.omsc-effect-spin-lt.omsc-animation-start {
            -webkit-animation: om-spin-lt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
            -moz-animation: om-spin-lt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
            -o-animation: om-spin-lt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
            animation: om-spin-lt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        }

    .om-animation-enabled .omsc-animation.omsc-effect-spin-rt {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

        .om-animation-enabled .omsc-animation.omsc-effect-spin-rt.omsc-animation-start {
            -webkit-animation: om-spin-rt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
            -moz-animation: om-spin-rt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
            -o-animation: om-spin-rt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
            animation: om-spin-rt 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        }

    .om-animation-enabled .omsc-animation.omsc-effect-flip-x.omsc-animation-start {
        -webkit-animation: om-flip-x 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -moz-animation: om-flip-x 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -o-animation: om-flip-x 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        animation: om-flip-x 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-flip-y.omsc-animation-start {
        -webkit-animation: om-flip-y 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -moz-animation: om-flip-y 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        -o-animation: om-flip-y 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
        animation: om-flip-y 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    }

    .om-animation-enabled .omsc-animation.omsc-effect-flip {
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -o-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

        .om-animation-enabled .omsc-animation.omsc-effect-flip.omsc-animation-start {
            -webkit-animation: om-flip 0.7s cubic-bezier(1, 0, 0, 1) forwards;
            -moz-animation: om-flip 0.7s cubic-bezier(1, 0, 0, 1) forwards;
            -o-animation: om-flip 0.7s cubic-bezier(1, 0, 0, 1) forwards;
            animation: om-flip 0.7s cubic-bezier(1, 0, 0, 1) forwards;
        }