@charset

UTF-8;body {
    font-size: 16px;
    font-family: Montserrat,sans-serif;
    margin: 0;
    padding: 0;
    color: #757575
}

p {
    font-family: "Open Sans",sans-serif
}

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

a {
    color: #232323;
    text-decoration: none;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

    a:hover {
        color: #3779bc;
        text-decoration: none
    }

    a:focus, a:hover {
        outline: 0;
        text-decoration: none
    }

    a:active {
        outline: 0;
        text-decoration: none
    }

.clear-float {
    clear: both
}

.wrapper {
    width: 1140px;
    margin: 0 auto;
    position: relative;
    max-width: 98%
}

.boxed:not(.active) {
    background: #fff
}

.main-menu-placeholder.wrapper {
    max-width: 100%
}

.active.boxed {
    width: 1210px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    padding: 0;
    min-height: 100%
}

.left {
    float: left
}

.right {
    float: right
}

.material-icons, i.fa {
    line-height: inherit;
    font-weight: 400;
    vertical-align: bottom;
    font-size: inherit
}

.material-icons {
    font-size: 1.2em
}

button, button:active, input, input:active, select, select:active, textarea, textarea:active {
    outline: 0
}

p {
    margin-bottom: 15px;
    line-height: 150%
}

    p:last-child {
        margin-bottom: 0
    }

@keyframes ot-menu-slidein {
    from {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-moz-keyframes ot-menu-slidein {
    from {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ot-menu-slidein {
    from {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-ms-keyframes ot-menu-slidein {
    from {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-o-keyframes ot-menu-slidein {
    from {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    to {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes ot-menu-slideout {
    from {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

@-moz-keyframes ot-menu-slideout {
    from {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

@-webkit-keyframes ot-menu-slideout {
    from {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

@-ms-keyframes ot-menu-slideout {
    from {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

@-o-keyframes ot-menu-slideout {
    from {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }
}

body.nomorefixd {
    overflow-x: hidden;
    overflow-y: scroll
}

    body.nomorefixd > .boxed {
        display: block;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: auto;
        position: fixed
    }

body > .boxed:before {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 121;
    background-color: rgba(0,0,0,.2);
    content: '';
    opacity: 0
}

body.nomorefixd > .boxed:before {
    display: block;
    -webkit-animation: fadeout .2s forwards;
    -moz-animation: fadeout .2s forwards;
    -ms-animation: fadeout .2s forwards;
    -o-animation: fadeout .2s forwards;
    animation: fadeout .2s forwards
}

body.ot-responsive-menu-show > .boxed:before {
    display: block;
    -webkit-animation: fadein .2s forwards;
    -moz-animation: fadein .2s forwards;
    -ms-animation: fadein .2s forwards;
    -o-animation: fadein .2s forwards;
    animation: fadein .2s forwards
}

body.nomorefixd .ot-responsive-menu-background, body.nomorefixd .ot-responsive-menu-content {
    display: block
}

.ot-responsive-menu-background, .ot-responsive-menu-content, .ot-responsive-menu-content-c-header {
    width: 300px
}

.ot-responsive-menu-content {
    display: none;
    left: 0;
    top: 0;
    position: relative;
    background-color: #fff;
    max-width: 100%;
    z-index: 1;
    -webkit-animation: ot-menu-slideout .2s forwards;
    -moz-animation: ot-menu-slideout .2s forwards;
    -ms-animation: ot-menu-slideout .2s forwards;
    -o-animation: ot-menu-slideout .2s forwards;
    animation: ot-menu-slideout .2s forwards
}

.ot-responsive-menu-background {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0;
    background-color: #fff;
    -webkit-animation: ot-menu-slideout .2s forwards;
    -moz-animation: ot-menu-slideout .2s forwards;
    -ms-animation: ot-menu-slideout .2s forwards;
    -o-animation: ot-menu-slideout .2s forwards;
    animation: ot-menu-slideout .2s forwards
}

body.ot-responsive-menu-show .ot-responsive-menu-content {
    display: block;
    -webkit-animation: ot-menu-slidein .2s forwards;
    -moz-animation: ot-menu-slidein .2s forwards;
    -ms-animation: ot-menu-slidein .2s forwards;
    -o-animation: ot-menu-slidein .2s forwards;
    animation: ot-menu-slidein .2s forwards
}

body.ot-responsive-menu-show .ot-responsive-menu-background {
    display: block;
    -webkit-animation: ot-menu-slidein .2s forwards;
    -moz-animation: ot-menu-slidein .2s forwards;
    -ms-animation: ot-menu-slidein .2s forwards;
    -o-animation: ot-menu-slidein .2s forwards;
    animation: ot-menu-slidein .2s forwards
}

.ot-responsive-menu-content-inner {
    display: block;
    position: relative;
    z-index: 2;
    background-color: inherit;
    padding-top: 50px
}

    .ot-responsive-menu-content-inner form {
        display: block;
        padding: 14px 20px;
        font-size: 16px;
        position: relative
    }

        .ot-responsive-menu-content-inner form input[type=search], .ot-responsive-menu-content-inner form input[type=text] {
            display: block;
            border-radius: 2px;
            border: 1px solid transparent;
            background-color: #f2f2f2;
            width: 100%;
            padding: 9px 36px 9px 12px;
            line-height: 28px;
            font-family: Arial
        }

        .ot-responsive-menu-content-inner form button, .ot-responsive-menu-content-inner form input[type=submit] {
            display: block;
            position: absolute;
            right: 20px;
            top: 14px;
            margin: 0;
            padding: 9px 12px;
            line-height: 28px;
            background-color: transparent;
            color: #232323
        }

.ot-responsive-menu-header {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 120;
    background-color: #fff;
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
    text-align: center;
    vertical-align: middle
}

.ot-responsive-menu-header-logo {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle
}

    .ot-responsive-menu-header-logo img {
        display: inline-block;
        width: 140px;
        height: auto;
        vertical-align: middle
    }

.ot-responsive-menu-header-burger {
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
    height: inherit;
    font-size: 20px;
    padding: 0 12px;
    color: #aaa
}

    .ot-responsive-menu-header-burger:hover {
        background-color: #f0f0f0;
        color: #828282
    }

.ot-responsive-menu-content-c-header {
    display: none;
    box-shadow: 0 1px 0 rgba(0,0,0,.06),0 5px 10px rgba(0,0,0,.05);
    height: 50px;
    position: fixed;
    z-index: 3;
    line-height: 50px;
    background-color: inherit;
    -webkit-animation: ot-menu-slideout .2s forwards;
    -moz-animation: ot-menu-slideout .2s forwards;
    -ms-animation: ot-menu-slideout .2s forwards;
    -o-animation: ot-menu-slideout .2s forwards;
    animation: ot-menu-slideout .2s forwards
}

body.nomorefixd .ot-responsive-menu-content-c-header {
    display: block
}

body.ot-responsive-menu-show .ot-responsive-menu-content-c-header {
    display: block;
    -webkit-animation: ot-menu-slidein .2s forwards;
    -moz-animation: ot-menu-slidein .2s forwards;
    -ms-animation: ot-menu-slidein .2s forwards;
    -o-animation: ot-menu-slidein .2s forwards;
    animation: ot-menu-slidein .2s forwards
}

.ot-responsive-menu-content-inner ul {
    display: block;
    padding: 0;
    margin: 0
}

    .ot-responsive-menu-content-inner ul[data-res-menu-title]:before {
        display: block;
        content: attr(data-res-menu-title);
        padding: 14px 20px;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #f2f2f2
    }

    .ot-responsive-menu-content-inner ul.sub-menu:not(.ot-mega-menu) li, .ot-responsive-menu-content-inner > ul > li {
        position: relative
    }

.ot-responsive-menu-content-inner {
    overflow: hidden
}

    .ot-responsive-menu-content-inner ul li {
        display: block;
        padding: 0;
        margin: 0
    }

    .ot-responsive-menu-content-inner ul.sub-menu:not(.ot-mega-menu) li > a, .ot-responsive-menu-content-inner > ul > li > a {
        display: block;
        padding: 14px 20px;
        font-size: 14px
    }

        .ot-responsive-menu-content-inner ul.sub-menu:not(.ot-mega-menu) li > a:hover, .ot-responsive-menu-content-inner > ul > li > a:hover {
            background-color: #f2f2f2;
            color: #232323
        }

    .ot-responsive-menu-content-inner .lets-do-1 > .item, .ot-responsive-menu-content-inner .lets-do-2 > .item, .ot-responsive-menu-content-inner .lets-do-3 > .item, .ot-responsive-menu-content-inner .lets-do-4 > .item, .ot-responsive-menu-content-inner .lets-do-5 > .item {
        float: none;
        margin-left: 0;
        width: 100%;
        display: block;
        margin-bottom: 40px
    }

        .ot-responsive-menu-content-inner .lets-do-1 > .item:last-child, .ot-responsive-menu-content-inner .lets-do-2 > .item:last-child, .ot-responsive-menu-content-inner .lets-do-3 > .item:last-child, .ot-responsive-menu-content-inner .lets-do-4 > .item:last-child, .ot-responsive-menu-content-inner .lets-do-5 > .item:last-child {
            margin-bottom: 0
        }

    .ot-responsive-menu-content-inner .lets-do-2.ot-theme-list > .item:nth-child(2n+1), .ot-responsive-menu-content-inner .lets-do-3.ot-theme-list > .item:nth-child(3n+1), .ot-responsive-menu-content-inner .lets-do-4.ot-theme-list > .item:nth-child(4n+1), .ot-responsive-menu-content-inner .lets-do-5.ot-theme-list > .item:nth-child(5n+1) {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ot-responsive-menu-content-inner .ot-w-flickr-feed {
        text-align: center
    }

        .ot-responsive-menu-content-inner .ot-w-flickr-feed .item {
            display: inline-block;
            width: 100px;
            margin: 6px 4px !important;
            padding: 0 !important
        }

        .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-2 > .item:nth-child(2n+1), .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-3 > .item:nth-child(2n+1), .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-3 > .item:nth-child(3n+1), .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-4 > .item:nth-child(2n+1), .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-4 > .item:nth-child(4n+1), .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-5 > .item:nth-child(2n+1), .ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-5 > .item:nth-child(5n+1) {
            margin: 6px 4px !important
        }

.header {
    display: block;
    margin-bottom: 40px
}

    .header .header-top {
        display: block;
        position: relative;
        border-bottom: 2px solid #e8eaeb;
        font-size: 13px;
        z-index: 110
    }

        .header .header-top ul {
            display: block;
            padding: 0;
            margin-bottom: 0
        }

            .header .header-top ul:after {
                display: block;
                clear: both;
                content: ''
            }

            .header .header-top ul li {
                display: block;
                float: left;
                padding: 0
            }

                .header .header-top ul li a {
                    display: block;
                    padding: 17px 10px
                }

        .header .header-top > ul > li:first-child > a {
            display: block;
            padding-left: 0
        }

        .header .header-top > ul > li:first-child > ul.sub-menu {
            margin-left: -10px
        }

        .header .header-top ul li a span {
            display: block
        }

            .header .header-top ul li a span:after {
                display: inline-block;
                content: '\e7ff';
                padding-left: 4px;
                font-size: 14px
            }

.header-top-socials {
    display: block;
    float: right
}

    .header-top-socials:after {
        display: block;
        clear: both;
        content: ''
    }

    .header-top-socials > a {
        display: block;
        float: left;
        margin-left: 8px;
        position: relative;
        padding: 8px 0
    }

        .header-top-socials > a i.fa {
            display: block;
            line-height: 36px;
            height: 36px;
            width: 36px;
            text-align: center;
            border: 2px solid #f0f0f0;
            border-radius: 50%;
            transition: background-color .2s,border-color .2s;
            -moz-transition: background-color .2s,border-color .2s;
            -webkit-transition: background-color .2s,border-color .2s;
            -o-transition: background-color .2s,border-color .2s
        }

        .header-top-socials > a:hover {
            color: #fff
        }

            .header-top-socials > a:hover i.fa {
                background-color: #232323;
                border-color: transparent
            }

a.ot-color-hover-facebook:hover {
    color: #3b5998
}

    a.ot-color-hover-facebook:hover i.fa {
        background-color: #3b5998;
        color: #fff
    }

a.ot-color-hover-twitter:hover {
    color: #00aced
}

    a.ot-color-hover-twitter:hover i.fa {
        background-color: #00aced;
        color: #fff
    }

a.ot-color-hover-google-plus:hover {
    color: #dd4b39
}

    a.ot-color-hover-google-plus:hover i.fa {
        background-color: #dd4b39;
        color: #fff
    }

a.ot-color-hover-linkedin:hover {
    color: #007bb6
}

    a.ot-color-hover-linkedin:hover i.fa {
        background-color: #007bb6;
        color: #fff
    }

a.ot-color-hover-pinterest:hover {
    color: #cb2027
}

    a.ot-color-hover-pinterest:hover i.fa {
        background-color: #cb2027;
        color: #fff
    }

a.ot-color-hover-rss:hover {
    color: #f60
}

    a.ot-color-hover-rss:hover i.fa {
        background-color: #f60;
        color: #fff
    }

a.ot-color-hover-youtube:hover {
    color: #e52d27
}

    a.ot-color-hover-youtube:hover i.fa {
        background-color: #e52d27;
        color: #fff
    }

.header-top-socials > a span {
    display: block;
    position: absolute;
    bottom: 8px;
    right: -3px;
    background-color: #757575;
    color: #fff;
    font-size: 8px;
    padding: 2px 5px;
    border-radius: 2px
}

.header .header-content {
    display: table;
    padding: 20px 0;
    height: 130px;
    width: 100%
}

    .header .header-content > div {
        display: table-cell;
        vertical-align: middle
    }

.header .header-content-o {
    width: 728px
}

.paragraph-row {
    display: block;
    clear: both;
    position: relative;
    margin-bottom: 0
}

    .paragraph-row:after {
        display: block;
        clear: both;
        content: ''
    }

    .paragraph-row .column12 {
        width: 100%
    }

    .paragraph-row .column11 {
        width: 91.48936170212765%
    }

    .paragraph-row .column10 {
        width: 82.97872340425532%
    }

    .paragraph-row .column9 {
        width: 74.46808510638297%
    }

    .paragraph-row .column8 {
        width: 65.95744680851064%
    }

    .paragraph-row .column7 {
        width: 57.44680851063829%
    }

    .paragraph-row .column6 {
        width: 48.93617021276595%
    }

    .paragraph-row .column5 {
        width: 40.42553191489362%
    }

    .paragraph-row .column4 {
        width: 31.914893617021278%
    }

    .paragraph-row .column3 {
        width: 23.404255319148934%
    }

    .paragraph-row .column2 {
        width: 14.893617021276595%
    }

    .paragraph-row .column1 {
        width: 6.382978723404255%
    }

    .paragraph-row > div, .paragraph-row > li {
        float: left;
        margin-left: 2.127659574468085%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .paragraph-row > div:first-child, .paragraph-row > li:first-child {
            margin-left: 0
        }

.paragraph-row {
    display: block;
    clear: both;
    position: relative;
    margin-bottom: 0
}

#main-menu {
    display: block;
    background-color: #2f92ee;
    border-radius: 3px;
    font-size: 14px;
    position: relative;
    z-index: 100
}

    #main-menu > ul {
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400
    }

        #main-menu > ul:after {
            display: block;
            clear: both;
            content: ''
        }

        #main-menu > ul > li {
            display: block;
            float: left
        }

            #main-menu ul.sub-menu:not(.ot-mega-menu) li > a, #main-menu > ul > li > a {
                display: block;
                padding: 18px 14px;
                color: #fff
            }

            #main-menu > ul > li:hover > a > span, .header-top > ul > li:hover > a > span {
                box-shadow: 0 -4px 0 0 #fff,0 -5px 3px rgba(0,0,0,.07),0 -10px 30px rgba(0,0,0,.05);
                border-radius: 3px 3px 0 0
            }

            #main-menu > ul > li:hover > a {
                background-color: rgba(255,255,255,.1)
            }

            #main-menu > ul > li:first-child > a {
                padding-left: 18px
            }

                #main-menu > ul > li:first-child > a span {
                    padding-left: 18px;
                    margin-left: -18px
                }

            #main-menu > ul ul.sub-menu:not(.ot-mega-menu) li > a > span, #main-menu > ul > li > a > span {
                display: block;
                padding: 18px 14px;
                margin: -18px -14px
            }

.header-top > ul ul.sub-menu:not(.ot-mega-menu) li > a > span, .header-top > ul > li > a > span {
    display: block;
    padding: 18px 10px;
    margin: -18px -10px
}

.header .header-top ul ul li {
    display: block;
    float: none
}

    .header .header-top ul ul li a {
        display: block
    }

#main-menu > ul ul.sub-menu:not(.ot-mega-menu) li > a > span:after, #main-menu > ul > li > a > span:after, .header-top > ul ul.sub-menu:not(.ot-mega-menu) li > a > span:after, .header-top > ul > li > a > span:after {
    display: inline-block;
    content: '\e7ff';
    padding-left: 8px;
    font-size: 14px;
    opacity: .3
}

#main-menu > ul > li:hover > a > span, .header-top > ul > li:hover > a > span {
    background-color: #fff;
    color: #232323;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

#main-menu ul ul.sub-menu, .header-top > ul ul.sub-menu {
    display: none;
    top: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: 10;
    width: 250px;
    background: #fff;
    font-size: 16px;
    box-shadow: 0 2px 3px rgba(0,0,0,.1),0 20px 40px rgba(0,0,0,.15);
    border-radius: 0 0 3px 3px
}

.header-top > ul ul.sub-menu {
    width: 200px
}

#main-menu ul ul.sub-menu.ot-mega-menu {
    left: 0;
    width: 100%
}

#main-menu ul li:hover > ul.sub-menu, .header-top > ul li:hover > ul.sub-menu {
    display: block;
    -webkit-animation: fadein .2s;
    -moz-animation: fadein .2s;
    -ms-animation: fadein .2s;
    -o-animation: fadein .2s;
    animation: fadein .2s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-ms-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

#main-menu ul ul.sub-menu li, .header-top ul ul.sub-menu li {
    display: block;
    position: relative
}

#main-menu ul ul.sub-menu:not(.ot-mega-menu) li > a, #main-menu ul ul.sub-menu > li > a, .header-top ul ul.sub-menu:not(.ot-mega-menu) li > a, .header-top ul ul.sub-menu > li > a {
    display: block;
    color: #232323 !important;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px
}

    #main-menu ul ul.sub-menu li > a span:after, #main-menu ul ul.sub-menu:not(.ot-mega-menu) li > a > span:after, .header-top ul ul.sub-menu li > a span:after, .header-top ul ul.sub-menu:not(.ot-mega-menu) li > a > span:after {
        float: right;
        content: '\f0da'
    }

#main-menu ul ul.sub-menu > li:hover > a, .header-top ul ul.sub-menu > li:hover > a {
    background-color: rgba(0,0,0,.05)
}

#main-menu ul ul.sub-menu ul, .header-top ul ul.sub-menu ul {
    left: 100%;
    top: 0;
    border-radius: 3px
}

#main-menu ul ul.sub-menu.ot-mega-menu > li {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 30px
}

#main-menu ul ul.sub-menu.ot-mega-menu .widget {
    font-size: 14px;
    display: block;
    padding-top: 0;
    width: 300px;
    max-width: 100%
}

    #main-menu ul ul.sub-menu.ot-mega-menu .widget:first-child {
        padding-top: 0
    }

#main-menu ul ul.sub-menu.ot-mega-menu .widget-split {
    display: block;
    white-space: normal;
    max-width: 300px;
    vertical-align: top
}

    #main-menu ul ul.sub-menu.ot-mega-menu .widget-split:last-child {
        border-right: 0
    }

    #main-menu ul ul.sub-menu.ot-mega-menu .widget-split .widget {
        margin-bottom: 40px
    }

        #main-menu ul ul.sub-menu.ot-mega-menu .widget-split .widget:last-child {
            margin-bottom: 0
        }

