html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font: inherit;
            font-size: 100%;
            vertical-align: baseline
        }
        
        html {
            line-height: 1
        }
        
        ol,
        ul {
            list-style: none
        }
        
        table {
            border-collapse: collapse;
            border-spacing: 0
        }
        
        caption,
        th,
        td {
            text-align: left;
            font-weight: normal;
            vertical-align: middle
        }
        
        q,
        blockquote {
            quotes: none
        }
        
        q:before,
        q:after,
        blockquote:before,
        blockquote:after {
            content: "";
            content: none
        }
        
        a img {
            border: none
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block
        }
        
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 400;
            src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 500;
            src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCwejOo-lJoxoMO4vrg2XwIHQk.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 600;
            src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v10/q2OIMsAtXEkOulLQVdSl06VlZKEoJGujTpfWnQT9bUY.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 300;
            src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Playfair Display';
            font-style: normal;
            font-weight: 400;
            src: local("Playfair Display"), local("PlayfairDisplay-Regular"), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Playfair Display';
            font-style: italic;
            font-weight: 400;
            src: local("Playfair Display Italic"), local("PlayfairDisplay-Italic"), url(https://fonts.gstatic.com/s/playfairdisplay/v10/9MkijrV-dEJ0-_NWV7E6NwXiAI3F8adTt8b-_w2WoPM.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Playfair Display';
            font-style: italic;
            font-weight: 700;
            src: local("Playfair Display Bold Italic"), local("PlayfairDisplay-BoldItalic"), url(https://fonts.gstatic.com/s/playfairdisplay/v10/n7G4PqJvFP2Kubl0VBLDEBZeN5y77JNHCKkhVNuYRJ4.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 700;
            src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://fonts.gstatic.com/s/ubuntu/v9/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 700;
            src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://fonts.gstatic.com/s/ubuntu/v9/4z2U46_RRLOfkoHsWJG3vxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 400;
            src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Roboto';
            font-style: italic;
            font-weight: 400;
            src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v16/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Roboto';
            font-style: italic;
            font-weight: 400;
            src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: "Roboto";
            font-style: normal;
            font-weight: 400;
            src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Lora';
            font-style: italic;
            font-weight: 400;
            src: local("Lora Italic"), local("Lora-Italic"), url(https://fonts.gstatic.com/s/lora/v10/_RSiB1sBuflZfa9fxV8cOg.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @font-face {
            font-family: 'Lora';
            font-style: italic;
            font-weight: 400;
            src: local("Lora Italic"), local("Lora-Italic"), url(https://fonts.gstatic.com/s/lora/v10/OVZcBeQFqX1w7YhsLFAXp_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 300;
            src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Roboto Condensed';
            font-style: normal;
            font-weight: 700;
            src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }
        
        @font-face {
            font-family: 'Roboto Condensed';
            font-style: normal;
            font-weight: 700;
            src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v14/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
        
        @-webkit-keyframes dfdLogoAnimation {
            0%,
            100% {
                -webkit-transform: translate(0, 0)
            }
            6.25% {
                -webkit-transform: translate(2.5px, -0.5px)
            }
            12.5% {
                -webkit-transform: translate(4px, -2px)
            }
            18.75% {
                -webkit-transform: translate(4.5px, -4px)
            }
            25% {
                -webkit-transform: translate(5px, -5px)
            }
            31.25% {
                -webkit-transform: translate(4.5px, -6px)
            }
            37.5% {
                -webkit-transform: translate(4px, -8px)
            }
            43.75% {
                -webkit-transform: translate(2.5px, -9.5px)
            }
            50% {
                -webkit-transform: translate(0px, -10px)
            }
            56.25% {
                -webkit-transform: translate(-2.5px, -9.5px)
            }
            62.5% {
                -webkit-transform: translate(-4px, -8px)
            }
            68.75% {
                -webkit-transform: translate(-4.5px, -6px)
            }
            75% {
                -webkit-transform: translate(-5px, -5px)
            }
            81.25% {
                -webkit-transform: translate(-4.5px, -4px)
            }
            87.5% {
                -webkit-transform: translate(-4px, -2px)
            }
            93.75% {
                -webkit-transform: translate(-2.5px, -0.5px)
            }
        }
        
        @-moz-keyframes dfdLogoAnimation {
            0%,
            100% {
                -moz-transform: translate(0, 0)
            }
            6.25% {
                -moz-transform: translate(2.5px, -0.5px)
            }
            12.5% {
                -moz-transform: translate(4px, -2px)
            }
            18.75% {
                -moz-transform: translate(4.5px, -4px)
            }
            25% {
                -moz-transform: translate(5px, -5px)
            }
            31.25% {
                -moz-transform: translate(4.5px, -6px)
            }
            37.5% {
                -moz-transform: translate(4px, -8px)
            }
            43.75% {
                -moz-transform: translate(2.5px, -9.5px)
            }
            50% {
                -moz-transform: translate(0px, -10px)
            }
            56.25% {
                -moz-transform: translate(-2.5px, -9.5px)
            }
            62.5% {
                -moz-transform: translate(-4px, -8px)
            }
            68.75% {
                -moz-transform: translate(-4.5px, -6px)
            }
            75% {
                -moz-transform: translate(-5px, -5px)
            }
            81.25% {
                -moz-transform: translate(-4.5px, -4px)
            }
            87.5% {
                -moz-transform: translate(-4px, -2px)
            }
            93.75% {
                -moz-transform: translate(-2.5px, -0.5px)
            }
        }
        
        @-o-keyframes dfdLogoAnimation {
            0%,
            100% {
                -o-transform: translate(0, 0)
            }
            6.25% {
                -o-transform: translate(2.5px, -0.5px)
            }
            12.5% {
                -o-transform: translate(4px, -2px)
            }
            18.75% {
                -o-transform: translate(4.5px, -4px)
            }
            25% {
                -o-transform: translate(5px, -5px)
            }
            31.25% {
                -o-transform: translate(4.5px, -6px)
            }
            37.5% {
                -o-transform: translate(4px, -8px)
            }
            43.75% {
                -o-transform: translate(2.5px, -9.5px)
            }
            50% {
                -o-transform: translate(0px, -10px)
            }
            56.25% {
                -o-transform: translate(-2.5px, -9.5px)
            }
            62.5% {
                -o-transform: translate(-4px, -8px)
            }
            68.75% {
                -o-transform: translate(-4.5px, -6px)
            }
            75% {
                -o-transform: translate(-5px, -5px)
            }
            81.25% {
                -o-transform: translate(-4.5px, -4px)
            }
            87.5% {
                -o-transform: translate(-4px, -2px)
            }
            93.75% {
                -o-transform: translate(-2.5px, -0.5px)
            }
        }
        
        @keyframes dfdLogoAnimation {
            0%,
            100% {
                transform: translate(0, 0)
            }
            6.25% {
                transform: translate(2.5px, -0.5px)
            }
            12.5% {
                transform: translate(4px, -2px)
            }
            18.75% {
                transform: translate(4.5px, -4px)
            }
            25% {
                transform: translate(5px, -5px)
            }
            31.25% {
                transform: translate(4.5px, -6px)
            }
            37.5% {
                transform: translate(4px, -8px)
            }
            43.75% {
                transform: translate(2.5px, -9.5px)
            }
            50% {
                transform: translate(0px, -10px)
            }
            56.25% {
                transform: translate(-2.5px, -9.5px)
            }
            62.5% {
                transform: translate(-4px, -8px)
            }
            68.75% {
                transform: translate(-4.5px, -6px)
            }
            75% {
                transform: translate(-5px, -5px)
            }
            81.25% {
                transform: translate(-4.5px, -4px)
            }
            87.5% {
                transform: translate(-4px, -2px)
            }
            93.75% {
                transform: translate(-2.5px, -0.5px)
            }
        }
        
        @-webkit-keyframes dfdSlideParallaxAnimationSimple {
            0%,
            100% {
                width: 0%
            }
            50% {
                width: 100%
            }
        }
        
        @-moz-keyframes dfdSlideParallaxAnimationSimple {
            0%,
            100% {
                width: 0%
            }
            50% {
                width: 100%
            }
        }
        
        @-o-keyframes dfdSlideParallaxAnimationSimple {
            0%,
            100% {
                width: 0%
            }
            50% {
                width: 100%
            }
        }
        
        @keyframes dfdSlideParallaxAnimationSimple {
            0%,
            100% {
                width: 0%
            }
            50% {
                width: 100%
            }
        }
        
        @-webkit-keyframes animateCanvas {
            0% {
                -webkit-transform: scale(0.5) rotate(0deg)
            }
            50% {
                -webkit-transform: scale(0.5) rotate(180deg)
            }
            100% {
                -webkit-transform: scale(0.5) rotate(360deg)
            }
        }
        
        @-moz-keyframes animateCanvas {
            0% {
                -moz-transform: scale(0.5) rotate(0deg)
            }
            50% {
                -moz-transform: scale(0.5) rotate(180deg)
            }
            100% {
                -moz-transform: scale(0.5) rotate(360deg)
            }
        }
        
        @-o-keyframes animateCanvas {
            0% {
                -o-transform: scale(0.5) rotate(0deg)
            }
            50% {
                -o-transform: scale(0.5) rotate(180deg)
            }
            100% {
                -o-transform: scale(0.5) rotate(360deg)
            }
        }
        
        @keyframes animateCanvas {
            0% {
                transform: scale(0.5) rotate(0deg)
            }
            50% {
                transform: scale(0.5) rotate(180deg)
            }
            100% {
                transform: scale(0.5) rotate(360deg)
            }
        }
        
        @keyframes dfdScrollAnimation {
            0%,
            100% {
                transform: translateY(0)
            }
            50% {
                transform: translateY(-10px)
            }
        }
        
        *,
        *:before,
        *:after {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }
        
        .clearfix {
            position: relative
        }
        
        .clearfix:before,
        .clearfix:after {
            content: "";
            display: table
        }
        
        .clearfix:after {
            float: none;
            clear: both
        }
        
        body {
            font-family: "Open Sans";
            font-size: 16px;
            font-weight: 400;
            color: #707070;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }
        
        p {
            line-height: 2
        }
        
        .row {
            position: relative;
            width: 1200px;
            max-width: 100%;
            margin: 0 auto
        }
        
        .row:before,
        .row:after {
            content: "";
            display: table
        }
        
        .row:after {
            float: none;
            clear: both
        }
        
        .row.full-width {
            width: auto;
            max-width: calc(100% + 20px);
            margin: 0 -10px
        }
        
        .row.full-width.with-offsets {
            padding: 0 10%
        }
        
        .row.full-width.small-offsets {
            padding: 0 4%
        }
        
        .row .row {
            width: auto;
            max-width: none;
            min-width: 0;
            margin: 0 -10px
        }
        
        .row.collapse .column,
        .row.collapse .columns {
            padding: 0
        }
        
        .column,
        .columns {
            float: left;
            min-height: 1px;
            padding: 0 10px;
            position: relative
        }
        
        .column.centered,
        .columns.centered {
            float: none;
            margin: 0 auto
        }
        
        [class*="column"]+[class*="column"].end {
            float: left
        }
        
        .one,
        .row .one {
            width: 8.33333%
        }
        
        .two,
        .row .two {
            width: 16.66667%
        }
        
        .three,
        .row .three {
            width: 25%
        }
        
        .four,
        .row .four {
            width: 33.33333%
        }
        
        .five,
        .row .five {
            width: 41.66667%
        }
        
        .six,
        .row .six {
            width: 50%
        }
        
        .seven,
        .row .seven {
            width: 58.33333%
        }
        
        .eight,
        .row .eight {
            width: 66.66667%
        }
        
        .nine,
        .row .nine {
            width: 75%
        }
        
        .ten,
        .row .ten {
            width: 83.33333%
        }
        
        .eleven,
        .row .eleven {
            width: 91.66667%
        }
        
        .twelve,
        .row .twelve {
            width: 100%
        }
        
        .slick-slider {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-touch-action: none;
            -webkit-tap-highlight-color: transparent;
            cursor: move
        }
        
        .slick-slider .slick-list {
            overflow: hidden;
            margin: 0;
            padding: 0
        }
        
        .slick-slider .slick-list .slick-track {
            position: relative
        }
        
        .slick-slider .slick-list .slick-track:before,
        .slick-slider .slick-list .slick-track:after {
            content: "";
            display: table
        }
        
        .slick-slider .slick-list .slick-track:after {
            float: none;
            clear: both
        }
        
        .slick-slider .slick-list .slick-slide {
            float: left;
            border: none;
            outline: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }
        
        .slick-dots {
            overflow: hidden;
            display: inline-block;
            list-style: none;
            margin-top: 45px
        }
        
        .slick-dots li {
            cursor: pointer;
            float: left;
            margin: 0 6px;
            width: 10px;
            height: 10px;
            background: #ddd;
            outline: none;
            border: none;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            -moz-transform: scale(0.4);
            -ms-transform: scale(0.4);
            -webkit-transform: scale(0.4);
            transform: scale(0.4);
            -moz-transition: background .3s ease, -moz-transform .3s ease;
            -o-transition: background .3s ease, -o-transform .3s ease;
            -webkit-transition: background .3s ease, -webkit-transform .3s ease;
            transition: background .3s ease, transform .3s ease
        }
        
        .slick-dots li>span {
            display: block;
            width: 100%;
            height: 100%;
            outline: none;
            border: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }
        
        .slick-dots li:hover {
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        
        .slick-dots li.slick-active {
            background: #3b55e6;
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        
        .left {
            float: left
        }
        
        .right {
            float: right
        }
        
        .clear {
            float: none;
            clear: both
        }
        
        .text-left {
            text-align: left
        }
        
        .text-center {
            text-align: center
        }
        
        .text-right {
            text-align: right
        }
        
        a {
            text-decoration: none
        }
        
        img {
            font-size: 0;
            max-width: 100%;
            height: auto;
            line-height: 1
        }
        
        h1 {
            font-family: "Montserrat";
            font-size: 40px;
            font-weight: 700;
            letter-spacing: -.04em;
            line-height: 1.15;
            color: #202020
        }
        
        h1 span {
            font-family: "Playfair Display";
            font-weight: 700;
            font-style: italic;
            letter-spacing: 0
        }
        
        h2 {
            font-family: "Montserrat";
            font-size: 32px;
            font-weight: 700;
            letter-spacing: -.04em;
            color: #202020
        }
        
        h2 span {
            font-family: "Playfair Display";
            font-weight: 700;
            font-style: italic;
            letter-spacing: 0
        }
        
        h3 {
            font-family: "Montserrat";
            font-size: 29px;
            font-weight: 700;
            letter-spacing: -.04em;
            color: #202020
        }
        
        h3 span {
            font-family: "Playfair Display";
            font-weight: 700;
            font-style: italic;
            letter-spacing: 0
        }
        
        h4 {
            font-family: "Montserrat";
            font-size: 18px;
            font-weight: 700;
            letter-spacing: -.04em;
            line-height: 1.17;
            color: #202020
        }
        
        h4 span {
            font-family: "Playfair Display";
            font-weight: 700;
            font-style: italic;
            letter-spacing: 0
        }
        
        h5 {
            font-family: "Montserrat";
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #6f6f6f
        }
        
        h6 {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: #6f6f6f
        }
        
        .featured-title>h2 {
            font-size: 22px;
            font-weight: 600;
            line-height: 1.1
        }
        
        .featured-title>h2 strong {
            font-size: 50px;
            font-weight: 700;
            letter-spacing: -.04em;
            display: block;
            margin-top: 5px
        }
        
        .featured-title>h3 {
            font-size: 18px;
            font-weight: 600;
            line-height: 1.1
        }
        
        .featured-title>h3 strong {
            font-size: 40px;
            font-weight: 700;
            letter-spacing: -.04em;
            display: block;
            margin-top: 5px
        }
        
        .featured-title>.extra-content {
            font-size: 16px;
            line-height: 1.75
        }
        
        html.ie-detected #features-section .theme-features .feature-item.count-gradient .digits,
        html.ie-detected #features-section .theme-features .feature-subitem.count-gradient .digits {
            background-image: none
        }
        
        body.de #top-section-wrapper #top-section-title .top-section-title-inner h2 {
            font-size: 40px
        }
        
        body.de .featured-title>h1 {
            font-size: 18px
        }
        
        body.de .featured-title>h3 strong {
            font-size: 35px
        }
        
        body.de #features-carousel {
            cursor: default
        }
        
        body.de #demos-wrap .heading-wrap p {
            margin-top: 10px
        }
        
        body.de #portfolio-section>.columns .content-wrapper ul>li {
            margin-bottom: 0
        }
        
        body.de #layout-types .layouts-wrapper {
            margin-left: 0;
            margin-right: 0
        }
        
        body.de #headers .header-feature-item .content-wrapper h4 {
            font-size: 20px
        }
        
        @media only screen and (max-width: 480px) {
            body.de #portfolio-section>.columns .content-wrapper ul>li {
                margin-bottom: 50px
            }
        }
        
        @media only screen and (max-width: 1280px) {
            body.de #demos-wrap .isotope-wrapper>.sort-panel {
                z-index: 10
            }
            body.de #demos-wrap .isotope-wrapper>.sort-panel #sort-panel-toggler {
                display: block
            }
            body.de #demos-wrap .isotope-wrapper>.sort-panel ul.filter {
                position: absolute;
                top: 100%;
                left: 50%;
                height: 0;
                margin-top: 10px;
                overflow: hidden;
                background: #fff;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                opacity: 0;
                visibility: hidden;
                -moz-transition: height .3s ease 0s, opacity .3s ease 0s, visibility .3s ease 0s;
                -o-transition: height .3s ease 0s, opacity .3s ease 0s, visibility .3s ease 0s;
                -webkit-transition: height .3s ease, opacity .3s ease, visibility .3s ease;
                -webkit-transition-delay: 0s, 0s, 0s;
                transition: height .3s ease 0s, opacity .3s ease 0s, visibility .3s ease 0s
            }
            body.de #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li {
                float: none;
                height: 30px;
                line-height: 30px
            }
            body.de #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li>a {
                padding: 0 60px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px
            }
            body.de #demos-wrap .isotope-wrapper>.sort-panel ul.filter.active {
                height: 210px;
                opacity: 1;
                visibility: visible
            }
        }
        
        body.ru {
            font-family: "Roboto"
        }
        
        body.ru h1,
        body.ru h2,
        body.ru h3,
        body.ru h4,
        body.ru h5,
        body.ru h6,
        body.ru #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title,
        body.ru #demos-wrap .isotope>.demo>.cover h4,
        body.ru #layout-types .layouts-wrapper .layout-item-wrapper .layout-title,
        body.ru #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li>a,
        body.ru .button,
        body.ru #menu .header-menu-wrapper ul li a {
            font-family: "Ubuntu"
        }
        
        body.ru h1 strong,
        body.ru h2 strong,
        body.ru h3 strong,
        body.ru h4 strong,
        body.ru h5 strong,
        body.ru h6 strong,
        body.ru #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title strong,
        body.ru #demos-wrap .isotope>.demo>.cover h4 strong,
        body.ru #layout-types .layouts-wrapper .layout-item-wrapper .layout-title strong,
        body.ru #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li>a strong,
        body.ru .button strong,
        body.ru #menu .header-menu-wrapper ul li a strong {
            font-family: inherit
        }
        
        body.ru h1 span,
        body.ru h2 span,
        body.ru h3 span,
        body.ru h4 span,
        body.ru h5 span,
        body.ru h6 span,
        body.ru #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title span,
        body.ru #demos-wrap .isotope>.demo>.cover h4 span,
        body.ru #layout-types .layouts-wrapper .layout-item-wrapper .layout-title span,
        body.ru #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li>a span,
        body.ru .button span,
        body.ru #menu .header-menu-wrapper ul li a span {
            font-family: "Lora"
        }
        
        body.ru #top-section-wrapper #top-section-title .powered-rext,
        body.ru #top-section-wrapper .psd-avail-text .inner {
            font-family: "Roboto"
        }
        
        body.ru #top-section-wrapper #top-section-title .top-section-title-inner h1 {
            font-size: 41px
        }
        
        body.ru #native-fixed-button .buy-button-top {
            font-family: "Ubuntu"
        }
        
        body.ru #native-fixed-button .buy-button-top i {
            font-family: "Lora"
        }
        
        body #native-fixed-button.active {
            bottom: 65px
        }
        
        body.scrolling * {
            pointer-events: none !important
        }
        
        #content-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: #fff;
            z-index: 3
        }
        
        #content-wrapper>* {
            position: relative
        }
        
        .dfd_parallax_bg_wrap {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            z-index: 0
        }
        
        .dfd_parallax_bg_wrap .dfd_parallax_bg {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%
        }
        
        .dfd_parallax_bg_wrap .dfd_parallax_bg.dfd_vertical_parallax,
        .dfd_parallax_bg_wrap .dfd_parallax_bg.multi-parallax-layer {
            top: -50%;
            height: 200%
        }
        
        .dfd_parallax_bg_wrap .dfd_parallax_bg.dfd_horizontal_parallax {
            left: -50%;
            width: 200%
        }
        
        .animated-bg-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            right: 0
        }
        
        .animated-bg-wrapper .dfd_animated_bg {
            position: absolute;
            top: 0;
            left: 0;
            height: 260px;
            background-size: initial !important
        }
        
        .animated-bg-wrapper .dfd_animated_bg.left-animation,
        .animated-bg-wrapper .dfd_animated_bg.right-animation {
            background-repeat: repeat-x;
            background-position-y: 50%
        }
        
        .animated-bg-wrapper .dfd_animated_bg.top-animation,
        .animated-bg-wrapper .dfd_animated_bg.bottom-animation {
            background-repeat: repeat-y;
            background-position-x: 50%
        }
        
        .button {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            display: inline-block;
            height: 48px;
            line-height: 48px;
            padding: 0 35px;
            -moz-border-radius: 48px;
            -webkit-border-radius: 48px;
            border-radius: 48px;
            -moz-transition: color .3s ease 0s, background .3s ease 0s, box-shadow .3s ease;
            -o-transition: color .3s ease 0s, background .3s ease 0s, box-shadow .3s ease;
            -webkit-transition: color .3s ease, background .3s ease, box-shadow .3s ease;
            -webkit-transition-delay: 0s, 0s, 0s;
            transition: color .3s ease 0s, background .3s ease 0s, box-shadow .3s ease
        }
        
        .button.blue {
            color: #fff;
            background: #3b55e6
        }
        
        .button.blue:not(.no-shadow) {
            -moz-box-shadow: 0 15px 50px rgba(59, 85, 230, 0.3);
            -webkit-box-shadow: 0 15px 50px rgba(59, 85, 230, 0.3);
            box-shadow: 0 15px 50px rgba(59, 85, 230, 0.3)
        }
        
        .button.blue:hover {
            background: #2441e3
        }
        
        .button.blue:hover.hover-shadow {
            background: #2441e3;
            -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3)
        }
        
        .button.gray {
            color: #202020;
            background: #efefef
        }
        
        .button.gray:hover {
            background: #e2e2e2
        }
        
        .button.white {
            color: #202020;
            background: #fff
        }
        
        .button.white:hover {
            color: #fff;
            background: #3b55e6
        }
        
        .button.black {
            color: #fff;
            background: #000
        }
        
        .button.black:hover {
            color: #fff;
            background: #0d0d0d
        }
        
        .button.blue-bordered {
            position: relative;
            background: transparent
        }
        
        .button.blue-bordered:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: transparent;
            border: 2px solid #3b55e6;
            -moz-border-radius: inherit;
            -webkit-border-radius: inherit;
            border-radius: inherit;
            -moz-transition: border-color .3s ease;
            -o-transition: border-color .3s ease;
            -webkit-transition: border-color .3s ease;
            transition: border-color .3s ease
        }
        
        .button.blue-bordered:hover {
            background: #2441e3
        }
        
        .button.blue-bordered:hover:before {
            border-color: #2441e3
        }
        
        .button.white-bordered {
            position: relative;
            background: transparent
        }
        
        .button.white-bordered:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 2px solid #fff;
            -moz-border-radius: inherit;
            -webkit-border-radius: inherit;
            border-radius: inherit
        }
        
        .button.white-bordered:hover {
            color: #202020;
            background: #fff
        }
        
        .button.small-rounded {
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px
        }
        
        #promo-preloader {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            z-index: 9999
        }
        
        #promo-preloader .promo-canvas-wrapper {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -115px;
            margin-left: -115px
        }
        
        #promo-preloader .promo-canvas-wrapper #promo-canvas {
            animation: animateCanvas 1s linear infinite
        }
        
        .slide-parallax-section .slide-parallax-cover {
            position: relative;
            display: block
        }
        
        .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover {
            position: relative;
            display: inline-block;
            -moz-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2)
        }
        
        .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .browser {
            display: block
        }
        
        .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .browser-shadow {
            position: absolute;
            top: 30px;
            left: 30px;
            z-index: -1;
            -moz-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        
        .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .slide-parallax-layer {
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0;
            overflow: hidden;
            opacity: 0;
            -moz-transition: opacity 2s ease;
            -o-transition: opacity 2s ease;
            -webkit-transition: opacity 2s ease;
            transition: opacity 2s ease
        }
        
        .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .slide-parallax-layer img {
            display: block;
            max-width: none
        }
        
        .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .slide-parallax-layer.active {
            opacity: 1;
            z-index: 1
        }
        
        #menu {
            position: fixed;
            width: 100%;
            height: 68px;
            line-height: 68px;
            padding-left: 35px;
            padding-right: 60px;
            background: transparent;
            z-index: 999;
            -moz-box-shadow: 0 0px 50px 0 transparent;
            -webkit-box-shadow: 0 0px 50px 0 transparent;
            box-shadow: 0 0px 50px 0 transparent;
            -moz-transform: translateY(0) translateZ(0);
            -ms-transform: translateY(0) translateZ(0);
            -webkit-transform: translateY(0) translateZ(0);
            transform: translateY(0) translateZ(0);
            -moz-transition: height .3s ease, line-height .3s ease, background .3s ease, box-shadow .3s ease, -moz-transform .3s ease;
            -o-transition: height .3s ease, line-height .3s ease, background .3s ease, box-shadow .3s ease, -o-transform .3s ease;
            -webkit-transition: height .3s ease, line-height .3s ease, background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
            transition: height .3s ease, line-height .3s ease, background .3s ease, box-shadow .3s ease, transform .3s ease
        }
        
        #menu:before,
        #menu:after {
            content: "";
            display: table
        }
        
        #menu:after {
            float: none;
            clear: both
        }
        
        #menu * {
            height: inherit;
            line-height: inherit
        }
        
        #menu.sticky {
            -moz-transform: translateY(-100%) translateZ(0);
            -ms-transform: translateY(-100%) translateZ(0);
            -webkit-transform: translateY(-100%) translateZ(0);
            transform: translateY(-100%) translateZ(0)
        }
        
        #menu.small {
            height: 50px;
            line-height: 50px;
            background: rgba(0, 0, 0, 0.8);
            -moz-box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.15)
        }
        
        #menu.small .header-logo-wrapper {
            padding: 10px 0
        }
        
        #menu.small .header-menu-wrapper .profile-link span:before {
            background: transparent
        }
        
        #menu #header-buy-button {
            display: none
        }
        
        #menu .header-logo-wrapper {
            float: left;
            padding: 15px 0
        }
        
        #menu .header-logo-wrapper img {
            display: block;
            height: auto;
            max-height: 100%
        }
        
        #menu .header-menu-wrapper {
            position: relative;
            float: right
        }
        
        #menu .header-menu-wrapper .mobile-menu-trigger {
            display: none;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 50%;
            right: 60px;
            margin-top: -20px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px
        }
        
        #menu .header-menu-wrapper .mobile-menu-trigger:before {
            content: "";
            display: block;
            width: 20px;
            height: 2px;
            position: absolute;
            top: 14px;
            left: 10px;
            background: #fff;
            -moz-box-shadow: 0 4px 0 0 #fff, 0 8px 0 0 #fff;
            -webkit-box-shadow: 0 4px 0 0 #fff, 0 8px 0 0 #fff;
            box-shadow: 0 4px 0 0 #fff, 0 8px 0 0 #fff
        }
        
        #menu .header-menu-wrapper .profile-link {
            float: right
        }
        
        #menu .header-menu-wrapper .profile-link span {
            display: inline-block;
            width: 46px;
            height: 46px;
            text-align: center;
            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #menu .header-menu-wrapper .profile-link span:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #3b55e6;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -moz-box-shadow: 0 5px 15px 0 transparent;
            -webkit-box-shadow: 0 5px 15px 0 transparent;
            box-shadow: 0 5px 15px 0 transparent;
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transition: -moz-transform .3s ease;
            -o-transition: -o-transform .3s ease;
            -webkit-transition: -webkit-transform .3s ease;
            transition: transform .3s ease
        }
        
        #menu .header-menu-wrapper .profile-link span img {
            display: block;
            height: auto;
            max-height: 100%;
            margin: 1px auto 0;
            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #menu .header-menu-wrapper .profile-link span:hover:before {
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
        }
        
        #menu .header-menu-wrapper ul {
            margin: 0 65px 0 -15px
        }
        
        #menu .header-menu-wrapper ul:before,
        #menu .header-menu-wrapper ul:after {
            content: "";
            display: table
        }
        
        #menu .header-menu-wrapper ul:after {
            float: none;
            clear: both
        }
        
        #menu .header-menu-wrapper ul li {
            float: left;
            padding: 0 15px
        }
        
        #menu .header-menu-wrapper ul li a {
            font-family: "Montserrat";
            font-size: 10px;
            font-weight: 500;
            text-transform: uppercase;
            position: relative;
            display: block;
            color: #fff;
            white-space: nowrap
        }
        
        #menu .header-menu-wrapper ul li a:before {
            content: "";
            display: block;
            height: 2px;
            position: absolute;
            bottom: 0;
            left: -6px;
            right: -6px
        }
        
        #menu .header-menu-wrapper ul li.current a:before {
            background: #3b55e6
        }
        
        #slider-section {
            position: relative;
            width: 100%;
            height: 42.25vw;
            overflow: hidden
        }
        
        #slider-section #main-slider {
            position: relative;
            width: 100%;
            height: inherit;
            overflow: hidden;
            background: #78797e;
            z-index: 1
        }
        
        #slider-section #main-slider * {
            height: inherit
        }
        
        #slider-section .slide {
            position: relative;
            width: 100%;
            height: 100vh;
            background-size: 100% auto;
            background-repeat: no-repeat
        }
        
        #slider-section #slider-title {
            position: absolute;
            top: 12vw;
            left: 20.5vw;
            display: block;
            width: 40.5vw;
            height: 17vw;
            padding: 0 3vw;
            border: 1px dashed #5b5b5f;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            z-index: 3
        }
        
        #slider-section #slider-title>img {
            position: absolute;
            bottom: 100%;
            left: 0;
            margin-bottom: 3px
        }
        
        #slider-section #slider-title .slider-title-inner {
            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #slider-section #slider-title h5 {
            font-size: .575vw;
            margin-bottom: 10px;
            color: #fff;
            opacity: .4
        }
        
        #slider-section #slider-title h1 {
            font-size: 2.3vw;
            line-height: 1.09;
            margin-bottom: 15px;
            color: #fff
        }
        
        #slider-section #slider-title .extra-content {
            font-size: 14px;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.75)
        }
        
        #slider-section #slider-title .button {
            font-size: 11px;
            height: auto;
            line-height: 1;
            margin-top: 1.55vw;
            padding: .965vw 2vw
        }
        
        #top-section-wrapper {
            position: relative;
            display: block;
        /*   width: 100vw;*/
            height: 100vh;
            overflow: hidden;
            background-color: #009cff;
            
            background-size: 100% auto;
            background-position: center top
        }
        
        #top-section-wrapper #top-section-wrapper-inner {
            position: relative;
            display: block;
            width: 100%;
            height: 100%
        }
        
        #top-section-wrapper #top-section-logo-wrapper {
            position: absolute;
            top: 10%;
            left: 15%;
            display: block;
            width: 100%;
            height: 100%
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo {
            display: block;
            position: absolute;
            top: 39%;
            left: 31%
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo img {
            -moz-animation: dfdLogoAnimation 2s linear infinite;
            -webkit-animation: dfdLogoAnimation 2s linear infinite;
            animation: dfdLogoAnimation 2s linear infinite
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-1 {
            -moz-transform: translate(-88%, -50%);
            -ms-transform: translate(-88%, -50%);
            -webkit-transform: translate(-88%, -50%);
            transform: translate(-88%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-2 {
            -moz-transform: translate(-89%, -50%);
            -ms-transform: translate(-89%, -50%);
            -webkit-transform: translate(-89%, -50%);
            transform: translate(-89%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-2 img {
            -moz-animation-delay: 0.1s;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-3 {
            -moz-transform: translate(-91%, -50%);
            -ms-transform: translate(-91%, -50%);
            -webkit-transform: translate(-91%, -50%);
            transform: translate(-91%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-3 img {
            -moz-animation-delay: 0.2s;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-4 {
            -moz-transform: translate(-92%, -50%);
            -ms-transform: translate(-92%, -50%);
            -webkit-transform: translate(-92%, -50%);
            transform: translate(-92%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-4 img {
            -moz-animation-delay: 0.3s;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-5 {
            -moz-transform: translate(-94%, -50%);
            -ms-transform: translate(-94%, -50%);
            -webkit-transform: translate(-94%, -50%);
            transform: translate(-94%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-5 img {
            -moz-animation-delay: 0.4s;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-6 {
            -moz-transform: translate(-95%, -50%);
            -ms-transform: translate(-95%, -50%);
            -webkit-transform: translate(-95%, -50%);
            transform: translate(-95%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-6 img {
            -moz-animation-delay: 0.5s;
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-7 {
            -moz-transform: translate(-96.5%, -50%);
            -ms-transform: translate(-96.5%, -50%);
            -webkit-transform: translate(-96.5%, -50%);
            transform: translate(-96.5%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-7 img {
            -moz-animation-delay: 0.6s;
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-8 {
            -moz-transform: translate(-97%, -50%);
            -ms-transform: translate(-97%, -50%);
            -webkit-transform: translate(-97%, -50%);
            transform: translate(-97%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-8 img {
            -moz-animation-delay: 0.7s;
            -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-9 {
            -moz-transform: translate(-99%, -50%);
            -ms-transform: translate(-99%, -50%);
            -webkit-transform: translate(-99%, -50%);
            transform: translate(-99%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-9 img {
            -moz-animation-delay: 0.8s;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-10 {
            -moz-transform: translate(-101%, -50%);
            -ms-transform: translate(-101%, -50%);
            -webkit-transform: translate(-101%, -50%);
            transform: translate(-101%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-10 img {
            -moz-animation-delay: 0.9s;
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-11 {
            -moz-transform: translate(-103%, -50%);
            -ms-transform: translate(-103%, -50%);
            -webkit-transform: translate(-103%, -50%);
            transform: translate(-103%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-11 img {
            -moz-animation-delay: 1s;
            -webkit-animation-delay: 1s;
            animation-delay: 1s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-12 {
            -moz-transform: translate(-105%, -50%);
            -ms-transform: translate(-105%, -50%);
            -webkit-transform: translate(-105%, -50%);
            transform: translate(-105%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-12 img {
            -moz-animation-delay: 1.1s;
            -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-13 {
            -moz-transform: translate(-107%, -50%);
            -ms-transform: translate(-107%, -50%);
            -webkit-transform: translate(-107%, -50%);
            transform: translate(-107%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-13 img {
            -moz-animation-delay: 1.2s;
            -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-14 {
            -moz-transform: translate(-109%, -50%);
            -ms-transform: translate(-109%, -50%);
            -webkit-transform: translate(-109%, -50%);
            transform: translate(-109%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-14 img {
            -moz-animation-delay: 1.3s;
            -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-15 {
            -moz-transform: translate(-111%, -50%);
            -ms-transform: translate(-111%, -50%);
            -webkit-transform: translate(-111%, -50%);
            transform: translate(-111%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-15 img {
            -moz-animation-delay: 1.4s;
            -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-16 {
            -moz-transform: translate(-113%, -50%);
            -ms-transform: translate(-113%, -50%);
            -webkit-transform: translate(-113%, -50%);
            transform: translate(-113%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-16 img {
            -moz-animation-delay: 1.5s;
            -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-17 {
            -moz-transform: translate(-116%, -50%);
            -ms-transform: translate(-116%, -50%);
            -webkit-transform: translate(-116%, -50%);
            transform: translate(-116%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-17 img {
            -moz-animation-delay: 1.6s;
            -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-18 {
            -moz-transform: translate(-120%, -50%);
            -ms-transform: translate(-120%, -50%);
            -webkit-transform: translate(-120%, -50%);
            transform: translate(-120%, -50%)
        }
        
        #top-section-wrapper #top-section-logo-wrapper .top-section-logo.item-18 img {
            -moz-animation-delay: 1.7s;
            -webkit-animation-delay: 1.7s;
            animation-delay: 1.7s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper {
            position: absolute;
            top: 5%;
            left: 10%;
            display: block;
            width: 100%;
            height: 100%
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo {
            display: block;
            position: absolute;
            top: 39%;
            right: 15%
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo img {
            -moz-animation: dfdLogoAnimation 2s linear infinite;
            -webkit-animation: dfdLogoAnimation 2s linear infinite;
            animation: dfdLogoAnimation 2s linear infinite
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-1 {
            -moz-transform: translate(50%, -20%);
            -ms-transform: translate(50%, -20%);
            -webkit-transform: translate(50%, -20%);
            transform: translate(50%, -20%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-2 {
            -moz-transform: translate(57%, -15%);
            -ms-transform: translate(57%, -15%);
            -webkit-transform: translate(57%, -15%);
            transform: translate(57%, -15%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-2 img {
            -moz-animation-delay: 0.1s;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-3 {
            -moz-transform: translate(65%, -10%);
            -ms-transform: translate(65%, -10%);
            -webkit-transform: translate(65%, -10%);
            transform: translate(65%, -10%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-3 img {
            -moz-animation-delay: 0.2s;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-4 {
            -moz-transform: translate(77%, -2%);
            -ms-transform: translate(77%, -2%);
            -webkit-transform: translate(77%, -2%);
            transform: translate(77%, -2%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-4 img {
            -moz-animation-delay: 0.3s;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-5 {
            -moz-transform: translate(90%, 5%);
            -ms-transform: translate(90%, 5%);
            -webkit-transform: translate(90%, 5%);
            transform: translate(90%, 5%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-5 img {
            -moz-animation-delay: 0.4s;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-6 {
            -moz-transform: translate(105%, 15%);
            -ms-transform: translate(105%, 15%);
            -webkit-transform: translate(105%, 15%);
            transform: translate(105%, 15%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-6 img {
            -moz-animation-delay: 0.5s;
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-7 {
            -moz-transform: translate(120%, 25%);
            -ms-transform: translate(120%, 25%);
            -webkit-transform: translate(120%, 25%);
            transform: translate(120%, 25%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-7 img {
            -moz-animation-delay: 0.6s;
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-8 {
            -moz-transform: translate(135%, 35%);
            -ms-transform: translate(135%, 35%);
            -webkit-transform: translate(135%, 35%);
            transform: translate(135%, 35%)
        }
        
        #top-section-wrapper #top-section-right-logo-wrapper .top-section-logo.item-8 img {
            -moz-animation-delay: 0.7s;
            -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s
        }
        
        #top-section-wrapper #top-section-title {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner {
            display: table;
            table-layout: fixed;
            width: 100%;
            padding: 0;
            margin: 0
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner .logo-wrapper,
        #top-section-wrapper #top-section-title .top-section-title-inner h1 {
            width: 50%;
            display: table-cell;
            vertical-align: bottom;
            padding: 0 10px;
            color: #fff
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner .logo-wrapper {
            text-align: right
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner .logo-wrapper img {
            display: block;
            margin-left: auto;
            margin-right: 0
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner h1 {
            font-size: 47px;
            font-family: "Open Sans";
            font-weight: 300;
            font-style: normal;
            line-height: 1;
            text-align: left
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner h1 i {
            font-size: 38px
        }
        
        #top-section-wrapper #top-section-title .top-section-title-inner h1 span {
            font-weight: 400
        }
        
        #top-section-wrapper #top-section-title .powered-rext {
            font-family: "Montserrat";
            font-size: 16px;
            font-weight: 500;
            position: relative;
            margin-top: 70px;
            color: #fff
        }
        
        #top-section-wrapper #top-section-title .powered-rext span {
            font-family: "Playfair Display";
            font-style: italic;
            letter-spacing: 0.13em;
        }
        
        #top-section-wrapper .psd-avail-text {
            position: absolute;
            bottom: 80px;
            width: 100%;
            text-align: center;
            -moz-animation: dfdScrollAnimation 2s ease infinite;
            -webkit-animation: dfdScrollAnimation 2s ease infinite;
            animation: dfdScrollAnimation 2s ease infinite
        }
        
        #top-section-wrapper .psd-avail-text .inner {
            font-family: "Montserrat";
            font-size: 10px;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1;
            position: relative;
            display: inline-block;
            padding-left: 35px;
            color: #fff;
            -webkit-transform-origin: 50% 100%;
            -moz-transform-origin: 50% 100%;
            -ms-transform-origin: 50% 100%;
            -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
        
        #top-section-wrapper .psd-avail-text .inner span {
            position: absolute;
            left: 0;
            top: 50%;
            display: block;
            width: 15px;
            height: 1px;
            background: #fff
        }
        
        #top-section-wrapper .psd-avail-text .inner span:before,
        #top-section-wrapper .psd-avail-text .inner span:after {
            content: "";
            display: block;
            width: 7px;
            height: 1px;
            position: absolute;
            top: 0;
            left: 0;
            background: inherit
        }
        
        #top-section-wrapper .psd-avail-text .inner span:before {
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
            -moz-transform: rotate(-50deg);
            -ms-transform: rotate(-50deg);
            -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg)
        }
        
        #top-section-wrapper .psd-avail-text .inner span:after {
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -moz-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
            transform: rotate(50deg)
        }
        
        #features-carousel-wrap {
            padding-top: 80px;
            padding-bottom: 80px
        }
        
        #features-carousel-wrap #features-carousel .feature-slide>.cover {
            padding: 0 30px
        }
        
        #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title {
            font-family: "Montserrat";
            font-size: 21px;
            font-weight: 700;
            letter-spacing: 0.02em;
            line-height: 1.15;
            color: #2f65d2;
        }
        
        #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title span {
            font-family: "Playfair Display";
            font-weight: 700;
            font-style: italic;
            letter-spacing: 0
        }
        
        #features-carousel-wrap #features-carousel .feature-slide>.cover p {
            line-height: 2
        }
        
        #sort-panel-toggler {
            display: none
        }
        
        #demos-wrap {
            padding-top: 110px;
            padding-bottom: 100px;
            background: #f3f3f3
        }
        
        #demos-wrap .heading-wrap {
            padding: 0 10px
        }
        
        #demos-wrap .heading-wrap h3 {
            display: inline-block;
            margin-bottom: 20px;
            color: #202020
        }
        
        #demos-wrap .heading-wrap h3:before,
        #demos-wrap .heading-wrap h3:after {
            content: "";
            display: table
        }
        
        #demos-wrap .heading-wrap h3:after {
            float: none;
            clear: both
        }
        
        #demos-wrap .heading-wrap h3>div {
            float: left;
            text-align: left
        }
        
        #demos-wrap .heading-wrap h3>div.counter {
            font-size: 80px;
            font-weight: 700;
            line-height: .8;
            margin-right: 20px;
            margin-bottom: 10px;
            color: #3b55e6
        }
        
        #demos-wrap .heading-wrap h3>div.counter span {
            font-family: inherit;
            font-weight: inherit;
            font-style: inherit
        }
        
        #demos-wrap .heading-wrap h3>div.counter span.odometer-digit-spacer {
            display: none
        }
        
        #demos-wrap .heading-wrap p {
            font-size: 16px;
            margin-bottom: 85px;
            padding: 0 15%;
            color: #424242
        }
        
        #demos-wrap .isotope-wrapper {
            width: 1792px;
            max-width: 100%;
            margin: 0 auto -30px
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel {
            position: relative;
            text-align: center;
            line-height: .5;
            padding: 0 10px;
            margin-bottom: 50px
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel #sort-panel-toggler {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            width: 160px;
            height: 42px;
            line-height: 42px;
            margin: 0 auto;
            color: #202020;
            border: 1px solid #ddd;
            -moz-border-radius: 42px;
            -webkit-border-radius: 42px;
            border-radius: 42px
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter {
            display: inline-block;
            height: 42px;
            line-height: 42px;
            list-style: none;
            margin: 0;
            padding: 0;
            border: 1px solid #ddd;
            -moz-border-radius: 42px;
            -webkit-border-radius: 42px;
            border-radius: 42px
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter:before,
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter:after {
            content: "";
            display: table
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter:after {
            float: none;
            clear: both
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li {
            float: left;
            height: inherit;
            line-height: inherit
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li>a {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            display: block;
            height: inherit;
            line-height: inherit;
            padding: 0 20px;
            color: #202020;
            -moz-border-radius: 42px;
            -webkit-border-radius: 42px;
            border-radius: 42px
        }
        
        #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li.active>a {
            color: #fff;
            background: #3b55e6;
            -moz-box-shadow: 0px 15px 50px 0px rgba(59, 85, 230, 0.35);
            -webkit-box-shadow: 0px 15px 50px 0px rgba(59, 85, 230, 0.35);
            box-shadow: 0px 15px 50px 0px rgba(59, 85, 230, 0.35)
        }
        
        #demos-wrap .isotope>.demo {
            z-index: 1
        }
        
        #demos-wrap .isotope>.demo.new-demos-thumb>.cover .image-cover {
            border: 1px dashed #c3c3c3
        }
        
        #demos-wrap .isotope>.demo.new-demos-thumb>.cover .image-cover h3 {
            font-size: 25px;
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 100%;
            padding: 0 20px;
            color: #2f3033;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #demos-wrap .isotope>.demo.new-demos-thumb>.cover .image-cover h3 i {
            font-style: normal;
            display: block;
            margin-top: 25px
        }
        
        #demos-wrap .isotope>.demo.new-demos-thumb>.cover .image-cover h3 i .button {
            letter-spacing: 0
        }
        
        #demos-wrap .isotope>.demo>.cover {
            margin-bottom: 30px;
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
            -moz-transition: -moz-transform .3s ease 0s;
            -o-transition: -o-transform .3s ease 0s;
            -webkit-transition: -webkit-transform .3s ease;
            -webkit-transition-delay: 0s;
            transition: transform .3s ease 0s;
            will-change: transform
        }
        
        #demos-wrap .isotope>.demo>.cover .image-cover {
            position: relative;
            overflow: hidden;
            -moz-box-shadow: 0 15px 50px 0 transparent;
            -webkit-box-shadow: 0 15px 50px 0 transparent;
            box-shadow: 0 15px 50px 0 transparent;
            -moz-transition: box-shadow .3s ease 0s;
            -o-transition: box-shadow .3s ease 0s;
            -webkit-transition: box-shadow .3s ease;
            -webkit-transition-delay: 0s;
            transition: box-shadow .3s ease 0s;
            will-change: box-shadow
        }
        
        #demos-wrap .isotope>.demo>.cover .image-cover img {
            display: block
        }
        
        #demos-wrap .isotope>.demo>.cover h4 {
            font-family: "Montserrat";
            font-size: 13px;
            font-weight: 700;
            margin-top: 23px;
            color: #202020
        }
        
        #demos-wrap .isotope>.demo>.cover h4 span {
            font-family: "Playfair Display";
            font-style: italic
        }
        
        #demos-wrap .isotope>.demo:hover:not(.new-demos-thumb) {
            z-index: 9
        }
        
        #demos-wrap .isotope>.demo:hover:not(.new-demos-thumb)>.cover {
            -moz-transform: translateY(-3px);
            -ms-transform: translateY(-3px);
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }
        
        #demos-wrap .isotope>.demo:hover:not(.new-demos-thumb)>.cover .image-cover {
            -moz-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.4);
            -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.4);
            box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.4)
        }
        
        .isotope:before,
        .isotope:after {
            content: "";
            display: table
        }
        
        .isotope:after {
            float: none;
            clear: both
        }
        
        .isotope>.demo {
            float: left;
            width: 33.3333%
        }
        
        .isotope>.demo>.cover {
            padding: 0 20px
        }
        
        #words-from-author {
            padding-top: 120px;
            padding-bottom: 120px
        }
        
        #words-from-author h3 {
            font-size: 39px;
            line-height: 1.28;
            margin-bottom: 30px
        }
        
        #words-from-author div.author {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            font-style: normal;
            text-transform: uppercase;
            color: #202020
        }
        
        #words-from-author div.author img {
            position: relative;
            top: 2px;
            margin-right: 10px
        }
        
        #words-from-author div.author span {
            font-family: "Open Sans";
            font-size: 14px;
            font-weight: 400;
            font-style: italic;
            text-transform: none;
            color: #737373
        }
        
        #layout-types {
            padding-top: 30px;
            padding-bottom: 30px;
            z-index: 1
        }
        
        #layout-types h5 {
            margin-bottom: 15px
        }
        
        #layout-types h2 {
            margin-bottom: 50px
        }
        
        #layout-types .layouts-wrapper {
            margin: 0 -5% -50px
        }
        
        #layout-types .layouts-wrapper:before,
        #layout-types .layouts-wrapper:after {
            content: "";
            display: table
        }
        
        #layout-types .layouts-wrapper:after {
            float: none;
            clear: both
        }
        
        #layout-types .layouts-wrapper .layout-item-wrapper {
            display: inline-block;
            padding: 0 10px
        }
        
        #layout-types .layouts-wrapper .layout-item-wrapper img {
            -moz-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.1)
        }
        
        #layout-types .layouts-wrapper .layout-item-wrapper .layout-title {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1.2;
            margin-top: 20px;
            margin-bottom: 60px;
            color: #202020
        }
        
        #layout-types .layouts-wrapper .slick-dots {
            margin-top: 0
        }
        
        #blog-section,
        #composer-section {
            padding-top: 90px;
            padding-bottom: 100px
        }
        
        #blog-section>.columns:before,
        #blog-section>.columns:after,
        #composer-section>.columns:before,
        #composer-section>.columns:after {
            content: "";
            display: table
        }
        
        #blog-section>.columns:after,
        #composer-section>.columns:after {
            float: none;
            clear: both
        }
        
        #blog-section>.columns .content-wrapper>h5,
        #composer-section>.columns .content-wrapper>h5 {
            margin-bottom: 20px
        }
        
        #blog-section>.columns .content-wrapper>h2,
        #composer-section>.columns .content-wrapper>h2 {
            margin-bottom: 15px
        }
        
        #blog-section>.columns .content-wrapper>.extra-content,
        #composer-section>.columns .content-wrapper>.extra-content {
            margin-bottom: 60px
        }
        
        #blog-section>.columns .content-wrapper ul,
        #composer-section>.columns .content-wrapper ul {
            list-style: none
        }
        
        #blog-section>.columns .content-wrapper ul li,
        #composer-section>.columns .content-wrapper ul li {
            padding-top: 25px;
            padding-bottom: 25px
        }
        
        #blog-section>.columns .content-wrapper ul li:before,
        #blog-section>.columns .content-wrapper ul li:after,
        #composer-section>.columns .content-wrapper ul li:before,
        #composer-section>.columns .content-wrapper ul li:after {
            content: "";
            display: table
        }
        
        #blog-section>.columns .content-wrapper ul li:after,
        #composer-section>.columns .content-wrapper ul li:after {
            float: none;
            clear: both
        }
        
        #blog-section>.columns .content-wrapper ul li:first-child,
        #composer-section>.columns .content-wrapper ul li:first-child {
            padding-top: 0
        }
        
        #blog-section>.columns .content-wrapper ul li:last-child,
        #composer-section>.columns .content-wrapper ul li:last-child {
            padding-bottom: 0
        }
        
        #blog-section>.columns .content-wrapper ul li .counter,
        #composer-section>.columns .content-wrapper ul li .counter {
            width: 62px;
            float: left;
            text-align: center
        }
        
        #blog-section>.columns .content-wrapper ul li .counter>span,
        #composer-section>.columns .content-wrapper ul li .counter>span {
            font-family: "Montserrat";
            font-size: 17px;
            font-weight: 700;
            position: relative;
            float: left;
            width: 62px;
            height: 62px;
            line-height: 60px;
            -moz-transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
            -o-transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
            -webkit-transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
            transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper,
        #composer-section>.columns .content-wrapper ul li .wrapper {
            margin-left: 97px
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper h4,
        #composer-section>.columns .content-wrapper ul li .wrapper h4 {
            line-height: 1.25;
            margin-bottom: 10px
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper .content-wrap,
        #composer-section>.columns .content-wrapper ul li .wrapper .content-wrap {
            line-height: 2
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper .images-wrap,
        #composer-section>.columns .content-wrapper ul li .wrapper .images-wrap {
            margin: 45px -15px 0
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper .images-wrap:before,
        #blog-section>.columns .content-wrapper ul li .wrapper .images-wrap:after,
        #composer-section>.columns .content-wrapper ul li .wrapper .images-wrap:before,
        #composer-section>.columns .content-wrapper ul li .wrapper .images-wrap:after {
            content: "";
            display: table
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper .images-wrap:after,
        #composer-section>.columns .content-wrapper ul li .wrapper .images-wrap:after {
            float: none;
            clear: both
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper .images-wrap>img,
        #composer-section>.columns .content-wrapper ul li .wrapper .images-wrap>img {
            float: left;
            padding: 0 15px
        }
        
        #blog-section>.columns .animated-section,
        #blog-section>.columns .slide-parallax-section,
        #composer-section>.columns .animated-section,
        #composer-section>.columns .slide-parallax-section {
            padding-left: calc(8.333% + 30px)
        }
        
        #blog-section>.columns .animated-section .animated-section-cover,
        #blog-section>.columns .animated-section .slide-parallax-cover,
        #blog-section>.columns .slide-parallax-section .animated-section-cover,
        #blog-section>.columns .slide-parallax-section .slide-parallax-cover,
        #composer-section>.columns .animated-section .animated-section-cover,
        #composer-section>.columns .animated-section .slide-parallax-cover,
        #composer-section>.columns .slide-parallax-section .animated-section-cover,
        #composer-section>.columns .slide-parallax-section .slide-parallax-cover {
            margin-right: -30%
        }
        
        @media only screen and (min-width: 1025px) {
            #composer-section>.columns .animated-section .animated-section-cover .animated-section-inner-cover .layer {
                opacity: 0;
                -moz-transform: translateY(100px);
                -ms-transform: translateY(100px);
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
                -moz-transition: opacity .8s ease, -moz-transform .8s ease;
                -o-transition: opacity .8s ease, -o-transform .8s ease;
                -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;
                transition: opacity .8s ease, transform .8s ease
            }
            #composer-section>.columns .animated-section .animated-section-cover .animated-section-inner-cover .layer.active {
                opacity: 1;
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
        }
        
        #composer-section>.columns .animated-section {
            position: relative;
            display: block
        }
        
        #composer-section>.columns .animated-section .animated-section-cover {
            position: relative;
            display: inline-block
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .animated-section-inner-cover {
            position: relative;
            -moz-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2)
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .animated-section-inner-cover .browser {
            display: block
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .animated-section-inner-cover .browser-shadow {
            position: absolute;
            top: 30px;
            left: 30px;
            z-index: -1;
            -moz-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer {
            position: absolute;
            display: block;
            z-index: 9
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer img {
            display: block;
            max-width: 100%;
            margin: 0 auto
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-1 {
            width: 77.66%;
            top: 3.6%;
            left: 50%;
            margin-left: -38.83%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-2 {
            width: 15.51%;
            top: 3.6%;
            left: 12.347%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-3 {
            width: 75.62%;
            top: 9.1%;
            left: 50%;
            margin-left: -37.81%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-4 {
            width: 10.31%;
            top: 13.72%;
            left: 50%;
            margin-left: -5.155%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-5 {
            width: 75.62%;
            top: 21.075%;
            left: 50%;
            margin-left: -37.81%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-6 {
            width: 12.653%;
            top: 35.078%;
            left: 50%;
            margin-left: -6.3265%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-7 {
            width: 77.66%;
            top: 54.597%;
            left: 50%;
            margin-left: -38.83%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-8 {
            width: 15.51%;
            top: 54.597%;
            left: 12.347%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-9 {
            width: 37.35%;
            top: 59.406%;
            left: 13.367%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-10 {
            width: 10.31%;
            top: 64.356%;
            left: 26.837%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-11 {
            width: 37.35%;
            top: 71%;
            left: 13.367%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-12 {
            width: 10.31%;
            top: 72.70%;
            left: 26.837%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-13 {
            width: 37.35%;
            top: 76.28%;
            left: 13.367%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-14 {
            width: 10.31%;
            top: 84.866%;
            left: 26.837%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-15 {
            width: 38.37%;
            top: 59.406%;
            left: 50.5%
        }
        
        #composer-section>.columns .animated-section .animated-section-cover .layer.layer-16 {
            width: 11.23%;
            top: 77.51%;
            left: 65%
        }
        
        #blog-section {
            padding-bottom: 150px
        }
        
        #blog-section>.columns .content-wrapper ul li .wrapper {
            margin-left: 0
        }
        
        #features-section {
            padding-top: 100px;
            padding-bottom: 130px
        }
        
        #features-section h5 {
            margin-bottom: 20px
        }
        
        #features-section h3 {
            letter-spacing: -.04em;
            margin-bottom: 10px
        }
        
        #features-section .extra-content {
            margin-bottom: 50px
        }
        
        #features-section .theme-features {
            position: relative;
            margin: -11px
        }
        
        #features-section .theme-features:before,
        #features-section .theme-features:after {
            content: "";
            display: table
        }
        
        #features-section .theme-features:after {
            float: none;
            clear: both
        }
        
        #features-section .theme-features .feature-item {
            float: left;
            width: 33.3333%
        }
        
        #features-section .theme-features .feature-item>.cover {
            height: 100%;
            padding: 10px
        }
        
        #features-section .theme-features .feature-item>.cover .feature-subitem {
            height: 50%
        }
        
        #features-section .theme-features .feature-item>.cover .feature-subitem:first-child {
            padding-bottom: 10px
        }
        
        #features-section .theme-features .feature-item>.cover .feature-subitem:last-child {
            padding-top: 10px
        }
        
        #features-section .theme-features .feature-item>.cover .item-cover {
            position: relative;
            overflow: hidden;
            height: 100%;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px
        }
        
        #features-section .theme-features .feature-item>.cover .digits {
            font-family: "Montserrat";
            font-size: 120px;
            font-weight: 700;
            display: inline-block;
            margin-bottom: 15px
        }
        
        #features-section .theme-features .feature-item>.cover .image-cover {
            position: relative;
            margin-bottom: 45px;
            z-index: 1
        }
        
        #features-section .theme-features .feature-item>.cover .image-cover img {
            display: block;
            min-width: 100%;
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px;
            border-radius: 4px 4px 0 0
        }
        
        #features-section .theme-features .feature-item>.cover h4 {
            padding: 0 20px
        }
        
        #features-section .theme-features .feature-item>.cover .entry-content {
            line-height: 1.7;
            margin-top: 15px;
            padding-left: 50px;
            padding-right: 50px
        }
        
        #features-section .theme-features .feature-item>.cover .feature-subitem .image-cover {
            margin-bottom: 10px
        }
        
        #features-section .theme-features .feature-item>.cover .feature-subitem .image-cover img {
            min-width: 0;
            margin: 0 auto
        }
        
        #features-section .theme-features .feature-subitem .content-wrap {
            padding: 20px 0
        }
        
        #features-section .theme-features .feature-item.text-white *,
        #features-section .theme-features .feature-subitem.text-white * {
            color: #fff
        }
        
        #features-section .theme-features .feature-item.text-white.blue-bg .entry-content,
        #features-section .theme-features .feature-subitem.text-white.blue-bg .entry-content {
            color: #8ebbff
        }
        
        #features-section .theme-features .feature-item.text-white.dark-bg .entry-content,
        #features-section .theme-features .feature-subitem.text-white.dark-bg .entry-content {
            color: rgba(217, 220, 232, 0.5)
        }
        
        #features-section .theme-features .feature-item.text-white.gradient-bg .entry-content,
        #features-section .theme-features .feature-subitem.text-white.gradient-bg .entry-content {
            color: #d6dbf6
        }
        
        #features-section .theme-features .feature-item.text-white .button.white-bordered:hover,
        #features-section .theme-features .feature-subitem.text-white .button.white-bordered:hover {
            color: #202020
        }
        
        #features-section .theme-features .feature-item.count-gradient .digits,
        #features-section .theme-features .feature-subitem.count-gradient .digits {
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM5ODNiYTYiLz48c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzM4NGRjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -moz-linear-gradient(315deg, #983ba6 15%, #384dc4 65%);
            background-image: -webkit-linear-gradient(315deg, #983ba6 15%, #384dc4 65%);
            background-image: linear-gradient(135deg, #983ba6 15%, #384dc4 65%)
        }
        
        #features-section .theme-features .feature-item.count-blue .digits,
        #features-section .theme-features .feature-subitem.count-blue .digits {
            color: #3b55e6
        }
        
        #features-section .theme-features .feature-item.blue-bg .item-cover,
        #features-section .theme-features .feature-subitem.blue-bg .item-cover {
            background: #3b55e6
        }
        
        #features-section .theme-features .feature-item.dark-bg .item-cover,
        #features-section .theme-features .feature-subitem.dark-bg .item-cover {
            background: #222428
        }
        
        #features-section .theme-features .feature-item.blue-gray-bg .item-cover,
        #features-section .theme-features .feature-subitem.blue-gray-bg .item-cover {
            background: #e2eaed
        }
        
        #features-section .theme-features .feature-item.gray-yellow-bg .item-cover,
        #features-section .theme-features .feature-subitem.gray-yellow-bg .item-cover {
            background: #f3f1e5
        }
        
        #features-section .theme-features .feature-item.gray-bg .item-cover,
        #features-section .theme-features .feature-subitem.gray-bg .item-cover {
            background: #f2f2f2
        }
        
        #features-section .theme-features .feature-item.gradient-bg .item-cover,
        #features-section .theme-features .feature-subitem.gradient-bg .item-cover {
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMzA4YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4NGRjNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background-size: 100%;
            background-image: -moz-linear-gradient(315deg, #c1308a, #384dc4);
            background-image: -webkit-linear-gradient(315deg, #c1308a, #384dc4);
            background-image: linear-gradient(135deg, #c1308a, #384dc4)
        }
        
        #features-section .theme-features .feature-item.bordered .item-cover,
        #features-section .theme-features .feature-subitem.bordered .item-cover {
            position: relative;
            background: #fff
        }
        
        #features-section .theme-features .feature-item.bordered .item-cover:before,
        #features-section .theme-features .feature-subitem.bordered .item-cover:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid #eaeaea;
            -moz-border-radius: inherit;
            -webkit-border-radius: inherit;
            border-radius: inherit;
            z-index: 0
        }
        
        #features-section .theme-features .feature-item.bordered.border-over .item-cover:before,
        #features-section .theme-features .feature-subitem.bordered.border-over .item-cover:before {
            z-index: 2
        }
        
        #features-section .theme-features .feature-item.bordered.border-over .item-cover .content-wrap,
        #features-section .theme-features .feature-subitem.bordered.border-over .item-cover .content-wrap {
            position: relative;
            z-index: 2
        }
        
        #features-section .theme-features .feature-item.has-shadow .item-cover,
        #features-section .theme-features .feature-subitem.has-shadow .item-cover {
            background: #fff;
            -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2)
        }
        
        #features-section .theme-features .feature-item.content-bottom .content-wrap,
        #features-section .theme-features .feature-subitem.content-bottom .content-wrap {
            margin-top: 70%
        }
        
        #features-section .theme-features .feature-item.top-image .item-cover,
        #features-section .theme-features .feature-subitem.top-image .item-cover {
            padding-bottom: 40px
        }
        
        #features-section .theme-features .feature-item.left-image .item-cover .content-wrap,
        #features-section .theme-features .feature-subitem.left-image .item-cover .content-wrap {
            text-align: left;
            padding: 0 30px
        }
        
        #features-section .theme-features .feature-item.left-image .item-cover .content-wrap:before,
        #features-section .theme-features .feature-item.left-image .item-cover .content-wrap:after,
        #features-section .theme-features .feature-subitem.left-image .item-cover .content-wrap:before,
        #features-section .theme-features .feature-subitem.left-image .item-cover .content-wrap:after {
            content: "";
            display: table
        }
        
        #features-section .theme-features .feature-item.left-image .item-cover .content-wrap:after,
        #features-section .theme-features .feature-subitem.left-image .item-cover .content-wrap:after {
            float: none;
            clear: both
        }
        
        #features-section .theme-features .feature-item.left-image .item-cover .content-wrap .image-cover,
        #features-section .theme-features .feature-subitem.left-image .item-cover .content-wrap .image-cover {
            float: left;
            margin-bottom: 0;
            margin-right: 20px
        }
        
        #features-section .theme-features .feature-item.left-image .item-cover .content-wrap h4,
        #features-section .theme-features .feature-subitem.left-image .item-cover .content-wrap h4 {
            padding: 0
        }
        
        #features-section .theme-features .feature-item.bg-image .item-cover,
        #features-section .theme-features .feature-subitem.bg-image .item-cover {
            background-repeat: no-repeat
        }
        
        #features-section .theme-features .feature-item.bg-image.top-image .item-cover,
        #features-section .theme-features .feature-subitem.bg-image.top-image .item-cover {
            background-size: 100% auto;
            background-position: center top
        }
        
        #features-section .theme-features .feature-item.bg-image:not(.top-image) .item-cover,
        #features-section .theme-features .feature-subitem.bg-image:not(.top-image) .item-cover {
            background-position: center center
        }
        
        #features-section .theme-features .feature-item:not(.top-image) .content-wrap,
        #features-section .theme-features .feature-subitem:not(.top-image) .content-wrap {
            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #features-section .theme-features .feature-item h4,
        #features-section .theme-features .feature-subitem h4 {
            font-size: 21px
        }
        
        #features-section .theme-features .feature-item .button-wrap,
        #features-section .theme-features .feature-subitem .button-wrap {
            margin-top: 25px
        }
        
        #features-section .extra-content-bottom {
            margin-top: 50px
        }
        
        #psd-files {
            text-align: center;
            padding-bottom: 50px
        }
        
        #headers {
            position: relative;
            overflow: hidden;
            padding-top: 115px;
            background: #222428
        }
        
        #headers:before {
            content: "";
            display: block;
            width: 100%;
            height: 180px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: #fff
        }
        
        #headers h3 {
            margin-bottom: 15px;
            color: #fff
        }
        
        #headers .extra-content {
            font-weight: 300;
            margin-bottom: 110px;
            color: #828a9a
        }
        
        #headers .header-feature-item {
            display: table;
            table-layout: fixed;
            width: 100%
        }
        
        #headers .header-feature-item.item-1 .counter {
            width: 32%
        }
        
        #headers .header-feature-item.item-1 .content-wrapper {
            width: 68%
        }
        
        #headers .header-feature-item .counter {
            display: table-cell;
            vertical-align: middle;
            width: 36%;
            text-align: left;
            padding: 0 10px
        }
        
        #headers .header-feature-item .counter strong {
            font-family: "Montserrat";
            font-size: 150px;
            font-weight: 700;
            letter-spacing: -.04em;
            line-height: .7;
            color: #3b55e6
        }
        
        #headers .header-feature-item .content-wrapper {
            display: table-cell;
            vertical-align: middle;
            width: 64%;
            padding: 0 10px
        }
        
        #headers .header-feature-item .content-wrapper h4 {
            font-size: 23px;
            margin-bottom: 10px;
            color: #fff
        }
        
        #headers .header-feature-item .content-wrapper .content {
            line-height: 1.7;
            color: #828a9a
        }
        
        #headers .images-wrapper {
            line-height: .5;
            margin: 130px -10px 0
        }
        
        #headers .images-wrapper .header-image-item .cover {
            padding: 0 10px
        }
        
        #support-section {
            position: relative;
            padding-top: 120px;
            margin-bottom: 40px;
            background: #222428;
            z-index: 2
        }
        
        #support-section:before {
            content: "";
            display: block;
            height: 65px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff
        }
        
        #support-section h3 {
            margin-bottom: 20px;
            color: #fff
        }
        
        #support-section .extra-content {
            font-weight: 300;
            margin-bottom: 40px;
            color: #828a9a
        }
        
        #support-section .video-section {
            line-height: .5;
            margin-bottom: 105px
        }
        
        #support-section .video-section a.play-button {
            position: relative;
            display: inline-block;
            width: 84px;
            height: 84px;
            line-height: 84px;
            text-align: center;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }
        
        #support-section .video-section a.play-button:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #3b55e6;
            -moz-border-radius: inherit;
            -webkit-border-radius: inherit;
            border-radius: inherit;
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transition: -moz-transform .3s ease;
            -o-transition: -o-transform .3s ease;
            -webkit-transition: -webkit-transform .3s ease;
            transition: transform .3s ease
        }
        
        #support-section .video-section a.play-button:hover:before {
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
        }
        
        #support-section .video-section a.play-button img {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -12px;
            margin-left: -11px
        }
        
        #support-section .support-wrapper {
            -moz-box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.2)
        }
        
        #support-section .support-wrapper>.columns {
            background: #fff
        }
        
        #support-section .support-wrapper .inner-wrap {
            padding: 50px 40px 70px
        }
        
        #support-section .support-wrapper .inner-wrap img {
            margin-bottom: 20px
        }
        
        #support-section .support-wrapper .inner-wrap h4 {
            font-size: 23px;
            line-height: 1.17;
            margin-bottom: 10px
        }
        
        #support-section .support-wrapper .inner-wrap .content {
            line-height: 1.7
        }
        
        #shortcodes-section {
            padding: 40px 20px 40px
        }
        
        #shortcodes-section h5 {
            margin-bottom: 20px
        }
        
        #shortcodes-section h2 {
            font-size: 33px;
            line-height: 1.105;
            letter-spacing: -.04em;
            margin-bottom: 65px
        }
        
        #shortcodes-section .extra-content {
            line-height: 1.7;
            margin-bottom: 35px
        }
        
        #shortcodes-section .img-wrapper {
            line-height: .5;
            text-align: center;
            padding: 0 40px;
            margin: -10px -10px 40px
        }
        
        #shortcodes-section .img-wrapper:before,
        #shortcodes-section .img-wrapper:after {
            content: "";
            display: table
        }
        
        #shortcodes-section .img-wrapper:after {
            float: none;
            clear: both
        }
        
        #shortcodes-section .img-wrapper>a {
            font-family: "Montserrat";
            font-size: 11px;
            text-transform: uppercase;
            line-height: 1;
            position: relative;
            display: inline-block;
            width: 180px;
            height: 105px;
            margin: 10px;
            color: #202020;
            background: #f3f3f3;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -moz-box-shadow: 0 15px 50px 0 transparent;
            -webkit-box-shadow: 0 15px 50px 0 transparent;
            box-shadow: 0 15px 50px 0 transparent;
            -moz-transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
            -o-transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
            -webkit-transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
            transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
            z-index: 1
        }
        
        #shortcodes-section .img-wrapper>a:hover {
            background: #fff;
            border-color: #fff;
            -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.2);
            z-index: 3
        }
        
        #shortcodes-section .img-wrapper>a .icon {
            display: block;
            width: 40px;
            height: 41px;
            margin: 20px auto 15px;
            background-image: url(img/shortcodes.png)
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_accordion {
            background-position: 0 0
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_animated_heading {
            background-position: 0 -41px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_announcement {
            background-position: 0 -82px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_blog_posts {
            background-position: 0 -123px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_buttons {
            background-position: 0 -164px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_call_to_action {
            background-position: 0 -205px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_client_logo {
            background-position: 0 -246px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_countdown {
            background-position: 0 -287px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_delimiter {
            background-position: 0 -328px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_facts {
            background-position: 0 -369px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_animated_text {
            background-position: 0 -410px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_gallery {
            background-position: 0 -451px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_google_map {
            background-position: 0 -492px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_gradation {
            background-position: 0 -533px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_heading {
            background-position: 0 -574px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_icon_list {
            background-position: 0 -615px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_image_layers {
            background-position: 0 -656px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_single_image {
            background-position: 0 -697px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_info_banner {
            background-position: 0 -738px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_info_box {
            background-position: 0 -779px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_share_module {
            background-position: 0 -820px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_soc_icons {
            background-position: 0 -861px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_piecharts {
            background-position: 0 -902px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_portfolio {
            background-position: 0 -943px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_bg_deco {
            background-position: 0 -984px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_pricing_block {
            background-position: 0 -1025px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_progressbar {
            background-position: 0 -1066px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_services {
            background-position: 0 -1107px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_short_info {
            background-position: 0 -1148px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_simple_advertisement {
            background-position: 0 -1189px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_slide_parallax {
            background-position: 0 -1230px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_spacer {
            background-position: 0 -1271px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_subscribe {
            background-position: 0 -1312px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_tabs {
            background-position: 0 -1353px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_team_member {
            background-position: 0 -1394px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_testimonials_slider {
            background-position: 0 -1435px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_testimonials {
            background-position: 0 -1476px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_tta_tour {
            background-position: 0 -1517px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_twitter {
            background-position: 0 -1558px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_contact_form {
            background-position: 0 -1599px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_videoplayer {
            background-position: 0 -1640px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_gallery_advanced {
            background-position: 0 -1681px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_gallery_carousel {
            background-position: 0 -1722px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_gallery_metro {
            background-position: 0 -1763px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_portfolio_advanced {
            background-position: 0 -1804px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_portfolio_carousel {
            background-position: 0 -1845px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_portfolio_metro {
            background-position: 0 -1886px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_portfolio_presentation {
            background-position: 0 -2050px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_carousel {
            background-position: 0 -1927px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_link_style {
            background-position: 0 -1968px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_presentation_tilted {
            background-position: 0 -2009px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_products_list {
            background-position: 0 -2091px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_single_product {
            background-position: 0 -2132px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_letter_effects {
            background-position: 0 -2173px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_products_category {
            background-position: 0 -2214px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_logo_carousel {
            background-position: 0 -2255px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_modal_box {
            background-position: 0 -2296px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_price_list {
            background-position: 0 -2337px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_button_gradient {
            background-position: 0 -2419px
        }
        
        #shortcodes-section .img-wrapper>a .icon.dfd_rotate_box {
            background-position: 0 -2460px
        }
        
        #shortcodes-section .bottom-extra-content {
            line-height: 1.7
        }
        
        #portfolio-section,
        #woocommerce-section {
            padding-top: 30px;
            padding-bottom: 70px
        }
        
        #portfolio-section>.columns:before,
        #portfolio-section>.columns:after,
        #woocommerce-section>.columns:before,
        #woocommerce-section>.columns:after {
            content: "";
            display: table
        }
        
        #portfolio-section>.columns:after,
        #woocommerce-section>.columns:after {
            float: none;
            clear: both
        }
        
        #portfolio-section>.columns .content-wrapper>h5,
        #woocommerce-section>.columns .content-wrapper>h5 {
            margin-bottom: 20px
        }
        
        #portfolio-section>.columns .content-wrapper>h2,
        #woocommerce-section>.columns .content-wrapper>h2 {
            margin-bottom: 15px
        }
        
        #portfolio-section>.columns .content-wrapper>.extra-content,
        #woocommerce-section>.columns .content-wrapper>.extra-content {
            margin-bottom: 50px
        }
        
        #portfolio-section>.columns .content-wrapper ul,
        #woocommerce-section>.columns .content-wrapper ul {
            margin: 0 -10px
        }
        
        #portfolio-section>.columns .content-wrapper ul:before,
        #portfolio-section>.columns .content-wrapper ul:after,
        #woocommerce-section>.columns .content-wrapper ul:before,
        #woocommerce-section>.columns .content-wrapper ul:after {
            content: "";
            display: table
        }
        
        #portfolio-section>.columns .content-wrapper ul:after,
        #woocommerce-section>.columns .content-wrapper ul:after {
            float: none;
            clear: both
        }
        
        #portfolio-section>.columns .content-wrapper ul>li,
        #woocommerce-section>.columns .content-wrapper ul>li {
            float: left;
            width: 50%;
            padding: 0 10px;
            margin-bottom: 50px
        }
        
        #portfolio-section>.columns .content-wrapper ul>li .image-wrapper,
        #woocommerce-section>.columns .content-wrapper ul>li .image-wrapper {
            margin-bottom: 15px
        }
        
        #portfolio-section>.columns .content-wrapper ul>li h4,
        #woocommerce-section>.columns .content-wrapper ul>li h4 {
            margin-bottom: 10px
        }
        
        #portfolio-section>.columns .content-wrapper ul>li .content-wrap,
        #woocommerce-section>.columns .content-wrapper ul>li .content-wrap {
            line-height: 1.7
        }
        
        #portfolio-section>.columns .content-wrapper ul>li:nth-child(3),
        #portfolio-section>.columns .content-wrapper ul>li:nth-child(4),
        #woocommerce-section>.columns .content-wrapper ul>li:nth-child(3),
        #woocommerce-section>.columns .content-wrapper ul>li:nth-child(4) {
            margin-bottom: 0
        }
        
        #portfolio-section>.columns .slide-parallax-section,
        #woocommerce-section>.columns .slide-parallax-section {
            padding-right: calc(8.333% + 30px)
        }
        
        #portfolio-section>.columns .slide-parallax-section .slide-parallax-cover,
        #woocommerce-section>.columns .slide-parallax-section .slide-parallax-cover {
            margin-left: -30%
        }
        
        #woocommerce-section {
            padding-top: 80px
        }
        
        #woocommerce-section>.columns .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .slide-parallax-left {
            border-right: 2px solid #ddd;
            opacity: 1;
            z-index: 4;
            -moz-animation: dfdSlideParallaxAnimationSimple 4s ease infinite;
            -webkit-animation: dfdSlideParallaxAnimationSimple 4s ease infinite;
            animation: dfdSlideParallaxAnimationSimple 4s ease infinite
        }
        
        #woocommerce-section>.columns .slide-parallax-section .slide-parallax-cover .slide-parallax-inner-cover .slide-parallax-right {
            opacity: 1
        }
        
        #portfolio-section {
            padding-top: 130px
        }
        
        #plugins-section {
            padding-top: 100px;
            padding-bottom: 75px
        }
        
        #plugins-section .featured-title h3 {
            margin-bottom: 5px
        }
        
        #plugins-section .featured-title p {
            margin-bottom: 45px
        }
        
        #plugins-section .additional-heading-wrap {
            line-height: .5;
            padding: 45px 0 25px
        }
        
        #plugins-section .additional-heading-wrap .deco-heading-wrap {
            overflow: hidden
        }
        
        #plugins-section .additional-heading-wrap h4 {
            position: relative;
            display: inline-block;
            margin-bottom: 20px
        }
        
        #plugins-section .additional-heading-wrap h4:before,
        #plugins-section .additional-heading-wrap h4:after {
            content: "";
            display: block;
            width: 600px;
            height: 1px;
            position: absolute;
            top: 50%;
            background: #ddd
        }
        
        #plugins-section .additional-heading-wrap h4:before {
            left: 100%;
            margin-left: 30px
        }
        
        #plugins-section .additional-heading-wrap h4:after {
            right: 100%;
            margin-right: 30px
        }
        
        #plugins-section .columns.equal-heights-item {
            margin-bottom: 20px
        }
        
        #plugins-section .plugin-item-wrapper {
            position: relative;
            display: block;
            height: 100%;
            padding: 40px 30px 40px 140px
        }
        
        #plugins-section .plugin-item-wrapper .price {
            font-family: "Montserrat";
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1;
            position: absolute;
            top: 15px;
            right: 15px;
            color: #3b55e6
        }
        
        #plugins-section .plugin-item-wrapper .price span {
            position: relative;
            margin-right: 5px;
            color: #bdbdbd
        }
        
        #plugins-section .plugin-item-wrapper .price span:before {
            content: "";
            display: block;
            height: 1px;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            background: #222428
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap {
            display: block;
            width: 80px;
            height: 80px;
            position: absolute;
            top: 50%;
            left: 30px;
            margin-top: -40px;
            background-image: url(img/plugin-icons.png);
            background-size: auto 100%;
            -moz-transition: background .3s ease;
            -o-transition: background .3s ease;
            -webkit-transition: background .3s ease;
            transition: background .3s ease
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.revslider {
            background-position: 0 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.composer {
            background-position: -80px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.layerslider {
            background-position: -160px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.confactform {
            background-position: -240px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.mailchimp {
            background-position: -320px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.yoastseo {
            background-position: -400px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.woocommerce {
            background-position: -480px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.wpml {
            background-position: -560px 0
        }
        
        #plugins-section .plugin-item-wrapper .image-wrap.wpsupercache {
            background-position: -640px 0
        }
        
        #plugins-section .plugin-item-wrapper .content-wrap {
            display: block;
            position: relative;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        #plugins-section .plugin-item-wrapper .content-wrap h4 {
            margin-bottom: 5px
        }
        
        #plugins-section .plugin-item-wrapper .content-wrap p {
            line-height: 1.75
        }
        
        #plugins-section .plugin-item-wrapper.premium-plugins {
            -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.08)
        }
        
        #plugins-section .plugin-item-wrapper:not(.premium-plugins) {
            border: 1px solid #eaeaea
        }
        
        #plugins-section .plugin-item-wrapper:hover .image-wrap {
            background-image: url(img/plugin-icons-hover.png)
        }
        
        #testimonials {
            padding-top: 100px;
            padding-bottom: 90px;
            background: #f3f3f3
        }
        
        #testimonials .section-heading h3 {
            margin-bottom: 10px
        }
        
        #testimonials .section-heading .extra-content {
            line-height: 1.7;
            padding: 0 8%;
            margin-bottom: 70px
        }
        
        #testimonials .reviews-wrapper {
            padding: 0 70px
        }
        
        #testimonials .reviews-wrapper .review-item {
            text-align: left
        }
        
        #testimonials .reviews-wrapper .review-item .cover {
            height: 100%;
            padding: 10px 10px 45px
        }
        
        #testimonials .reviews-wrapper .review-item .cover .inner-wrap {
            position: relative;
            height: 100%;
            padding: 50px 45px;
            background: #fff;
            -moz-box-shadow: 0 15px 30px 0 transparent;
            -webkit-box-shadow: 0 15px 30px 0 transparent;
            box-shadow: 0 15px 30px 0 transparent;
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -moz-transition: box-shadow .3s ease, -moz-transform .3s ease;
            -o-transition: box-shadow .3s ease, -o-transform .3s ease;
            -webkit-transition: box-shadow .3s ease, -webkit-transform .3s ease;
            transition: box-shadow .3s ease, transform .3s ease
        }
        
        #testimonials .reviews-wrapper .review-item .cover .inner-wrap:hover {
            -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
            -moz-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }
        
        #testimonials .reviews-wrapper .review-item .cover .inner-wrap .content {
            line-height: 30px;
            padding-bottom: 30px;
            color: #4d4d4d
        }
        
        #testimonials .reviews-wrapper .review-item .cover .inner-wrap .author {
            font-family: "Montserrat";
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            position: absolute;
            bottom: 45px;
            left: 45px;
            color: #202020
        }
        
        #testimonials .reviews-wrapper .review-item .cover .inner-wrap .author img {
            position: relative;
            top: 1px;
            margin-right: 10px
        }
        
        #testimonials .reviews-wrapper .review-item .cover .inner-wrap .author span {
            font-family: "Playfair Display";
            font-size: 14px;
            font-style: italic;
            text-transform: none;
            margin-right: 5px;
            color: #a1a1a1
        }
        
        #testimonials .reviews-wrapper .slick-dots {
            margin-top: 0
        }
        
        #footer-wrap {
            position: relative;
            display: block;
            width: 100%;
            background-image: url(img/footer.jpg);
            z-index: 1;
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        
        #footer-wrap #footer-inner {
            padding-top: 240px;
            padding-bottom: 200px
        }
        
        #footer-wrap #footer-inner * {
            color: #fff
        }
        
        #footer-wrap #footer-inner h5 {
            margin-bottom: 15px
        }
        
        #footer-wrap #footer-inner h3 {
            margin-bottom: 40px
        }
        
        #footer-wrap #footer-inner h3 strong {
            margin-top: 25px
        }
        
        #footer-wrap #footer-inner .extra-content {
            line-height: 2;
            margin-bottom: 40px
        }
        
        #footer-wrap #footer-inner .buttons-section {
            display: inline-block;
            line-height: .5
        }
        
        #footer-wrap #footer-inner .buttons-section:before,
        #footer-wrap #footer-inner .buttons-section:after {
            content: "";
            display: table
        }
        
        #footer-wrap #footer-inner .buttons-section:after {
            float: none;
            clear: both
        }
        
        #footer-wrap #footer-inner .buttons-section>* {
            float: left
        }
        
        #footer-wrap #footer-inner .buttons-section .footer-logo {
            margin-top: -10px;
            margin-right: 18px
        }
        
        #footer-wrap #footer-inner .buttons-section .button {
            overflow: hidden
        }
        
        #footer-wrap #subfooter-inner {
            color: #fff
        }
        
        #footer-wrap #subfooter-inner .columns p {
            font-family: "Montserrat";
            font-size: 13px;
            font-weight: 400;
            line-height: 2;
            padding: 30px 0
        }
        
        #footer-wrap #subfooter-inner .columns p span {
            font-family: "Playfair Display";
            font-style: italic
        }
        
        @media only screen and (min-width: 1025px) {
            #footer-wrap {
                position: fixed;
                left: 0;
                bottom: 0
            }
        }
        
        #header-buy-button,
        #native-fixed-button {
            background: #3b55e6
        }
        
        #header-buy-button .buy-button-content-wrapper,
        #native-fixed-button .buy-button-content-wrapper {
            position: relative;
            display: block
        }
        
        #header-buy-button .buy-button-top,
        #native-fixed-button .buy-button-top {
            font-family: "Roboto Condensed";
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 15px;
            overflow: hidden;
            color: #fff
        }
        
        #header-buy-button .buy-button-top>*,
        #native-fixed-button .buy-button-top>* {
            float: left;
            display: block;
            line-height: inherit;
            margin-right: 3px
        }
        
        #header-buy-button .buy-button-top>*:last-child,
        #native-fixed-button .buy-button-top>*:last-child {
            margin-right: 0
        }
        
        #header-buy-button .buy-button-top i,
        #native-fixed-button .buy-button-top i {
            font-family: "Playfair Display";
            font-size: 14px;
            font-weight: 400;
            font-style: italic;
            text-transform: none;
            position: relative;
            bottom: 2px
        }
        
        #header-buy-button .buy-button-top span.dark,
        #header-buy-button .buy-button-top span.decorated,
        #native-fixed-button .buy-button-top span.dark,
        #native-fixed-button .buy-button-top span.decorated {
            color: #57e95a;
            -moz-transition: color .3s ease;
            -o-transition: color .3s ease;
            -webkit-transition: color .3s ease;
            transition: color .3s ease
        }
        
        #header-buy-button .buy-button-top span.highlighted,
        #native-fixed-button .buy-button-top span.highlighted {
            color: #57e95a
        }
        
        #header-buy-button .buy-button-top span.hover-decorated,
        #native-fixed-button .buy-button-top span.hover-decorated {
            -moz-transition: color .3s ease;
            -o-transition: color .3s ease;
            -webkit-transition: color .3s ease;
            transition: color .3s ease
        }
        
        #header-buy-button .buy-button-top span.big,
        #native-fixed-button .buy-button-top span.big {
            font-size: 14px;
            position: relative;
            bottom: 1px
        }
        
        #header-buy-button .buy-button-top .buy-button-cart-icon,
        #native-fixed-button .buy-button-top .buy-button-cart-icon {
            margin-right: 10px
        }
        
        #header-buy-button .buy-button-top .buy-button-cart-icon path,
        #native-fixed-button .buy-button-top .buy-button-cart-icon path {
            fill: #fff
        }
        
        #header-buy-button .buy-button-top .buy-button-envato-logo,
        #native-fixed-button .buy-button-top .buy-button-envato-logo {
            position: relative;
            bottom: 1px
        }
        
        #header-buy-button .buy-button-top .buy-button-envato-logo path.leaf,
        #native-fixed-button .buy-button-top .buy-button-envato-logo path.leaf {
            fill: #57e95a
        }
        
        #header-buy-button .buy-button-top .buy-button-envato-logo path.text,
        #native-fixed-button .buy-button-top .buy-button-envato-logo path.text {
            fill: #fff
        }
        
        #header-buy-button .buy-button-bottom,
        #native-fixed-button .buy-button-bottom {
            font-size: 13px;
            font-style: italic;
            overflow: hidden;
            height: 0;
            line-height: 2;
            color: #fff;
            -moz-transition: height .3s ease;
            -o-transition: height .3s ease;
            -webkit-transition: height .3s ease;
            transition: height .3s ease
        }
        
        #header-buy-button:hover .buy-button-top span.decorated,
        #header-buy-button:hover .buy-button-top span.hover-decorated,
        #header-buy-button:active .buy-button-top span.decorated,
        #header-buy-button:active .buy-button-top span.hover-decorated,
        #header-buy-button:focus .buy-button-top span.decorated,
        #header-buy-button:focus .buy-button-top span.hover-decorated,
        #native-fixed-button:hover .buy-button-top span.decorated,
        #native-fixed-button:hover .buy-button-top span.hover-decorated,
        #native-fixed-button:active .buy-button-top span.decorated,
        #native-fixed-button:active .buy-button-top span.hover-decorated,
        #native-fixed-button:focus .buy-button-top span.decorated,
        #native-fixed-button:focus .buy-button-top span.hover-decorated {
            color: #ff4783
        }
        
        #header-buy-button:hover .buy-button-bottom,
        #header-buy-button:active .buy-button-bottom,
        #header-buy-button:focus .buy-button-bottom,
        #native-fixed-button:hover .buy-button-bottom,
        #native-fixed-button:active .buy-button-bottom,
        #native-fixed-button:focus .buy-button-bottom {
            height: 1.5em
        }
        
        #native-fixed-button {
            position: fixed;
            right: 35px;
            bottom: -90px;
            padding: 16px 28px;
            z-index: 9998;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);
            -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -moz-transition: background .3s ease, bottom 1.3s ease, -moz-transform .3s ease, box-shadow .3s ease;
            -o-transition: background .3s ease, bottom 1.3s ease, -o-transform .3s ease, box-shadow .3s ease;
            -webkit-transition: background .3s ease, bottom 1.3s ease, -webkit-transform .3s ease, box-shadow .3s ease;
            transition: background .3s ease, bottom 1.3s ease, transform .3s ease, box-shadow .3s ease
        }
        
        #native-fixed-button.active {
            bottom: 35px
        }
        
        #native-fixed-button:hover,
        #native-fixed-button:active,
        #native-fixed-button:focus {
            background: #2a44d9;
            -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
            -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
            -moz-transform: translateY(2px);
            -ms-transform: translateY(2px);
            -webkit-transform: translateY(2px);
            transform: translateY(2px)
        }
        
        #free-install-popup {
            position: fixed;
            bottom: 30px;
            right: 30px;
            display: block;
            width: 388px;
            height: 225px;
            padding: 30px;
            background-color: #fff;
            background-image: url(img/popup-bg.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -moz-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            -moz-transform: scale(0.7) rotate(15deg);
            -ms-transform: scale(0.7) rotate(15deg);
            -webkit-transform: scale(0.7) rotate(15deg);
            transform: scale(0.7) rotate(15deg);
            -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s ease;
            -o-transition: opacity .3s ease, visibility .3s ease, -o-transform .3s ease;
            -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
            transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
            z-index: 9999
        }
        
        #free-install-popup.active {
            opacity: 1;
            visibility: visible;
            -moz-transform: scale(1) rotate(0deg);
            -ms-transform: scale(1) rotate(0deg);
            -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg)
        }
        
        #free-install-popup .subtitle {
            font-size: 13px;
            font-style: italic;
            line-height: 17px;
            margin-bottom: 5px;
            color: #201f1f
        }
        
        #free-install-popup h3 {
            font-size: 20px;
            line-height: 26px;
            margin-bottom: 15px
        }
        
        #free-install-popup h3 strong {
            font-style: normal;
            color: #3b55e6
        }
        
        #free-install-popup .button {
            height: 43px;
            line-height: 43px;
            margin-bottom: 15px
        }
        
        #free-install-popup .extra img {
            position: relative;
            top: 4px;
            margin-right: 5px
        }
        
        #free-install-popup .extra a {
            font-size: 13px;
            text-decoration: underline;
            color: #353535
        }
        
        #free-install-popup .extra a span {
            font-style: italic
        }
        
        #free-install-popup .close-button {
            position: absolute;
            top: 15px;
            right: 15px
        }
        
        #fullscreen-preview {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            z-index: 9999;
            opacity: 0;
            visibility: hidden;
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
            -moz-transition: opacity .3s ease 0s, visibility .3s ease 0s, -moz-transform .3s ease 0s;
            -o-transition: opacity .3s ease 0s, visibility .3s ease 0s, -o-transform .3s ease 0s;
            -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
            -webkit-transition-delay: 0s, 0s, 0s;
            transition: opacity .3s ease 0s, visibility .3s ease 0s, transform .3s ease 0s
        }
        
        #fullscreen-preview.active {
            opacity: 1;
            visibility: visible;
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        
        #fullscreen-preview>div {
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }
        
        @media only screen and (max-width: 1600px) {
            #words-from-author .move-column-left {
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }
        }
        
        @media only screen and (max-width: 1560px) {
            #top-section-wrapper {
                background-size: cover
            }
            #layout-types .layouts-wrapper {
                margin-left: 0;
                margin-right: 0
            }
        }
        
        @media only screen and (max-width: 1370px) {
            #footer-wrap {
                background-size: cover
            }
            #footer-wrap #footer-inner {
                padding-top: 120px;
                padding-bottom: 80px
            }
        }
        
        @media only screen and (min-width: 1430px) {
            .move-column-left {
                -moz-transform: translateX(calc(-8.333% - 50px));
                -ms-transform: translateX(calc(-8.333% - 50px));
                -webkit-transform: translateX(calc(-8.333% - 50px));
                transform: translateX(calc(-8.333% - 50px))
            }
            .move-column-right {
                -moz-transform: translateX(calc(8.333% + 50px));
                -ms-transform: translateX(calc(8.333% + 50px));
                -webkit-transform: translateX(calc(8.333% + 50px));
                transform: translateX(calc(8.333% + 50px))
            }
        }
        
        @media only screen and (min-width: 1180px) {
            #support-section .extra-content {
                padding: 0 7%
            }
        }
        
        @media only screen and (max-width: 1200px) {
            #testimonials .reviews-wrapper {
                padding: 0
            }
        }
        
        @media only screen and (max-width: 840px) {
            #menu {
                height: 50px;
                line-height: 50px
            }
            #menu .header-logo-wrapper {
                padding: 10px 0
            }
            #menu .header-menu-wrapper #header-buy-button {
                display: block;
                margin-right: -10px;
                padding: 0 20px
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top {
                height: inherit;
                line-height: inherit
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top * {
                float: left;
                display: block
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .buy-button-cart-icon {
                margin-right: 10px
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .buy-button-cart-icon path {
                fill: #fff
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .buy-button-envato-logo {
                position: relative;
                bottom: 1px
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .buy-button-envato-logo path.leaf {
                fill: #57e95a
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .buy-button-envato-logo path.text {
                fill: #fff
            }
            #menu .header-menu-wrapper .profile-link {
                display: none
            }
            #menu .header-menu-wrapper ul {
                display: none;
                overflow: hidden;
                position: absolute;
                top: 100%;
                right: 20px;
                display: none;
                height: auto;
                margin: 0;
                padding: 15px;
                background: #fff;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px
            }
            #menu .header-menu-wrapper ul.active {
                display: block
            }
            #menu .header-menu-wrapper ul li {
                float: none;
                width: 100%;
                height: 30px;
                line-height: 30px
            }
            #menu .header-menu-wrapper ul li a {
                color: #202020
            }
            #top-section-wrapper {
                background-size: auto 100%
            }
            #top-section-wrapper #top-section-title .top-section-title-inner h1 {
                font-size: 36px
            }
            body #native-fixed-button {
                display: none
            }
        }
        
        @media only screen and (max-width: 970px) {
            #top-section-wrapper {
                background-size: auto 100%
            }
            #top-section-wrapper #top-section-title .top-section-title-inner {
                display: block
            }
            #top-section-wrapper #top-section-title .top-section-title-inner .logo-wrapper {
                display: block;
                width: 100%
            }
            #top-section-wrapper #top-section-title .top-section-title-inner .logo-wrapper img {
                margin: 0 auto
            }
            #top-section-wrapper #top-section-title .top-section-title-inner h1 {
                display: block;
                width: 100%;
                text-align: center;
                margin-top: 30px
            }
        }
        
        @media only screen and (max-width: 1640px) {
            #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title br {
                display: none
            }
        }
        
        @media only screen and (max-width: 640px) {
            #blog-section>.columns .content-wrapper>h2 strong,
            #blog-section>.columns .content-wrapper>h3 strong,
            #portfolio-section>.columns .content-wrapper>h2 strong,
            #portfolio-section>.columns .content-wrapper>h3 strong,
            #composer-section>.columns .content-wrapper>h2 strong,
            #composer-section>.columns .content-wrapper>h3 strong,
            #woocommerce-section>.columns .content-wrapper>h2 strong,
            #woocommerce-section>.columns .content-wrapper>h3 strong {
                font-size: 40px
            }
            h2 {
                font-size: 25px
            }
            h3 {
                font-size: 23px
            }
            h4 {
                font-size: 18px
            }
            #headers .image-wrapper {
                display: none
            }
            #demos-wrap {
                padding-top: 50px
            }
            #demos-wrap .heading-wrap p {
                margin-bottom: 30px
            }
            #demos-wrap .isotope-wrapper>.sort-panel {
                margin-bottom: 30px
            }
            #post-types-wrapper .post-type-links-wrapper .heading {
                padding: 0 30px
            }
            #free-install-popup {
                display: none
            }
        }
        
        @media only screen and (max-width: 427px) {
            #footer-wrap #footer-inner .buttons-section>* {
                float: none;
                display: inline-block
            }
        }
        
        @media only screen and (max-width: 1280px) {
            #headers .header-feature-item {
                display: block
            }
            #headers .header-feature-item.item-1 .counter,
            #headers .header-feature-item.item-2 .counter {
                width: 31.6667%;
                text-align: center
            }
            #headers .header-feature-item.item-1 .content-wrapper,
            #headers .header-feature-item.item-2 .content-wrapper {
                width: 58.3333%
            }
        }
        
        @media only screen and (max-width: 480px) {
            #blog-section>.columns .content-wrapper ul>li,
            #portfolio-section>.columns .content-wrapper ul>li,
            #woocommerce-section>.columns .content-wrapper ul>li {
                float: none;
                clear: both;
                width: 100%
            }
            #blog-section>.columns .content-wrapper ul>li:nth-child(3),
            #portfolio-section>.columns .content-wrapper ul>li:nth-child(3),
            #woocommerce-section>.columns .content-wrapper ul>li:nth-child(3) {
                margin-bottom: 70px
            }
            #headers .header-feature-item {
                display: block
            }
            #headers .header-feature-item.item-1 .counter,
            #headers .header-feature-item.item-2 .counter {
                margin-bottom: 30px
            }
            #headers .header-feature-item.item-1 .counter,
            #headers .header-feature-item.item-1 .content-wrapper,
            #headers .header-feature-item.item-2 .counter,
            #headers .header-feature-item.item-2 .content-wrapper {
                display: block;
                width: 100%;
                text-align: center
            }
            #testimonials {
                padding-bottom: 30px
            }
            #composer-section>.columns .content-wrapper ul li .counter {
                float: none;
                width: 100%;
                margin-bottom: 30px
            }
            #composer-section>.columns .content-wrapper ul li .counter:before,
            #composer-section>.columns .content-wrapper ul li .counter:after {
                content: "";
                display: table
            }
            #composer-section>.columns .content-wrapper ul li .counter:after {
                float: none;
                clear: both
            }
            #composer-section>.columns .content-wrapper ul li .wrapper {
                margin-left: 0
            }
            #footer-wrap #subfooter-inner {
                padding-top: 0
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .header-hide-small,
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .hide-small {
                display: none
            }
        }
        
        @media only screen and (max-width: 360px) {
            body #native-fixed-button .hide-small {
                display: none
            }
            #menu .header-menu-wrapper #header-buy-button {
                padding: 0 15px
            }
            #menu .header-menu-wrapper #header-buy-button .buy-button-content-wrapper.buy-button-top .header-hide-extra-small {
                display: none
            }
            #top-section-wrapper .psd-avail-text {
                display: none
            }
        }
        
        @media only screen and (max-width: 380px) {
            #composer-section>.columns .content-wrapper>h2,
            #composer-section>.columns .content-wrapper>h3,
            #woocommerce-section>.columns .content-wrapper>h2,
            #woocommerce-section>.columns .content-wrapper>h3 {
                font-size: 18px
            }
            #composer-section>.columns .content-wrapper>h2 strong,
            #composer-section>.columns .content-wrapper>h3 strong,
            #woocommerce-section>.columns .content-wrapper>h2 strong,
            #woocommerce-section>.columns .content-wrapper>h3 strong {
                font-size: 34px
            }
            #testimonials .section-heading h2 {
                font-size: 18px
            }
            #testimonials .section-heading h2 strong {
                font-size: 28px
            }
            #shortcodes-section .img-wrapper {
                padding: 0
            }
            #shortcodes-section .img-wrapper>a {
                width: 140px
            }
        }
        
        @media only screen and (max-width: 340px) {
            #composer-section>.columns .content-wrapper>h2 strong,
            #composer-section>.columns .content-wrapper>h3 strong,
            #woocommerce-section>.columns .content-wrapper>h2 strong,
            #woocommerce-section>.columns .content-wrapper>h3 strong {
                font-size: 28px
            }
        }
        
        @media only screen and (max-width: 1280px) {
            #composer-section {
                padding-top: 30px;
                padding-bottom: 60px
            }
            #portfolio-section,
            #woocommerce-section {
                padding-top: 90px;
                padding-bottom: 30px
            }
        }
        
        @media only screen and (max-width: 1199px) {
            #blog-section>.columns,
            #portfolio-section>.columns,
            #composer-section>.columns,
            #woocommerce-section>.columns {
                width: 100%;
                float: none;
                clear: both
            }
            #blog-section>.columns:first-child,
            #portfolio-section>.columns:first-child,
            #composer-section>.columns:first-child,
            #woocommerce-section>.columns:first-child {
                margin-bottom: 70px
            }
            #blog-section>.columns .content-wrapper,
            #portfolio-section>.columns .content-wrapper,
            #composer-section>.columns .content-wrapper,
            #woocommerce-section>.columns .content-wrapper {
                padding-left: 10px;
                padding-right: 10px
            }
            #blog-section>.columns .animated-section,
            #blog-section>.columns .slide-parallax-section,
            #portfolio-section>.columns .animated-section,
            #portfolio-section>.columns .slide-parallax-section,
            #composer-section>.columns .animated-section,
            #composer-section>.columns .slide-parallax-section,
            #woocommerce-section>.columns .animated-section,
            #woocommerce-section>.columns .slide-parallax-section {
                text-align: center;
                padding-left: 0;
                padding-right: 0
            }
            #blog-section>.columns .animated-section .animated-section-cover,
            #blog-section>.columns .animated-section .slide-parallax-cover,
            #blog-section>.columns .slide-parallax-section .animated-section-cover,
            #blog-section>.columns .slide-parallax-section .slide-parallax-cover,
            #portfolio-section>.columns .animated-section .animated-section-cover,
            #portfolio-section>.columns .animated-section .slide-parallax-cover,
            #portfolio-section>.columns .slide-parallax-section .animated-section-cover,
            #portfolio-section>.columns .slide-parallax-section .slide-parallax-cover,
            #composer-section>.columns .animated-section .animated-section-cover,
            #composer-section>.columns .animated-section .slide-parallax-cover,
            #composer-section>.columns .slide-parallax-section .animated-section-cover,
            #composer-section>.columns .slide-parallax-section .slide-parallax-cover,
            #woocommerce-section>.columns .animated-section .animated-section-cover,
            #woocommerce-section>.columns .animated-section .slide-parallax-cover,
            #woocommerce-section>.columns .slide-parallax-section .animated-section-cover,
            #woocommerce-section>.columns .slide-parallax-section .slide-parallax-cover {
                margin-left: 0;
                margin-right: 0
            }
        }
        
        @media only screen and (min-width: 1200px) {
            #blog-section>.columns .content-wrapper,
            #portfolio-section>.columns .content-wrapper,
            #composer-section>.columns .content-wrapper,
            #woocommerce-section>.columns .content-wrapper {
                position: relative;
                top: 50%;
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }
            #blog-section>.columns .animated-section,
            #blog-section>.columns .slide-parallax-section,
            #portfolio-section>.columns .animated-section,
            #portfolio-section>.columns .slide-parallax-section,
            #composer-section>.columns .animated-section,
            #composer-section>.columns .slide-parallax-section,
            #woocommerce-section>.columns .animated-section,
            #woocommerce-section>.columns .slide-parallax-section {
                position: relative;
                top: 50%;
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }
        }
        
        @media only screen and (max-width: 1280px) {
            #content-wrapper>*:not(#slider-section):not(#composer-section):not(#woocommerce-section):not(#native-fixed-button):not(#blog-section):not(#portfolio-section) {
                padding-left: 10px;
                padding-right: 10px
            }
            #content-wrapper #shortcodes-section .img-wrapper {
                padding: 0 20px
            }
        }
        
        @media only screen and (max-width: 1300px) {
            #post-types-wrapper .post-type-links-wrapper .heading {
                padding: 0
            }
        }
        
        @media only screen and (max-width: 530px) {
            #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title {
                font-size: 19px
            }
        }
        
        @media only screen and (max-width: 1024px) {
            #features-carousel-wrap {
                padding-top: 50px;
                padding-bottom: 50px
            }
            #features-carousel-wrap #features-carousel .feature-slide>.cover .feature-title {
                font-size: 23px;
                margin-bottom: 15px
            }
            #features-carousel-wrap #features-carousel .feature-slide>.cover p {
                line-height: 1.6
            }
            .bottom-heading-wrap h3 {
                font-size: 23px
            }
            #layout-types .layouts-wrapper {
                margin: 0
            }
        }
        
        @media only screen and (max-width: 1620px) {
            #demos-wrap {
                padding-left: 10px;
                padding-right: 10px
            }
        }
        
        @media only screen and (max-width: 830px) {
            #demos-wrap .isotope-wrapper>.sort-panel {
                z-index: 10
            }
            #demos-wrap .isotope-wrapper>.sort-panel #sort-panel-toggler {
                display: block
            }
            #demos-wrap .isotope-wrapper>.sort-panel ul.filter {
                position: absolute;
                top: 100%;
                left: 50%;
                height: 0;
                margin-top: 10px;
                overflow: hidden;
                background: #fff;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                opacity: 0;
                visibility: hidden;
                -moz-transition: height .3s ease 0s, opacity .3s ease 0s, visibility .3s ease 0s;
                -o-transition: height .3s ease 0s, opacity .3s ease 0s, visibility .3s ease 0s;
                -webkit-transition: height .3s ease, opacity .3s ease, visibility .3s ease;
                -webkit-transition-delay: 0s, 0s, 0s;
                transition: height .3s ease 0s, opacity .3s ease 0s, visibility .3s ease 0s
            }
            #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li {
                float: none;
                height: 30px;
                line-height: 30px
            }
            #demos-wrap .isotope-wrapper>.sort-panel ul.filter>li>a {
                padding: 0 60px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px
            }
            #demos-wrap .isotope-wrapper>.sort-panel ul.filter.active {
                height: 210px;
                opacity: 1;
                visibility: visible
            }
        }
        
        @media only screen and (max-width: 799px) {
            .column,
            .columns,
            .row .column,
            .row .columns {
                width: auto;
                float: none
            }
            .column:not(:last-child),
            .columns:not(:last-child),
            .row .column:not(:last-child),
            .row .columns:not(:last-child) {
                margin-bottom: 30px
            }
            .mobile-text-center {
                text-align: center
            }
            #headers .spacer {
                display: none
            }
            #post-types-wrapper .post-type-links-wrapper {
                padding: 0 10px
            }
            #post-types-wrapper .post-type-links-wrapper .post-type-link-wrapper {
                margin-bottom: 90px
            }
            #demos-wrap .heading-wrap p {
                padding: 0
            }
        }
        
        @media only screen and (min-width: 551px) and (max-width: 1100px) {
            .isotope>.demo {
                width: 50%
            }
        }
        
        @media only screen and (max-width: 550px) {
            .isotope>.demo {
                width: 100%
            }
        }
        
        @media only screen and (max-width: 920px) {
            #features-section .theme-features .feature-item {
                width: 50%
            }
        }
        
        @media only screen and (max-width: 600px) {
            #features-section .theme-features .feature-item {
                width: 100%
            }
            #features-section .theme-features .feature-item>.cover .image-cover img {
                min-width: 100%
            }
            #features-section .theme-features .feature-item>.cover .entry-content {
                padding-left: 20px;
                padding-right: 20px
            }
        }
        
        @-webkit-keyframes dfdfPPAnim {
            0% {
                -webkit-transform: rotate(0deg)
            }
            100% {
                -webkit-transform: rotate(360deg)
            }
        }
        
        @-moz-keyframes dfdfPPAnim {
            0% {
                -moz-transform: rotate(0deg)
            }
            100% {
                -moz-transform: rotate(360deg)
            }
        }
        
        @-o-keyframes dfdfPPAnim {
            0% {
                -o-transform: rotate(0deg)
            }
            100% {
                -o-transform: rotate(360deg)
            }
        }
        
        @keyframes dfdfPPAnim {
            0% {
                transform: rotate(0deg)
            }
            100% {
                transform: rotate(360deg)
            }
        }
        
        @-webkit-keyframes dfdfPPAnimImage {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
        
        @-moz-keyframes dfdfPPAnimImage {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
        
        @-o-keyframes dfdfPPAnimImage {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
        
        @keyframes dfdfPPAnimImage {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
        
        div.custom-theme.video-box #pp_full_res {
            opacity: 0;
            -moz-animation: none;
            -webkit-animation: none;
            animation: none
        }
        
        div.custom-theme.audio-box .pp_fade {
            height: inherit
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res {
            height: inherit;
            background: transparent;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -moz-animation: none;
            -webkit-animation: none;
            animation: none
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .thumb-wrap img {
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .thumb-wrap+.composition-heading,
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .thumb-wrap+.audioplayer {
            margin-top: 25px
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container h3.entry-title {
            color: #ffffff
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .entry-subtitle {
            color: rgba(255, 255, 255, 0.4)
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-volume .audioplayer-volume-button>a:before,
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-time.audioplayer-time-duration,
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-time.audioplayer-time-current,
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-playpause>a:after {
            color: #ffffff
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-playpause {
            width: 55px
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-playpause>a:before {
            background: transparent;
            border: 2px solid rgba(255, 255, 255, 0.2)
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-playpause>a:hover:before {
            background: rgba(255, 255, 255, 0.1);
            border-color: transparent
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .composition-heading {
            padding-left: 0;
            margin-top: 70px
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-bar {
            left: 85px;
            right: 35px;
            background: rgba(255, 255, 255, 0.1)
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-time-wrapper {
            padding-right: 0;
            margin-top: 70px
        }
        
        div.custom-theme.audio-box .pp_fade #pp_full_res .pp_audio_container .audioplayer .audioplayer-volume {
            width: 25px
        }
        
        div.custom-theme.pp_pic_holder {
            position: absolute;
            width: 100px;
            z-index: 10000;
            display: none
        }
        
        div.custom-theme .pp_top,
        div.custom-theme .pp_top .pp_middle,
        div.custom-theme .pp_top .pp_left,
        div.custom-theme .pp_top .pp_right,
        div.custom-theme .pp_bottom,
        div.custom-theme .pp_bottom .pp_left,
        div.custom-theme .pp_bottom .pp_middle,
        div.custom-theme .pp_bottom .pp_right {
            display: none
        }
        
        div.custom-theme .pp_content {
            height: 40px;
            min-width: 40px;
            margin: 0 auto
        }
        
        div.custom-theme .pp_content_container {
            position: relative;
            text-align: left;
            width: 100%
        }
        
        div.custom-theme .pp_content_container .pp_left {
            background: transparent;
            padding-left: 0
        }
        
        div.custom-theme .pp_content_container .pp_right {
            background: transparent;
            padding-right: 0
        }
        
        div.custom-theme .pp_content_container .pp_details {
            margin: 30px 0
        }
        
        div.custom-theme .pp_content_container .pp_details .ppt+.pp_description {
            margin-top: 10px
        }
        
        div.custom-theme .pp_content_container .pp_details .pp_description {
            display: none;
            margin: 0;
            opacity: .4
        }
        
        div.custom-theme a.pp_next,
        div.custom-theme a.pp_previous {
            display: block;
            height: 100%;
            text-indent: 0;
            width: 49%;
            color: transparent;
            background: transparent;
            cursor: pointer
        }
        
        div.custom-theme a.pp_next>i,
        div.custom-theme a.pp_previous>i {
            font-size: 12px;
            position: absolute;
            top: 50%;
            width: 40px;
            height: 40px;
            line-height: 36px;
            text-align: center;
            color: #ffffff;
            border: 2px solid transparent;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -moz-transition: border-color .3s ease;
            -o-transition: border-color .3s ease;
            -webkit-transition: border-color .3s ease;
            transition: border-color .3s ease
        }
        
        div.custom-theme a.pp_next>i:hover,
        div.custom-theme a.pp_previous>i:hover {
            border-color: rgba(255, 255, 255, 0.1)
        }
        
        div.custom-theme a.pp_next>i>span.count,
        div.custom-theme a.pp_previous>i>span.count {
            display: block;
            min-width: 100%;
            position: absolute;
            bottom: 100%;
            text-align: center;
            padding: 0 5px;
            margin-bottom: 10px
        }
        
        div.custom-theme a.pp_next {
            float: right
        }
        
        div.custom-theme a.pp_next>i {
            left: 100%;
            margin-left: 20px
        }
        
        div.custom-theme a.pp_next>i:before {
            position: relative;
            left: 1px
        }
        
        div.custom-theme a.pp_previous {
            float: left
        }
        
        div.custom-theme a.pp_previous>i {
            right: 100%;
            margin-right: 20px
        }
        
        div.custom-theme a.pp_previous>i:before {
            position: relative;
            right: 1px
        }
        
        div.custom-theme a.pp_expand,
        div.custom-theme a.pp_contract {
            font-size: 13px;
            position: absolute;
            cursor: pointer;
            top: 24px;
            left: 100%;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            margin-top: 20px;
            margin-left: 20px;
            overflow: hidden;
            color: #fff;
            background: transparent;
            z-index: 20000;
            opacity: .4;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
            display: none
        }
        
        div.custom-theme a.pp_expand:before,
        div.custom-theme a.pp_contract:before {
            font-family: "Socicon" !important;
            line-height: inherit
        }
        
        div.custom-theme a.pp_expand:hover,
        div.custom-theme a.pp_contract:hover {
            opacity: 1
        }
        
        div.custom-theme .pp_expand:before {
            content: "\ea2e"
        }
        
        div.custom-theme .pp_contract:before {
            content: "\ea32"
        }
        
        div.custom-theme .pp_close {
            overflow: hidden;
            position: absolute;
            left: 100%;
            top: 0;
            display: block;
            font-size: 24px;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            margin-left: 20px;
            color: #fff;
            cursor: pointer;
            opacity: 1;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease
        }
        
        div.custom-theme .pp_close:hover {
            opacity: .4
        }
        
        div.custom-theme .pp_nav {
            position: absolute;
            top: 48px;
            left: 100%;
            height: 24px;
            width: 24px;
            line-height: 24px;
            text-align: center;
            margin-top: 40px;
            margin-left: 20px
        }
        
        div.custom-theme .pp_nav p {
            display: none
        }
        
        div.custom-theme .pp_nav .pp_play,
        div.custom-theme .pp_nav .pp_pause {
            display: block;
            width: 100%;
            height: 100%;
            line-height: inherit;
            background: transparent;
            color: #fff;
            opacity: .4;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease
        }
        
        div.custom-theme .pp_nav .pp_play:hover,
        div.custom-theme .pp_nav .pp_pause:hover {
            opacity: 1
        }
        
        div.custom-theme .pp_nav .pp_play:before {
            content: "\e9c3";
            font-family: "Socicon" !important;
            font-size: 15px;
            display: block;
            line-height: inherit;
            text-align: center
        }
        
        div.custom-theme .pp_nav .pp_pause:before {
            content: "\ea16";
            font-family: "Socicon" !important;
            display: block;
            font-size: 10px;
            line-height: inherit;
            color: #fff
        }
        
        div.custom-theme .pp_nav .currentTextHolder {
            display: none
        }
        
        div.custom-theme .pp_social {
            position: absolute;
            top: 72px;
            left: 100%;
            height: 24px;
            width: 24px;
            line-height: 24px;
            text-align: center;
            margin-top: 60px;
            margin-left: 20px;
            margin-right: 10px;
            z-index: 9999
        }
        
        div.custom-theme .pp_social .blog-share-popup-wrap:hover .share-title>i,
        div.custom-theme .pp_social .blog-share-popup-wrap.active .share-title>i {
            opacity: 1
        }
        
        div.custom-theme .pp_social .blog-share-popup-wrap .share-title {
            height: inherit;
            line-height: inherit;
            padding: 0
        }
        
        div.custom-theme .pp_social .blog-share-popup-wrap .share-title:before {
            display: none
        }
        
        div.custom-theme .pp_social .blog-share-popup-wrap .share-title>i {
            font-size: 20px;
            margin: 0;
            opacity: .4;
            -moz-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease
        }
        
        div.custom-theme .pp_social .blog-share-popup-wrap .share-buttons {
            right: auto;
            left: 100%;
            margin-left: 20px;
            margin-bottom: 5px
        }
        
        div.custom-theme .pp_social .blog-share-popup-wrap .share-buttons>li {
            min-width: 60px;
            padding: 4px 0
        }
        
        div.custom-theme a.pp_arrow_previous,
        div.custom-theme a.pp_arrow_next {
            display: none
        }
        
        div.custom-theme .pp_loaderIcon {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 48px;
            height: 48px;
            margin-top: -24px;
            margin-left: -24px;
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-top-color: #fff;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            z-index: 999999;
            -webkit-animation: dfdfPPAnim .8s linear infinite;
            -moz-animation: dfdfPPAnim .8s linear infinite;
            -o-animation: dfdfPPAnim .8s linear infinite;
            -ms-animation: dfdfPPAnim .8s linear infinite;
            animation: dfdfPPAnim .8s linear infinite
        }
        
        div.custom-theme div.pp_pic_holder {
            display: none;
            position: absolute;
            width: 100px;
            z-index: 10000
        }
        
        div.custom-theme div.pp_pic_holder a:focus {
            outline: none
        }
        
        div.custom-theme .pp_hoverContainer {
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2000
        }
        
        div.custom-theme #pp_full_res {
            line-height: 1 !important;
            -webkit-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            -moz-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            -o-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            -ms-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05)
        }
        
        div.custom-theme #pp_full_res img {
            display: block;
            margin: 0 auto
        }
        
        div.custom-theme #pp_full_res .pp_inline {
            text-align: left
        }
        
        div.custom-theme #pp_full_res .pp_inline p {
            display: none
        }
        
        div.custom-theme .pp_gallery {
            display: block !important;
            width: 100%;
            position: fixed;
            left: 0;
            bottom: 0;
            z-index: 10000;
            opacity: 1 !important;
            -webkit-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            -moz-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            -o-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            -ms-animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05);
            animation: dfdfPPAnimImage 0.3s cubic-bezier(0.25, 0.46, 0, 1.05)
        }
        
        div.custom-theme .pp_gallery div {
            overflow: hidden;
            position: relative;
            margin-left: auto;
            margin-right: auto
        }
        
        div.custom-theme .pp_gallery ul {
            position: relative;
            float: left;
            height: 90px;
            white-space: nowrap;
            margin: 0;
            padding: 0
        }
        
        div.custom-theme .pp_gallery ul li {
            display: block;
            float: left;
            height: 100%;
            margin: 0;
            padding: 0
        }
        
        div.custom-theme .pp_gallery ul li.selected a:before {
            background: rgba(0, 0, 0, 0.4);
            border: none
        }
        
        div.custom-theme .pp_gallery ul li.selected a:hover:before {
            background: rgba(0, 0, 0, 0.4);
            border: none
        }
        
        div.custom-theme .pp_gallery ul li.default a {
            display: none
        }
        
        div.custom-theme .pp_gallery ul a {
            position: relative;
            float: left;
            display: block;
            overflow: hidden;
            height: 90px
        }
        
        div.custom-theme .pp_gallery ul a:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 5px solid transparent;
            z-index: 2;
            -moz-transition: border-color .3s ease;
            -o-transition: border-color .3s ease;
            -webkit-transition: border-color .3s ease;
            transition: border-color .3s ease
        }
        
        div.custom-theme .pp_gallery ul a img {
            display: block;
            border: none
        }
        
        div.custom-theme .pp_gallery ul a:hover:before {
            border-color: #838383
        }
        
        div.pp_overlay {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 9500
        }
        
        .pp_fade,
        .pp_gallery li.default a img {
            display: none
        }
        
        @media only screen and (max-width: 799px) {
            .pp_gallery.mobile-hide {
                display: none !important
            }
        }
        
        @media only screen and (max-width: 799px) {
            .mobile-hide {
                display: none !important;
            }
            .sidr .sidr-inner {
                display:none !important;
            }
            
            #top-section-wrapper #top-section-title .top-section-title-inner {
                width: 100% !important;
            }
            #top-section-wrapper #top-section-title .top-section-title-inner .logo-wrapper {
    display: none !important;
    width: 100%;
}
        }
    @media only screen and (max-width: 1100px) {
.isotope:not(.layout-justified).isotope-columns-3 > article, .isotope:not(.layout-justified).isotope-columns-3 .grid-sizer, .isotope:not(.layout-justified).isotope-columns-4 > article, .isotope:not(.layout-justified).isotope-columns-4 .grid-sizer, .isotope:not(.layout-justified).isotope-columns-5 > article, .isotope:not(.layout-justified).isotope-columns-5 .grid-sizer {

    width: 16.666%;
    float: left;
    position: relative !important;
    top: 0px !important;
    left: 0px !important;

}
}


    #main_mega_menu {
    display: none !important;}


#header-container.header-style-12 #header .header-wrap {
    background-color: 
    #231c9600 !important;
}
#header-container.header-style-12 + #main-wrap {
    padding: 0 150px !important;
    width: 100% !important;
}
#header-container.header-style-12 #header{
    position: fixed;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 131px !important;
    background: rgba(0,0,0,0) !important;
}
.sidr, #header-container.header-style-12 #header .header-wrap {
    background: rgba(0,0,0,0) !important;
}
#top-section-wrapper #top-section-title .top-section-title-inner {
    display: table;
    table-layout: fixed;
    width: 81% ;
    padding: 0;
    margin: 0;
}