#responsive-menu-holder ul.ot-mega-menu {
    padding: 20px;
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    font-size: 14px
}

#main-menu .widget h3, #responsive-menu-holder .widget h3 {
    margin-top: 0;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f2f2f2;
    color: #232323;
    font-size: 18px;
    font-weight: 700;
    display: inline-block
}

#responsive-menu-holder .widget h3 {
    font-size: 16px;
    margin-bottom: 15px
}

.main-menu-placeholder.main-menu-placeholder-wrap {
    position: relative
}

.ot-menu-will-follow #main-menu.is-now-following {
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    width: inherit;
    box-shadow: 0 3px 5px rgba(0,0,0,.1)
}

.admin-bar.ot-menu-will-follow #main-menu.is-now-following {
    top: 32px
}

#main-menu > form {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

    #main-menu > form input[type=text] {
        display: block;
        position: absolute;
        right: 4px;
        top: 4px;
        border: 0;
        border-radius: 2px;
        background-color: #fff;
        color: #232323;
        line-height: 48px;
        font-weight: 400;
        padding: 0;
        width: 40px;
        z-index: 3;
        opacity: 0;
        cursor: pointer;
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        width: 300px;
        opacity: 1;
        cursor: text;
        padding: 0 40px 0 12px;
        z-index: 3
    }

    #main-menu > form button {
        display: block;
        position: absolute;
        right: 4px;
        top: 4px;
        border: 0;
        border-radius: 2px;
        background-color: transparent;
        color: #fff;
        line-height: 48px;
        padding: 0 12px;
        z-index: 2;
        cursor: pointer;
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        z-index: 4;
        color: #ccc
    }

.main-slider {
    display: block;
    margin: 0 0 40px 0
}

.main-slider-owl {
    display: block;
    position: relative
}

    .main-slider-owl .item {
        display: block
    }

        .main-slider-owl .item a {
            display: inline-block;
            position: absolute;
            bottom: 10%;
            left: 5%;
            width: 70%;
            z-index: 10;
            display: block;
            position: absolute;
            font-size: 50px;
            line-height: 120%;
            color: #fff;
            font-weight: 700;
            text-shadow: 0 2px 1px rgba(0,0,0,.4);
            z-index: 10
        }

        .main-slider-owl .item:before {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url(/v1.0.0/img/slider-overlay.png) no-repeat;
            background-position: center;
            background-size: 100% 100%;
            border-radius: 3px;
            overflow: hidden;
            z-index: 1;
            content: ''
        }

.main-slider img {
    border-radius: 3px
}

.main-slider-owl .item .main-slider-owl-title {
    margin-bottom: 46px
}

    .main-slider-owl .item .main-slider-owl-title:hover {
        text-decoration: underline
    }

.main-slider-owl .item .main-slider-owl-calendar {
    font-size: 18px;
    line-height: 100%;
    opacity: .5
}

    .main-slider-owl .item .main-slider-owl-calendar:hover {
        opacity: 1
    }

    .main-slider-owl .item .main-slider-owl-calendar .material-icons, .main-slider-owl .item .main-slider-owl-calendar i.fa {
        display: inline-block;
        margin-right: 15px
    }

.main-slider-smaller .main-slider-owl .item .main-slider-owl-title {
    font-size: 22px;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-slider-smaller .main-slider-owl .item .main-slider-owl-calendar {
    font-size: 14px
}

.main-slider-owl.owl-carousel {
    overflow: visible
}

    .main-slider-owl.owl-carousel .owl-controls .owl-dots {
        padding-top: 0;
        overflow: visible
    }

    .main-slider-owl.owl-carousel .owl-controls .owl-dot, .main-slider-owl.owl-carousel .owl-controls .owl-dot.active, .main-slider-owl.owl-carousel .owl-controls .owl-dot:hover {
        padding-top: 0;
        border-radius: 0;
        box-shadow: none;
        background: 0 0;
        width: 50px;
        height: 24px;
        margin: 0;
        margin-bottom: 20px
    }

    .main-slider-owl.owl-carousel .owl-controls .owl-dot {
        counter-increment: slider
    }

        .main-slider-owl.owl-carousel .owl-controls .owl-dot:before {
            display: block;
            position: absolute;
            left: 50%;
            top: 0;
            height: 100%;
            width: 4px;
            margin-left: -2px;
            background-color: #f0f0f0;
            border-radius: 0;
            box-shadow: none;
            transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -o-transition: all .2s
        }

        .main-slider-owl.owl-carousel .owl-controls .owl-dot.active:before, .main-slider-owl.owl-carousel .owl-controls .owl-dot:hover:before {
            background-color: #757575
        }

        .main-slider-owl.owl-carousel .owl-controls .owl-dot:after {
            display: block;
            position: absolute;
            top: 100%;
            text-align: center;
            width: 100%;
            left: 0;
            content: counter(slider);
            padding-top: 4px;
            font-size: 18px;
            font-weight: 700;
            color: #ccc;
            transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -o-transition: all .2s
        }

        .main-slider-owl.owl-carousel .owl-controls .owl-dot.active:after, .main-slider-owl.owl-carousel .owl-controls .owl-dot:hover:after {
            color: #757575
        }

.content-wrapper {
    display: block;
    position: relative
}

    .content-wrapper:after {
        display: block;
        clear: both;
        content: ''
    }

    .content-wrapper > .composs-main-content {
        display: block;
        width: 100%
    }

        .content-wrapper > .composs-main-content.composs-main-content-s-1 {
            width: 68.42105263157895%;
            margin-left: 5.263157894736842%;
            float: left
        }

            .content-wrapper > .composs-main-content.composs-main-content-s-1:first-child {
                margin-left: 0
            }

    .content-wrapper > #sidebar {
        display: block;
        float: left;
        width: 26.31578947368421%;
        margin-left: 5.263157894736842%
    }

        .content-wrapper > #sidebar:first-child {
            margin-left: 0
        }

        .content-wrapper > #sidebar:before {
            display: block;
            width: 1px;
            height: 100%;
            background-color: rgba(139,148,157,.3);
            right: 26.31578947368421%;
            margin: 0 2.631578947368421%;
            content: '';
            position: absolute
        }

        .content-wrapper > #sidebar:first-child:before {
            left: 26.31578947368421%
        }

        .content-wrapper > #sidebar.isfixedsidebar:before {
            right: auto;
            left: -30px;
            margin: 0
        }

        .content-wrapper > #sidebar.isfixedsidebar:first-child:before {
            left: auto;
            right: -30px
        }

.lets-do-1:after, .lets-do-2:after, .lets-do-3:after, .lets-do-4:after, .lets-do-5:after {
    display: block;
    clear: both;
    content: ''
}

.lets-do-1 > .item, .lets-do-2 > .item, .lets-do-3 > .item, .lets-do-4 > .item, .lets-do-5 > .item {
    display: block;
    float: left;
    margin-left: 3.846153846153846%
}

.lets-do-1 > .item {
    width: 100%;
    margin-left: 0
}

.lets-do-2 > .item {
    width: 48.07692307692308%
}

.lets-do-3 > .item {
    width: 30.76923076923077%
}

.lets-do-4 > .item {
    width: 22.11538461538462%
}

.lets-do-5 > .item {
    width: 16.92307692307692%
}

    .lets-do-2 > .item:nth-child(2n+1), .lets-do-3 > .item:nth-child(3n+1), .lets-do-4 > .item:nth-child(4n+1), .lets-do-5 > .item:nth-child(5n+1) {
        margin-left: 0 !important;
        clear: both
    }

    .lets-do-1 > .item:nth-child(n+2), .lets-do-2 > .item:nth-child(n+3), .lets-do-3 > .item:nth-child(n+4), .lets-do-4 > .item:nth-child(n+5), .lets-do-5 > .item:nth-child(n+6) {
        margin-top: 30px
    }

.item-header img {
    width: 100%
}

.composs-panel {
    display: block;
    margin-bottom: 48px
}

    .composs-panel > .composs-panel-title {
        display: block;
        border-bottom: 2px solid #757575;
        cursor: default;
        margin-bottom: 30px
    }

        .composs-panel > .composs-panel-title a.right {
            font-size: 14px;
            color: #757575;
            line-height: 40px
        }

            .composs-panel > .composs-panel-title a.right:hover {
                color: #232323
            }

        .composs-panel > .composs-panel-title > strong {
            display: inline-block;
            border-radius: 2px 2px 0 0;
            background-color: transparent;
            padding: 10px 20px;
            cursor: default;
            border: 2px solid #f2f2f2;
            border-bottom: 0;
            font-size: 16px
        }

        .composs-panel > .composs-panel-title.composs-panel-title-tabbed > strong {
            cursor: pointer
        }

        .composs-panel > .composs-panel-title > strong:hover {
            border-color: transparent;
            background-color: #f2f2f2
        }

        .composs-panel > .composs-panel-title:not(.composs-panel-title-tabbed) > strong, .composs-panel > .composs-panel-title > strong.active {
            color: #fff !important;
            border-color: transparent;
            background-color: #757575
        }

.composs-panel-inner > .composs-panel-tab {
    display: none
}

    .composs-panel-inner > .composs-panel-tab.active {
        display: block
    }

.composs-article-split-block {
    display: block
}

    .composs-article-split-block:after {
        display: block;
        clear: both;
        content: ''
    }

    .composs-article-split-block .item-large, .composs-article-split-block .item-small {
        width: 48.1%;
        margin-left: 3.8%;
        float: left
    }

        .composs-article-split-block .item-large:first-child, .composs-article-split-block .item-small:first-child {
            margin-left: 0
        }

        .composs-article-split-block .item-large .item-header {
            display: block;
            margin-bottom: 20px;
            overflow: hidden;
            position: relative;
            border-radius: 3px
        }

        .composs-article-split-block .item-large .item-content h2 {
            display: block;
            margin-bottom: 12px;
            font-weight: 700;
            font-size: 18px;
            margin-top: 0
        }

            .composs-article-split-block .item-large .item-content h2 a {
                line-height: 140%;
                display: inline-block
            }

    .composs-article-split-block .item-meta {
        display: block;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 100%
    }

        .composs-article-split-block .item-meta .item-meta-item {
            display: inline-block;
            margin-right: 18px;
            color: #757575;
            margin-bottom: 6px
        }

            .composs-article-split-block .item-meta .item-meta-item .material-icons, .composs-article-split-block .item-meta .item-meta-item i.fa {
                padding-right: 8px
            }

        .composs-article-split-block .item-meta a.item-meta-item:hover {
            color: #3779bc
        }

    .composs-article-split-block .item-small .item-meta .item-meta-item {
        margin-bottom: 0
    }

    .composs-article-split-block .item-large .item-content p, .composs-article-split-block .item-small .item-content p {
        line-height: 170%;
        display: block;
        font-size: 13px
    }

.img-read-later-button {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 12px;
    font-weight: 700;
    background-color: #757575;
    color: #fff;
    padding: 12px 19px;
    line-height: 100%;
    border-radius: 2px;
    opacity: 0;
    z-index: 2
}

    .img-read-later-button:hover {
        color: #232323;
        background-color: #fff
    }

.item-article:hover > .item-header > .img-read-later-button, .item:hover > .item-header > .img-read-later-button {
    opacity: 1
}

.img-read-later-button.rm-btn-small {
    left: 3px;
    text-align: center;
    padding: 9px 5px;
    font-size: 11px
}

.composs-article-split-block .item {
    display: block;
    margin-bottom: 25px
}

    .composs-article-split-block .item:last-child {
        margin-bottom: 0
    }

.composs-article-split-block .item-small .item:after {
    display: block;
    clear: both;
    content: ''
}

.composs-article-split-block .item-small .item .item-header {
    float: left;
    overflow: hidden;
    border-radius: 3px;
    position: relative
}

.composs-article-split-block .item-small .item .item-content {
    margin-left: 110px
}

    .composs-article-split-block .item-small .item .item-content h2 {
        margin-top: 0;
        font-size: 14px;
        margin-bottom: 8px;
        font-weight: 700
    }

        .composs-article-split-block .item-small .item .item-content h2 a {
            line-height: 140%;
            display: inline-block
        }

.composs-article-split-block .item-small .item-meta:last-child {
    margin-bottom: 0
}

.composs-article-list .item-header {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 15px
}

    .composs-article-list .item-header img {
        overflow: hidden;
        border-radius: 3px
    }

.composs-article-list .item-meta:last-child {
    margin-bottom: 0
}

.composs-article-list .item-content h2 {
    display: block;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 15px;
    margin-top: 0
}

    .composs-article-list .item-content h2 a {
        line-height: 140%;
        display: inline-block
    }

.composs-article-list .item-meta {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 100%
}

    .composs-article-list .item-meta .item-meta-item {
        display: inline-block;
        margin-right: 18px;
        color: #757575
    }

        .composs-article-list .item-meta .item-meta-item .material-icons, .composs-article-list .item-meta .item-meta-item i.fa {
            padding-right: 8px
        }

    .composs-article-list .item-meta a.item-meta-item:hover {
        color: #3779bc
    }

.composs-article-list .item-content p {
    line-height: 170%;
    display: block;
    font-size: 13px
}

.composs-article-list .item-stars {
    margin-bottom: 12px
}

    .composs-article-list .item-stars:last-child {
        margin-bottom: 0
    }

.item-stars {
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    margin-right: 5px;
    margin-bottom: 4px;
    font-size: 17px
}

    .item-stars:before {
        display: block;
        content: '\f005\f005\f005\f005\f005';
        color: #e4e5e6
    }

    .item-stars .stars-inner {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        z-index: 2
    }

        .item-stars .stars-inner:before {
            display: block;
            content: '\f005\f005\f005\f005\f005';
            color: #757575
        }

.lets-do-slider .owl-item .item {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    float: none
}

.owl-carousel .owl-controls .owl-dots {
    display: block;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 5px
}

.owl-carousel .owl-controls .owl-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #757575;
    position: relative;
    margin: 0 4px
}

    .owl-carousel .owl-controls .owl-dot:before {
        display: block;
        position: absolute;
        left: 5px;
        top: 5px;
        width: 6px;
        height: 6px;
        background-color: transparent;
        border-radius: 50%;
        content: ''
    }

    .owl-carousel .owl-controls .owl-dot:hover:before {
        background-color: #757575
    }

    .owl-carousel .owl-controls .owl-dot.active {
        background-color: #757575
    }

.composs-blog-list .item-header {
    display: block;
    float: left;
    width: 32.05128205128205%;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    height: 175px
}

.composs-blog-list .item-content {
    display: block;
    margin-left: 35.8974358974359%
}

    .composs-blog-list .item-content h2 {
        display: block;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 17px;
        margin-top: 0
    }

        .composs-blog-list .item-content h2 a {
            line-height: 140%;
            display: inline-block
        }

.composs-blog-list .item-meta {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 100%
}

    .composs-blog-list .item-meta .item-meta-item {
        display: inline-block;
        margin-right: 18px;
        color: #757575;
        margin-bottom: 6px
    }

        .composs-blog-list .item-meta .item-meta-item .material-icons, .composs-blog-list .item-meta .item-meta-item i.fa {
            padding-right: 8px
        }

    .composs-blog-list .item-meta a.item-meta-item:hover {
        color: #3779bc
    }

.composs-blog-list .item-content p {
    line-height: 170%;
    display: block;
    font-size: 14px;
    margin-bottom: 0
}

.composs-blog-list .item-content .content-detail {
    line-height: 170%;
    display: block;
    font-size: 14px;
    margin-bottom: 0
}

.composs-blog-list.lets-do-3 .item-header, .composs-blog-list.lets-do-4 .item-header, .composs-blog-list.lets-do-5 .item-header {
    float: none;
    margin-bottom: 18px;
    width: 100%
}

.composs-blog-list.lets-do-3 .item-content, .composs-blog-list.lets-do-4 .item-content, .composs-blog-list.lets-do-5 .item-content {
    float: none;
    margin-left: 0;
    width: 100%
}

.composs-blog-list.lets-do-1 .item-content h2 {
    font-size: 21px
}

.composs-blog-list.lets-do-1 > .item:nth-child(n+2), .composs-blog-list.lets-do-2 > .item:nth-child(n+3), .composs-blog-list.lets-do-3 > .item:nth-child(n+4), .composs-blog-list.lets-do-4 > .item:nth-child(n+5), .composs-blog-list.lets-do-5 > .item:nth-child(n+6) {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(139,148,157,.3)
}

.main-slider {
    display: block;
    overflow: hidden
}

    .main-slider .owl-carousel:hover .owl-nav {
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .main-slider .owl-carousel .owl-nav {
        opacity: 0;
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

.main-slider-owl.owl-carousel .owl-stage-outer {
    overflow: visible
}

.main-slider-owl .owl-item:not(.active) .item:before {
    background: rgba(255,255,255,.8) !important;
    z-index: 20 !important
}

.main-slider .owl-nav {
    display: block
}

.main-slider .owl-grab .owl-nav {
    opacity: .1
}

.main-slider .owl-nav .owl-prev {
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    font-size: 0;
    border-color: transparent;
    background-color: #232323;
    color: #fff;
    margin-right: -30px;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

    .main-slider .owl-nav .owl-next:before, .main-slider .owl-nav .owl-prev:before {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        line-height: inherit;
        font-size: 20px;
        content: "\e688"
    }

.main-slider .owl-nav .owl-next {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -27px;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    font-size: 0;
    border-color: transparent;
    background-color: #232323;
    color: #fff;
    margin-left: -30px;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

    .main-slider .owl-nav .owl-next:before {
        content: "\e689"
    }

    .main-slider .owl-nav .owl-next:hover, .main-slider .owl-nav .owl-prev:hover {
        background-color: #fff;
        color: #232323
    }

.ot-follow-share {
    display: block;
    position: fixed;
    top: 30%;
    left: 20px;
    z-index: 110
}

    .ot-follow-share a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 37px;
        text-align: center;
        background: #232323;
        color: #fff;
        border-radius: 50%;
        margin-bottom: 10px;
        border: 2px solid transparent;
        font-size: 15px;
        position: relative
    }

        .ot-follow-share a:before {
            position: absolute;
            line-height: inherit;
            left: 0;
            padding-left: 0;
            font-size: 0;
            color: #232323;
            content: attr(data-h-title);
            white-space: nowrap;
            z-index: -1;
            opacity: 0;
            transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -o-transition: all .2s
        }

        .ot-follow-share a:hover:before {
            left: 100%;
            padding-left: 20px;
            font-size: 12px;
            opacity: 1
        }

        .ot-follow-share a:hover {
            background-color: transparent !important
        }

        .ot-follow-share a.ot-color-facebook {
            background-color: #3b5998
        }

            .ot-follow-share a.ot-color-facebook:hover {
                border-color: #3b5998;
                color: #3b5998
            }

        .ot-follow-share a.ot-color-twitter {
            background-color: #00aced
        }

            .ot-follow-share a.ot-color-twitter:hover {
                border-color: #00aced;
                color: #00aced
            }

        .ot-follow-share a.ot-color-google-plus {
            background-color: #dd4b39
        }

            .ot-follow-share a.ot-color-google-plus:hover {
                border-color: #dd4b39;
                color: #dd4b39
            }

        .ot-follow-share a.ot-color-rss {
            background-color: #f60
        }

            .ot-follow-share a.ot-color-rss:hover {
                border-color: #f60;
                color: #f60
            }

.composs-panel-pager {
    display: block;
    padding-top: 30px;
    margin-top: 30px;
    text-align: center;
    cursor: default
}

    .composs-panel-pager:after {
        display: block;
        clear: both;
        content: ''
    }

    .composs-panel-pager .page-numbers {
        display: inline-block;
        padding: 10px 16px;
        font-size: 14px;
        font-weight: 500;
        background-color: #f4f4f4;
        letter-spacing: -.4px;
        color: #757575;
        border-radius: 3px;
        margin-top: 4px
    }

    .composs-panel-pager a.page-numbers:hover {
        background-color: #ebebeb
    }

    .composs-panel-pager span.page-numbers {
        background-color: #757575;
        color: #fff
    }

    .composs-panel-pager .composs-pager-button.left i.fa, .composs-panel-pager .page-numbers.prev, .composs-panel-pager .page-numbers.prev i.fa {
        margin-right: 8px
    }

    .composs-panel-pager .composs-pager-button.right i.fa, .composs-panel-pager .page-numbers.next, .composs-panel-pager .page-numbers.next i.fa {
        margin-left: 8px
    }

    .composs-panel-pager .composs-pager-button {
        display: inline-block;
        padding: 11px 24px;
        font-size: 15px;
        font-weight: 700;
        background-color: #f4f4f4;
        letter-spacing: -.4px;
        color: #757575;
        border-radius: 3px
    }

    .composs-panel-pager a.composs-pager-button.active, .composs-panel-pager a.composs-pager-button:hover {
        background-color: #757575;
        color: #fff
    }

        .composs-panel-pager a.composs-pager-button.active:hover {
            background-color: #232323
        }

    .composs-panel-pager p {
        padding: 11px 0
    }

.big-error-message {
    display: block;
    text-align: center;
    padding: 50px 0
}

    .big-error-message h3 {
        display: block;
        padding-top: 50px;
        font-size: 70px;
        font-weight: 900;
        margin-bottom: 0
    }

    .big-error-message strong {
        display: block;
        font-size: 30px;
        font-weight: 900;
        letter-spacing: -.4px;
        margin-bottom: 30px
    }

    .big-error-message p {
        display: block;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px
    }

        .big-error-message p a {
            font-weight: 700
        }

.composs-archive-list .item {
    position: relative
}

.composs-archive-list h3.item-title > a.right {
    position: absolute;
    right: 0;
    float: none;
    cursor: pointer;
    font-size: 13px
}

    .composs-archive-list h3.item-title > a.right:hover {
        color: #232323 !important
    }

.composs-archive-list .item-article {
    position: relative
}

.footer-button {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #f0f0f0;
    color: #757575;
    padding: 12px 10px !important;
    position: relative;
    z-index: 2
}

    .footer-button.item {
        margin-top: -22px
    }

    .footer-button:hover {
        color: #fff;
        background-color: #757575
    }

.composs-main-article-content {
    display: block
}

h1, h2, h3, h4, h5, h6 {
    color: #232323
}

.composs-main-article-content h1, .composs-main-article-content h2, .composs-main-article-content h3, .composs-main-article-content h4, .composs-main-article-content h5, .composs-main-article-content h6 {
    display: block;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 130%
}

h6 {
    font-size: 20px
}

h5 {
    font-size: 22px
}

h4 {
    font-size: 24px
}

h3 {
    font-size: 26px
}

h2 {
    font-size: 28px
}

h1 {
    font-size: 30px
}

.composs-main-article-content p {
    font-size: 17px;
    color: #4e565d;
    line-height: 150%;
    margin-bottom: 25px
}

    .composs-main-article-content p:last-child {
        margin-bottom: 0
    }

body .wp-caption {
    margin-bottom: 30px
}

    body .wp-caption:last-child {
        margin-bottom: 0
    }

.composs-main-article-head {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #f0f1f2
}

    .composs-main-article-head > p {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 700;
        position: relative;
        padding-left: 50px
    }

        .composs-main-article-head > p:before {
            display: block;
            content: '"';
            left: 0;
            top: 0;
            position: absolute;
            font-size: 60px;
            line-height: 80%
        }

    .composs-main-article-head .composs-main-article-media {
        display: block;
        margin-bottom: 5px;
        border-radius: 3px;
        overflow: hidden
    }

    .composs-main-article-head .composs-main-article-meta {
        display: block;
        padding: 15px 18px;
        border-radius: 3px;
        background-color: #f0f1f2;
        font-size: 15px
    }

        .composs-main-article-head .composs-main-article-meta:last-child {
            margin-bottom: -32px
        }

        .composs-main-article-head .composs-main-article-meta .item {
            display: inline-block;
            margin-right: 18px;
            color: #232323;
            line-height: 100%
        }

            .composs-main-article-head .composs-main-article-meta .item .material-icons, .composs-main-article-head .composs-main-article-meta .item i.fa {
                display: inline-block;
                margin-right: 10px
            }

            .composs-main-article-head .composs-main-article-meta .item a {
                display: inline-block;
                margin-right: 6px;
                color: #232323
            }

                .composs-main-article-head .composs-main-article-meta .item a:after {
                    display: inline-block;
                    content: ',';
                    color: #aaa;
                    padding-left: 2px
                }

                .composs-main-article-head .composs-main-article-meta .item a:last-child:after {
                    display: none
                }

                .composs-main-article-head .composs-main-article-meta .item a:hover, .composs-main-article-head .composs-main-article-meta a.item:hover {
                    color: #3779bc
                }

.composs-review-block {
    display: block;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 30px 20px;
    border: 2px solid #f2f2f2;
    border-radius: 2px;
    position: relative
}

    .composs-review-block:after {
        display: block;
        clear: both;
        content: ''
    }

    .composs-review-block > div {
        display: block;
        float: left;
        width: 33%
    }

    .composs-review-block .composs-review-block-score {
        width: 20%;
        text-align: center;
        font-size: 50px;
        font-weight: 700
    }

    .composs-review-block .composs-review-block-bad, .composs-review-block .composs-review-block-good {
        width: 40%;
        padding-left: 60px
    }

        .composs-review-block .composs-review-block-bad:before, .composs-review-block .composs-review-block-good:before {
            display: block;
            position: absolute;
            content: '';
            width: 2px;
            background-color: #f2f2f2;
            top: 30px;
            bottom: 30px;
            margin-left: -40px
        }

    .composs-review-block > div > strong {
        display: block;
        margin-bottom: 12px;
        font-size: 26px;
        color: #88c442;
        line-height: 100%
    }

    .composs-review-block .composs-review-block-bad > strong {
        color: #c45742
    }

    .composs-review-block > div > ul {
        display: block;
        margin: 0;
        padding: 0
    }

        .composs-review-block > div > ul li {
            display: block;
            margin: 0;
            padding: 6px 0 0 18px;
            position: relative;
            font-size: 14px
        }

            .composs-review-block > div > ul li:before {
                display: block;
                position: absolute;
                left: 0;
                content: '+'
            }

    .composs-review-block .composs-review-block-bad > ul li:before {
        content: '-'
    }

.composs-tag-list {
    display: block;
    cursor: default
}

    .composs-tag-list a {
        display: inline-block;
        line-height: 100%;
        background-color: #f2f2f2;
        border-radius: 2px;
        padding: 13px 19px;
        font-size: 14px;
        margin: 0 4px 9px 0;
        font-weight: 400
    }

        .composs-tag-list a:hover {
            color: #232323;
            background-color: #e2e2e2
        }

.composs-author-block {
    display: block;
    margin: 30px 0;
    padding: 30px 0;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2
}

    .composs-author-block:after {
        display: block;
        content: '';
        clear: both
    }

    .composs-author-block .item-header {
        display: block;
        float: left;
        width: 80px;
        height: 80px;
        overflow: hidden;
        border-radius: 50%
    }

    .composs-author-block .item-content {
        display: block;
        margin-left: 115px
    }

        .composs-author-block .item-content > strong {
            display: block;
            margin-bottom: 14px;
            color: #232323;
            font-size: 20px;
            line-height: 100%
        }

        .composs-author-block .item-content > p {
            display: block;
            margin-bottom: 15px;
            font-size: 14px
        }

.composs-button {
    display: inline-block;
    line-height: 120%;
    color: #aaa;
    padding: 10px 14px;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 14px;
    border: 1px solid #aaa;
    cursor: pointer
}

    .composs-button:hover {
        color: #232323;
        border-color: transparent !important;
        background-color: #f2f2f2
    }

    .composs-button.composs-button-green {
        color: #5cb71a;
        border-color: #5cb71a
    }

        .composs-button.composs-button-green:hover {
            color: #fff;
            background-color: #5cb71a
        }

    .composs-button.composs-button-orange {
        color: #f08722;
        border-color: #f08722
    }

        .composs-button.composs-button-orange:hover {
            color: #fff;
            background-color: #f08722
        }

    .composs-button .material-icons, .composs-button i.fa {
        padding-right: 8px
    }

.ot-shortcode-tabs:not(.style-2) {
    padding: 32px
}

.shortcode-content ol, .shortcode-content ul {
    margin-bottom: 25px
}

    .shortcode-content ol li, .shortcode-content ul li {
        margin-top: 15px
    }

    .shortcode-content ul .fa-li.fa {
        margin-top: -4px
    }

.pos-photo-gallery {
    margin-bottom: 30px !important
}

.composs-panel-buttons {
    display: block;
    margin-bottom: 2px;
    padding-bottom: 30px;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 30px;
    cursor: default
}

    .composs-panel-buttons a {
        border: 0;
        box-shadow: inset 0 0 0 100px #f4f4f4;
        background-color: #757575;
        color: #757575;
        border-radius: 2px;
        border: 2px solid #f4f4f4
    }

        .composs-panel-buttons a.active, .composs-panel-buttons a:hover {
            color: #fff;
            background-color: #757575;
            box-shadow: inset 0 0 0 100px transparent;
            border-color: transparent
        }

.content-photo-wide {
    display: block;
    background-color: #232323;
    color: #fff;
    margin-bottom: 30px
}

.content-photo-thumbs {
    display: block;
    background-color: #34383b
}

.photo-gallery-full-controls button.control-right {
    right: auto;
    left: 100%
}

.photo-gallery-full-controls button {
    display: block;
    position: absolute;
    z-index: 2;
    left: auto;
    right: 100%;
    top: 50%;
    height: 60px;
    line-height: 60px;
    border: 0;
    background: rgba(255,255,255,.1);
    width: 60px;
    text-align: center;
    padding: 0 !important;
    box-shadow: none !important;
    color: #fff;
    border-radius: 0;
    font-size: 30px;
    border-radius: 50%;
    margin-top: -30px;
    opacity: 0;
    line-height: 100%;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

    .photo-gallery-full-controls button:hover {
        background: rgba(255,255,255,.3)
    }

.content-photo-wide:hover .photo-gallery-full-controls button {
    opacity: 1;
    padding: 0 36px;
    margin-left: 20px;
    margin-right: 20px
}

.content-photo-wide > .wrapper, .content-photo-wide > .wrapper2 {
    min-height: 400px;
    line-height: 400px;
    text-align: center;
    background-color: rgba(0,0,0,.04);
    position: relative
}

.lightbox .main-block {
    padding-bottom: 30px
}

.content-photo-thumbs {
    display: block;
    text-align: left;
    overflow: hidden;
    position: relative;
    background-color: #37383a
}

.photo-gallery-nav-left, .photo-gallery-nav-right {
    line-height: 65px;
    height: 65px
}

    .photo-gallery-nav-left, .photo-gallery-nav-left:active, .photo-gallery-nav-left:focus {
        display: block;
        position: absolute;
        left: 0;
        top: 16px;
        background-color: #337fb9;
        padding: 0;
        box-shadow: none;
        border: 0;
        color: #fff;
        width: 40px;
        bottom: 0;
        border-radius: 2px
    }

    .photo-gallery-nav-right, .photo-gallery-nav-right:active, .photo-gallery-nav-right:focus {
        display: block;
        position: absolute;
        right: 0;
        top: 16px;
        background-color: #337fb9;
        padding: 0;
        box-shadow: none;
        border: 0;
        color: #fff;
        width: 40px;
        bottom: 0;
        border-radius: 2px
    }

.photo-gallery-thumbs-inner {
    display: block;
    position: relative;
    padding: 16px 0;
    margin: 0 58px;
    white-space: nowrap;
    font-size: 0;
    overflow: hidden
}

    .photo-gallery-thumbs-inner:after {
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 100%;
        width: 100px;
        height: 100%;
        box-shadow: 5px 0 60px 40px #37383a;
        content: ''
    }

    .photo-gallery-thumbs-inner:before {
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 100%;
        width: 100px;
        height: 100%;
        box-shadow: -5px 0 60px 40px transparent;
        content: ''
    }

    .photo-gallery-thumbs-inner:after, .photo-gallery-thumbs-inner:before {
        transition: all .4s;
        -moz-transition: all .4s;
        -webkit-transition: all .4s;
        -o-transition: all .4s
    }

    .photo-gallery-thumbs-inner.not-first:before {
        box-shadow: -5px 0 60px 40px #37383a
    }

    .photo-gallery-thumbs-inner.is-last:after {
        box-shadow: -5px 0 60px 40px transparent
    }

    .photo-gallery-thumbs-inner .item:first-child {
        margin-left: 0
    }

    .photo-gallery-thumbs-inner .item {
        margin-right: 11px;
        display: inline-block;
        margin-left: -3px;
        opacity: .4;
        width: 80px;
        vertical-align: middle;
        border-radius: 2px;
        overflow: hidden;
        position: relative
    }

        .photo-gallery-thumbs-inner .item img {
            border-radius: 2px;
            overflow: hidden
        }

        .photo-gallery-thumbs-inner .item:hover {
            opacity: 1
        }

        .photo-gallery-thumbs-inner .item.active {
            opacity: 1
        }

        .photo-gallery-thumbs-inner .item:before {
            display: block;
            position: absolute;
            box-shadow: inset 0 0 0 2px transparent,inset 0 0 0 4px transparent;
            z-index: 2;
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%
        }

        .photo-gallery-thumbs-inner .item.active:before {
            box-shadow: inset 0 0 0 2px #337fb9,inset 0 0 0 4px #37383a
        }

.composs-secondary-title {
    display: block;
    padding-bottom: 30px;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 30px
}

    .composs-secondary-title a.right {
        margin-right: 0
    }

    .composs-secondary-title > strong {
        display: block;
        line-height: 40px;
        font-size: 20px
    }

        .composs-secondary-title > strong .material-icons, .composs-secondary-title > strong i.fa {
            padding-right: 14px
        }

.composs-comments .comment-list {
    display: block;
    position: relative
}

    .composs-comments .comment-list ol, .composs-comments .comment-list ul {
        display: block;
        margin: 0;
        padding: 0
    }

    .composs-comments .comment-list li {
        display: block
    }

        .composs-comments .comment-list li li .comment-block {
            padding-left: 50px
        }

    .composs-comments .comment-list .comment-block {
        display: block;
        margin-bottom: 30px;
        border-bottom: 2px solid #f2f2f2;
        padding-bottom: 30px
    }

    .composs-comments .comment-list .image-avatar {
        display: block;
        float: left;
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 50%
    }

    .composs-comments .comment-list .comment-text {
        display: block;
        margin-left: 70px
    }

        .composs-comments .comment-list .comment-text .time-stamp {
            display: block;
            font-size: 13px;
            color: #c5c5c5
        }

        .composs-comments .comment-list .comment-text .user-nick {
            display: block;
            font-size: 18px;
            margin-bottom: 15px;
            line-height: 100%
        }

            .composs-comments .comment-list .comment-text .user-nick .user-label {
                display: inline-block;
                margin-left: 10px;
                font-size: 10px;
                background-color: #757575;
                color: #fff;
                vertical-align: top;
                padding: 0 6px;
                border-radius: 2px;
                line-height: 20px;
                margin-top: -1px
            }

        .composs-comments .comment-list .comment-text p {
            display: block;
            font-size: 14px;
            margin-bottom: 15px
        }

        .composs-comments .comment-list .comment-text .read-more-button {
            font-size: 12px;
            padding: 9px 13px
        }

.comment-form {
    width: 500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.comment-info {
    display: block;
    margin-bottom: 20px;
    font-size: 13px
}

    .comment-info strong {
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 900
    }

button, input[type=submit] {
    border: 0;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    padding: 0 23px;
    border-radius: 2px;
    background-color: #757575;
    box-shadow: inset 0 0 0 100px transparent;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

    button:hover, input[type=submit]:hover {
        box-shadow: inset 0 0 0 100px rgba(255,255,255,.1)
    }

    button:active, input[type=submit]:active {
        box-shadow: inset 0 0 0 100px rgba(0,0,0,.1)
    }

.contact-form-content {
    display: block
}

    .contact-form-content p {
        display: block;
        margin-bottom: 12px
    }

    .contact-form-content label {
        display: block
    }

        .contact-form-content label span {
            display: block;
            padding-bottom: 4px;
            font-size: 13px;
            color: #757575
        }

            .contact-form-content label span .required {
                display: inline-block;
                padding-left: 6px;
                color: #f15a36;
                font-size: 20px;
                line-height: 100%;
                vertical-align: bottom;
                font-style: normal
            }

        .contact-form-content label input, .contact-form-content label textarea {
            display: block;
            border: 2px solid #f0f1f2;
            border-radius: 2px;
            width: 100%;
            padding: 10px 15px;
            font-size: 14px;
            font-weight: 400
        }

        .contact-form-content label textarea {
            resize: vertical;
            height: 130px
        }

            .contact-form-content label input:focus, .contact-form-content label textarea:focus {
                border-color: #757575
            }

.form-submit {
    margin-top: 24px;
    text-align: center
}

.comments-big-message {
    display: block;
    padding: 30px 0 60px 0;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-bottom: 30px
}

    .comments-big-message:before {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        content: '';
        border-bottom: 2px solid #f2f2f2
    }

    .comments-big-message .material-icons, .comments-big-message i.fa {
        display: block;
        float: left;
        font-size: 60px;
        line-height: 100%
    }

    .comments-big-message strong {
        display: block;
        margin-left: 90px;
        font-size: 24px;
        margin-bottom: 4px
    }

    .comments-big-message p {
        display: block;
        margin-bottom: 0;
        font-size: 14px;
        margin-left: 90px;
        opacity: .5
    }

.map-block {
    display: block
}

    .map-block .map-block-header {
        display: block;
        padding: 30px;
        background-color: #f0f0f0;
        font-size: 14px
    }

        .map-block .map-block-header h3 {
            margin-top: 0;
            margin-bottom: 20px;
            display: block
        }

        .map-block .map-block-header .large-icon {
            display: block;
            text-align: center;
            font-size: 100px;
            line-height: 100%
        }

        .map-block .map-block-header ul {
            display: block;
            font-size: 14px;
            padding: 0;
            margin: 0;
            color: #232323
        }

            .map-block .map-block-header ul li {
                display: block;
                font-size: 14px;
                padding: 0;
                margin: 0;
                line-height: 18px;
                vertical-align: middle;
                margin-top: 14px;
                font-weight: 700;
                padding-left: 30px;
                position: relative
            }

                .map-block .map-block-header ul li:first-child {
                    margin-top: 0
                }

                .map-block .map-block-header ul li .material-icons {
                    display: inline-block;
                    position: absolute;
                    left: 0
                }

.map-block-content {
    display: block
}

.comment-form .alert-message {
    border-radius: 2px;
    overflow: hidden
}

    .comment-form .alert-message, .comment-form .alert-message p, .comment-form .alert-message strong {
        color: #fff !important
    }

        .comment-form .alert-message p {
            position: relative;
            z-index: 2
        }

        .comment-form .alert-message:before {
            opacity: 1
        }

.composs-photo-gallery-list {
    display: block
}

    .composs-photo-gallery-list .item {
        position: relative
    }

    .composs-photo-gallery-list .item-header {
        display: block;
        position: relative;
        z-index: 1
    }

        .composs-photo-gallery-list .item-header a {
            display: block;
            overflow: hidden;
            border-radius: 3px;
            position: relative;
            z-index: 1
        }

            .composs-photo-gallery-list .item-header a:before {
                display: block;
                content: '';
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                box-shadow: inset 0 -300px 200px -200px #232323;
                position: absolute;
                opacity: .8;
                border-radius: inherit;
                overflow: hidden;
                z-index: 2;
                transition: all .2s;
                -moz-transition: all .2s;
                -webkit-transition: all .2s;
                -o-transition: all .2s
            }

        .composs-photo-gallery-list .item-header img {
            width: 100%;
            position: relative;
            z-index: 0
        }

    .composs-photo-gallery-list .item-content {
        display: block;
        position: absolute;
        z-index: 2;
        bottom: 25px;
        left: 25px;
        right: 25px
    }

        .composs-photo-gallery-list .item-content > a {
            display: block;
            color: #fff;
            text-shadow: 0 2px 0 rgba(0,0,0,.4)
        }

        .composs-photo-gallery-list .item-content .item-categories {
            position: absolute;
            display: block;
            bottom: 100%;
            margin-bottom: 10px;
            cursor: default
        }

            .composs-photo-gallery-list .item-content .item-categories a {
                display: inline-block;
                font-size: 12px;
                padding: 3px 10px;
                border-radius: 2px;
                color: #fff;
                box-shadow: 0 2px 0 rgba(0,0,0,.2);
                margin-right: 2px
            }

                .composs-photo-gallery-list .item-content .item-categories a:hover {
                    background-color: #fff !important;
                    color: #232323 !important;
                    box-shadow: none
                }

        .composs-photo-gallery-list .item-content > a strong {
            display: block
        }

    .composs-photo-gallery-list .item:hover .item-content > a strong {
        text-decoration: underline
    }

    .composs-photo-gallery-list .item-content > a .item-meta {
        display: block;
        opacity: .5;
        line-height: 100%;
        padding-top: 9px;
        font-size: 13px;
        font-weight: 400
    }

        .composs-photo-gallery-list .item-content > a .item-meta .material-icons {
            padding-right: 6px
        }

.composs-photo-gallery-description {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    padding: 5px 0 30px 0;
    max-width: 100%
}

    .composs-photo-gallery-description h2 {
        margin-bottom: 25px
    }

.widget-instagram-photos {
    display: block
}

    .widget-instagram-photos:after {
        display: block;
        clear: both;
        content: ''
    }

    .widget-instagram-photos .item {
        display: block;
        width: 47%;
        float: left;
        margin-bottom: 20px;
        margin-left: 6%
    }

        .widget-instagram-photos .item:nth-child(2n+1) {
            margin-left: 0
        }

        .widget-instagram-photos .item .item-header {
            display: block;
            margin-bottom: 13px
        }

            .widget-instagram-photos .item .item-header a {
                display: block
            }

        .widget-instagram-photos .item .item-content {
            display: block
        }

            .widget-instagram-photos .item .item-content h4 {
                margin-bottom: 6px;
                margin-top: 0;
                font-size: 13px;
                font-weight: 900;
                letter-spacing: -.5px;
                line-height: 130%
            }

            .widget-instagram-photos .item .item-content .insta-like-count {
                font-weight: 700;
                font-size: 12px;
                margin-bottom: 6px;
                display: block;
                color: #ec6c7e
            }

                .widget-instagram-photos .item .item-content .insta-like-count i.fa {
                    padding-right: 6px
                }

            .widget-instagram-photos .item .item-content .item-meta {
                font-size: 12px;
                font-weight: 400;
                line-height: 100%
            }

                .widget-instagram-photos .item .item-content .item-meta a {
                    color: inherit !important;
                    margin-right: 8px;
                    display: inline-block;
                    letter-spacing: -.5px
                }

                    .widget-instagram-photos .item .item-content .item-meta a:hover {
                        color: #7b7b7b
                    }

                    .widget-instagram-photos .item .item-content .item-meta a .material-icons, .widget-instagram-photos .item .item-content .item-meta a i.fa, .widget-instagram-photos .item .item-content .item-meta a i.po {
                        padding-right: 8px
                    }

.widget {
    position: relative;
    display: block;
    margin-bottom: 30px
}

#sidebar .widget > h3, .composs-archive-list h3.item-title {
    display: inline-block;
    border-radius: 2px 2px 0 0;
    background-color: transparent;
    padding: 10px 0;
    cursor: default;
    border: none;
    border-bottom: 2px solid #2f92ee;
    font-size: 16px;
    font-weight: 700;
    color: #2f92ee;
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 20px
}

    #sidebar .widget > h3:after, .composs-archive-list h3.item-title:after {
        display: block;
        font-size: 16px;
        height: 2px;
        content: '';
        width: 100%;
        left: 0;
        background: rgba(139,148,157,.3);
        position: absolute;
        margin-top: 10px
    }

.widget .search-form {
    display: block;
    width: 100%;
    font-size: 0;
    vertical-align: bottom
}

    .widget .search-form label {
        display: inline-block;
        font-size: 13px;
        margin-bottom: 0;
        width: 71%
    }

        .widget .search-form label span {
            display: none
        }

        .widget .search-form label input {
            width: 100%;
            border: 0;
            background-color: #f2f2f2;
            border-radius: 2px;
            padding: 12px 16px;
            line-height: 140%
        }

    .widget .search-form > input {
        display: inline-block;
        font-size: 13px;
        width: 27%;
        border: 1px solid transparent;
        border-radius: 2px;
        border: 0;
        background-color: #757575;
        color: #fff;
        padding: 12px 16px;
        margin-left: 2%;
        line-height: 140%
    }

        .widget .search-form > input:hover {
            background-color: #232323
        }

.widget .tagcloud {
    cursor: default
}

    .widget .tagcloud a {
        display: inline-block;
        font-size: 13px;
        padding: 4px 7px;
        font-weight: 500;
        background-color: #fff;
        letter-spacing: -.4px;
        color: #2f92ee;
        border-radius: 2px;
        margin: 0 3px 7px 0;
        border: 1px solid #2f92ee
    }

        .widget .tagcloud a:hover {
            background-color: #2f92ee;
            color: #fff
        }

.widget .menu {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px
}

    .widget .menu li {
        display: block;
        padding: 0;
        margin-top: 8px;
        padding-left: 15px;
        position: relative;
        font-weight: 400
    }

        .widget .menu li:before {
            display: block;
            content: '\e616';
            position: absolute;
            left: -4px;
            font-size: 15px
        }

        .widget .menu li ul {
            padding-left: 0
        }

    .widget .menu > li:first-child {
        margin-top: 0
    }

.ot-w-socialize {
    display: block
}

    .ot-w-socialize > a {
        display: block;
        margin-bottom: 16px;
        line-height: 34px;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none
    }

        .ot-w-socialize > a i.fa {
            display: block;
            float: left;
            width: 36px;
            height: 36px;
            line-height: inherit;
            text-align: center;
            border-radius: 50%;
            border: 1px solid rgba(0,0,0,.1);
            font-size: 16px;
            box-shadow: inset 0 0 0 30px #fff,0 0 0 0 rgba(0,0,0,.2);
            transition: box-shadow 0;
            -moz-transition: box-shadow 0;
            -webkit-transition: box-shadow 0;
            -o-transition: box-shadow 0
        }

        .ot-w-socialize > a:hover i.fa {
            border-color: transparent;
            box-shadow: inset 0 0 0 0 #fff,0 0 0 15px transparent;
            transition: box-shadow .15s;
            -moz-transition: box-shadow .15s;
            -webkit-transition: box-shadow .15s;
            -o-transition: box-shadow .15s
        }

        .ot-w-socialize > a span {
            display: block;
            margin-left: 48px;
            line-height: inherit;
            font-size: 15px;
            font-weight: 700;
            border: 1px solid transparent
        }

            .ot-w-socialize > a span i {
                font-style: normal
            }

.ot-w-article-list {
    display: block
}

    .ot-w-article-list .item:after, .ot-w-article-list:after {
        display: block;
        content: '';
        clear: both
    }

    .ot-w-article-list .item {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #f2f2f2
    }

        .ot-w-article-list .item:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0
        }

        .ot-w-article-list .item .item-header {
            float: left;
            overflow: hidden;
            border-radius: 3px;
            position: relative;
            width: 80px
        }

        .ot-w-article-list .item .item-content {
            margin-left: 100px
        }

            .ot-w-article-list .item .item-content h4 {
                margin-top: 0;
                font-size: 14px;
                margin-bottom: 5px;
                font-weight: 700
            }

                .ot-w-article-list .item .item-content h4 a {
                    line-height: 140%;
                    display: inline-block
                }

        .ot-w-article-list .item .item-meta {
            display: block;
            margin-bottom: 6px;
            font-size: 12px
        }

            .ot-w-article-list .item .item-meta:last-child {
                margin-bottom: 0
            }

            .ot-w-article-list .item .item-meta .item-meta-item {
                display: inline-block;
                margin-right: 18px;
                color: #757575;
                line-height: 100%
            }

                .ot-w-article-list .item .item-meta .item-meta-item .material-icons, .ot-w-article-list .item .item-meta .item-meta-item i.fa {
                    padding-right: 8px
                }

        .ot-w-article-list .item .item-stars {
            margin-bottom: 10px;
            font-size: 14px
        }

            .ot-w-article-list .item .item-stars:last-child {
                margin-bottom: 0
            }

        .ot-w-article-list .item p {
            margin-bottom: 0;
            font-size: 13px;
            line-height: 150%
        }

.ot-w-comments-list {
    display: block
}

    .ot-w-comments-list .item:after, .ot-w-comments-list:after {
        display: block;
        content: '';
        clear: both
    }

    .ot-w-comments-list .item {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #f2f2f2
    }

        .ot-w-comments-list .item:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0
        }

        .ot-w-comments-list .item .item-header {
            float: left;
            overflow: hidden;
            border-radius: 3px;
            position: relative;
            width: 50px
        }

        .ot-w-comments-list .item .item-content {
            margin-left: 70px
        }

            .ot-w-comments-list .item .item-content h4 {
                margin-top: 0;
                font-size: 14px;
                margin-bottom: 5px;
                font-weight: 700
            }

                .ot-w-comments-list .item .item-content h4 a {
                    line-height: 140%;
                    display: inline-block
                }

        .ot-w-comments-list .item .item-meta {
            display: block;
            margin-bottom: 6px;
            font-size: 13px
        }

            .ot-w-comments-list .item .item-meta:last-child {
                margin-bottom: 0
            }

            .ot-w-comments-list .item .item-meta .item-meta-item {
                display: inline-block;
                margin-right: 18px;
                color: #757575
            }

                .ot-w-comments-list .item .item-meta .item-meta-item i.fa {
                    padding-right: 8px
                }

        .ot-w-comments-list .item .item-stars {
            margin-bottom: 10px;
            font-size: 14px
        }

            .ot-w-comments-list .item .item-stars:last-child {
                margin-bottom: 0
            }

        .ot-w-comments-list .item p {
            margin-bottom: 0;
            font-size: 13px;
            line-height: 150%;
            margin-bottom: 8px
        }

            .ot-w-comments-list .item p:last-child {
                margin-bottom: 0
            }

        .ot-w-comments-list .item .item-meta .item-meta-item.meta-button {
            color: #3779bc;
            font-weight: 700;
            line-height: 100%
        }

        .ot-w-comments-list .item .item-meta a.item-meta-item.meta-button:hover {
            color: #232323
        }

        .ot-w-comments-list .item .item-meta .item-meta-item.meta-button i.fa {
            padding-left: 4px;
            padding-right: 0
        }

.ot-w-gallery-list {
    display: block
}

    .ot-w-gallery-list .item:after, .ot-w-gallery-list:after {
        display: block;
        content: '';
        clear: both
    }

    .ot-w-gallery-list .item {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #f2f2f2
    }

        .ot-w-gallery-list .item:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0
        }

    .composs-photo-gallery-list .item .owl-nav, .ot-w-gallery-list .owl-carousel .owl-nav {
        opacity: 0;
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .composs-photo-gallery-list .item:hover .owl-nav, .ot-w-gallery-list .owl-carousel:hover .owl-nav {
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .composs-photo-gallery-list .owl-controls .owl-nav .owl-prev, .ot-w-gallery-list .owl-controls .owl-nav .owl-prev {
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -40px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        font-size: 0;
        margin-right: 20px;
        border-color: transparent;
        background-color: #232323;
        color: #fff;
        margin-right: -20px;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s
    }

    .composs-photo-gallery-list .owl-controls .owl-nav .owl-next, .ot-w-gallery-list .owl-controls .owl-nav .owl-next {
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -40px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        font-size: 0;
        margin-left: 20px;
        border-color: transparent;
        background-color: #232323;
        color: #fff;
        margin-left: -20px;
        box-shadow: 0 3px 3px rgba(0,0,0,.2);
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s
    }

.composs-photo-gallery-list .owl-controls .owl-nav .owl-next, .composs-photo-gallery-list .owl-controls .owl-nav .owl-prev {
    top: 50%;
    margin-top: -20px
}

    .composs-photo-gallery-list .owl-controls .owl-nav .owl-next:hover, .composs-photo-gallery-list .owl-controls .owl-nav .owl-prev:hover, .ot-w-gallery-list .owl-controls .owl-nav .owl-next:hover, .ot-w-gallery-list .owl-controls .owl-nav .owl-prev:hover {
        background-color: #fff;
        color: #232323
    }

    .composs-photo-gallery-list .owl-controls .owl-nav .owl-next:before, .composs-photo-gallery-list .owl-controls .owl-nav .owl-prev:before, .ot-w-gallery-list .owl-controls .owl-nav .owl-next:before, .ot-w-gallery-list .owl-controls .owl-nav .owl-prev:before {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        line-height: inherit;
        font-size: 20px;
        content: "\e688"
    }

    .composs-photo-gallery-list .owl-controls .owl-nav .owl-next:before, .ot-w-gallery-list .owl-controls .owl-nav .owl-next:before {
        content: "\e689"
    }

.ot-w-gallery-list .owl-dots {
    display: block;
    padding: 15px 0 0 0 !important
}

    .ot-w-gallery-list .owl-dots .owl-dot {
        box-shadow: inset 0 0 0 2px #ccc;
        width: 12px;
        height: 12px;
        position: relative
    }

        .ot-w-gallery-list .owl-dots .owl-dot.active {
            box-shadow: inset 0 0 0 2px transparent;
            background-color: #757575
        }

        .ot-w-gallery-list .owl-dots .owl-dot:hover {
            box-shadow: inset 0 0 0 2px #757575
        }

.ot-w-gallery-list .owl-carousel .owl-controls .owl-dot:before {
    display: none
}

.ot-w-gallery-list .owl-carousel .owl-controls .owl-dot:after {
    display: block;
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    content: ''
}

.ot-w-gallery-list .item-header {
    display: block;
    margin-bottom: 12px
}

    .ot-w-gallery-list .item-header .item-photo img {
        border-radius: 3px;
        overflow: hidden
    }

    .ot-w-gallery-list .item-header .item-photo {
        border-radius: 3px;
        overflow: hidden;
        position: relative;
        display: block
    }

.ot-w-gallery-list .item .item-content h4 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 700
}

    .ot-w-gallery-list .item .item-content h4 a {
        line-height: 140%;
        display: inline-block
    }

.ot-w-gallery-list .item .item-meta {
    display: block;
    margin-bottom: 8px;
    font-size: 14px
}

    .ot-w-gallery-list .item .item-meta:last-child {
        margin-bottom: 0
    }

    .ot-w-gallery-list .item .item-meta .item-meta-item {
        display: inline-block;
        margin-right: 18px;
        color: #757575;
        line-height: 100%
    }

        .ot-w-gallery-list .item .item-meta .item-meta-item .material-icons, .ot-w-gallery-list .item .item-meta .item-meta-item i.fa {
            padding-right: 8px
        }

.ot-w-gallery-list .item .item-stars {
    margin-bottom: 10px;
    font-size: 14px
}

    .ot-w-gallery-list .item .item-stars:last-child {
        margin-bottom: 0
    }

.ot-w-gallery-list .item p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 8px
}

    .ot-w-gallery-list .item p:last-child {
        margin-bottom: 0
    }

.ot-w-flickr-feed {
    display: block
}

    .ot-w-flickr-feed:after {
        display: block;
        clear: both;
        content: ''
    }

    .ot-w-flickr-feed .item {
        margin-bottom: 0;
        overflow: hidden;
        border-radius: 3px
    }

    .ot-w-flickr-feed.lets-do-1 > .item:nth-child(n+2), .ot-w-flickr-feed.lets-do-2 > .item:nth-child(n+3), .ot-w-flickr-feed.lets-do-3 > .item:nth-child(n+4), .ot-w-flickr-feed.lets-do-4 > .item:nth-child(n+5), .ot-w-flickr-feed.lets-do-5 > .item:nth-child(n+6) {
        margin-top: 10px
    }

#footer {
    display: block;
    padding-top: 48px;
    background-color: #f7f7f7
}

    #footer > .wrapper:after, #footer > .wrapper > ul:after {
        display: block;
        clear: both;
        content: ''
    }

    #footer > .wrapper > ul {
        display: block;
        margin-bottom: 30px;
        text-align: center;
        border: 2px solid #f2f2f2;
        cursor: default;
        padding-left: 0
    }

        #footer > .wrapper > ul > li {
            display: inline-block
        }

            #footer > .wrapper > ul > li a {
                display: block;
                padding: 14px 7px;
                font-size: 14px;
                font-weight: 400
            }

    #footer .footer-widgets {
        display: block
    }

        #footer .footer-widgets .widget-split {
            white-space: normal;
            vertical-align: top
        }

            #footer .footer-widgets .widget-split .widget {
                margin-bottom: 20px
            }

                #footer .footer-widgets .widget-split .widget:last-child {
                    margin-bottom: 0
                }

.footer-copyright {
    display: block;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 13px;
    border-top: 2px solid #f2f2f2
}

#footer .widget h3 {
    margin-top: 0;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f2f2f2;
    color: #232323;
    font-size: 18px;
    font-weight: 700;
    display: inline-block
}

#footer p {
    font-size: 13px
}

.lightbox hr {
    margin: 20px 0
}

.lightbox h2, .lightbox h3, .lightbox p, .lightbox span {
    color: #232323;
    text-shadow: none
}

.lightbox .loading-box {
    padding: 50px 0;
    line-height: 24px
}

.startlightbox {
    overflow: hidden
}

    .startlightbox .lightbox {
        display: block
    }

.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.94);
    text-align: center;
    z-index: 1002;
    display: none;
    overflow-y: scroll !important
}

    .lightbox .main-black-block {
        box-shadow: none;
        background: #212121;
        color: #ccc;
        font-size: 11.5px;
        line-height: 20px;
        font-weight: 300;
        padding-bottom: 5px;
        color: #8a8a8a
    }

    .lightbox .lightcontent .light-close:hover, .lightbox .lightcontent-loading .light-close:hover {
        color: #232323;
        border-color: transparent;
        background-color: #f0f0f0
    }

    .lightbox .lightcontent .light-close:active, .lightbox .lightcontent-loading .light-close:active {
        background-color: #ccc;
        color: #232323;
        border-color: transparent
    }

    .lightbox .lightcontent .light-close, .lightbox .lightcontent-loading .light-close {
        display: block;
        right: 0;
        top: -50px;
        font-family: Arial;
        position: absolute;
        font-size: 14px;
        color: #fff;
        text-shadow: none;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        line-height: 33px;
        text-align: center !important;
        border: 1px solid #fff;
        padding: 0;
        background-color: transparent
    }

    .lightbox .lightcontent, .lightbox .lightcontent-loading {
        background: #f4f4f4;
        width: 1200px;
        max-width: 100%;
        margin: 100px auto 70px auto;
        position: relative;
        box-shadow: 0 1px 4px rgba(0,0,0,.5);
        text-align: left
    }

    .lightbox .light-title {
        display: block;
        position: absolute;
        top: -33px;
        color: #fff;
        text-shadow: 0 1px 3px rgba(0,0,0,.6);
        height: 23px;
        width: 780px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .lightbox .gallery-thumbs {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        width: 95%
    }

    .lightbox .thacontent {
        padding: 0 25px 20px 25px
    }

.loading-box {
    display: block;
    text-align: center
}

    .loading-box .loading-image {
        display: block;
        text-align: center;
        padding-top: 20px
    }

.lightbox .carousel-left {
    left: 8px
}

.lightbox .carousel-right {
    right: 8px
}

.lightbox blockquote {
    padding-bottom: 30px
}

.lightbox .article-main-content {
    padding: 0 55px;
    width: auto
}

.loading-message {
    display: block;
    background: #f0f0f0;
    padding: 10px 15px;
    font-size: 11px;
    line-height: 140%
}

    .loading-message img {
        display: block;
        float: left;
        width: 34px;
        padding-right: 15px
    }

.main-content-split .loading-message img {
    display: none
}

.loading-message:before {
    display: block;
    content: '';
    clear: both
}

.loading-message b {
    font-size: 18px;
    display: block;
    padding-bottom: 4px
}

.ls-fullwidth .ls-nav-next, .ls-fullwidth .ls-nav-prev {
    z-index: 20px
}

.ls-fullwidth .ls-nav-next {
    right: 50px !important
}

.ls-fullwidth .ls-nav-prev {
    left: 50px !important
}

.lightbox .big-photo-block .the-image {
    box-shadow: none;
    text-align: center;
    padding-top: 10px;
    background-color: transparent
}

    .lightbox .big-photo-block .the-image img {
        max-width: 98%
    }

.lightbox .big-photo-block .the-thumbs {
    margin-left: 1%;
    margin-right: 1%;
    overflow: hidden
}

.lightbox .lightbox-content {
    display: block;
    padding: 0 2% 8px 2%
}

.the-image img {
    max-width: 100%
}

.lightbox .photo-gallery-full {
    box-shadow: none
}

.lightbox .photo-gallery-main:hover .photo-controls.prev {
    left: 20px
}

.lightbox .photo-gallery-main:hover .photo-controls.next {
    right: 20px
}

.waiter.loading {
    background-image: url(../images/loading-ot.gif);
    background-position: center;
    background-repeat: no-repeat
}

    .waiter.loading img {
        opacity: .3
    }

.lightbox .photo-gallery-context-c {
    margin-top: 0
}

.ot-wrapper {
    position: relative
}