/*
Template Name: Revelance HTML
Version: 1.2.0
Author: ab-themes
Author URI: http://www.ab-themes.com

[Table of contents]

1. CSS RESET
2. Elements
	2.1. Animation Box
	2.2. Columns & sections
	2.3. Abbreviation
	2.4. jQuery UI helpers
	2.5. Tabs
		2.5.1. Bottom Positioned Tabs
		2.5.2. Left or Right Positioned Tabs
		2.5.3. Left Positioned Tabs
		2.5.4. Right Positioned Tabs
		2.5.5. Bellow Width Break Point Tabs
	2.6. Accordion
	2.7. Toggle
	2.8. Tables
	2.9. Alert boxes
	2.10. Blockquote
	2.11. UL
	2.12. Follow us links
	2.13. Stats Excerpt
	2.14. Knob
	2.15. Team
	2.16. Priceboxes
	2.17. Progress bar
	2.18. Service boxes
	2.19. Divider
	2.20. Pullquote
	2.21. Tooltip
	2.22. Source Code
	2.23. RSS Feed
	2.24. Children
	2.25. Sitemap
	2.27. Dropcap
	2.28. Videos
	2.29. Clear
	2.30. Callout Boxes
	2.31. Buttons
	2.32. Accordion & Toggle
	2.33. Latest portfolio
	2.34. Latest news
	2.35. Image Overlay
	2.36. About box
	2.37. Testimonial
	2.38. Hire Us
3. Global styles
	3.1. Inner columns
	3.2. Clearfix
4. Header
	4.1. Main menu
	4.2. Teaser Bar
5. Slider Place
6. Blog
	6.1. Blog Posts
	6.2. Post Comments
	6.3. Post Pagination
7. Contact Form 7
8. Widgets
	8.1. Search
	8.2. Tag Cloud
	8.3. Flickr stream
	8.4. Twitter Widget
	8.5. Custom Menu Widget
	8.6. Login Widget bbPress
9. Pages
	9.1. Portfolio
		9.1.1. Portfolio Effects
10. 404 Page
11. Footer


/*-----------------------------------------------------------------*/
/* 01. CSS RESET
/*-----------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: 0px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
    -webkit-appearance: none;
    width: 100%;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    outline: none;
    font-size: 14px;
}


/*-----------------------------------------------------------------*/
/* 02. Elements
/*-----------------------------------------------------------------*/

/********** 2.1. Element: Animation Box *************************************************************/
.revel-animo,
.revel-animo-children > * {
    visibility: hidden;
}


/********** 2.2. Element: Columns & sections *************************************************************/
.revel_container {
    width: 100%;
}

    .revel_container:before,
    .revel_container:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .revel_container:after {
        clear: both;
    }

.section_body_fullwidth .revel_section_content .revel_container {
    width: 100%;
}

.revel_section_dd {
    position: relative;
    overflow: hidden;
}

    .revel_section_dd > * {
        z-index: 1;
        position: relative;
    }

    .revel_section_dd header,
    .revel_section_dd footer {
        text-align: center;
    }

        .revel_section_dd header h3 {
            font-family: 'Open Sans';
            font-weight: 300;
            display: inline-block;
            color: #333;
            text-transform: uppercase;
            font-size: 36px;
            line-height: 36px;
            margin-bottom: 49px;
            position: relative;
            padding-bottom: 43px;
        }

            .revel_section_dd header h3:before {
                display: block;
                content: "";
                height: 1px;
                width: 36px;
                border-left: 82px solid #ddd;
                border-right: 82px solid #ddd;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -100px;
            }

            .revel_section_dd header h3:after {
                display: block;
                content: "";
                height: 36px;
                width: 36px;
                position: absolute;
                bottom: -18px;
                left: 50%;
                margin-left: -18px;
                color: #e42382;
                font-family: 'entypo';
                font-size: 18px;
                content: "\e662";
            }

        .revel_section_dd header p {
            font-family: 'Open Sans';
            font-weight: 300;
            font-size: 18px;
            margin-bottom: 85px;
            text-transform: uppercase;
            color: #676767;
            line-height: 24px;
        }

    .revel_section_dd.pattern_overlayed header h3,
    .revel_section_dd.pattern_overlayed header h3:after,
    .revel_section_dd.pattern_overlayed header p,
    .revel_section_dd.color_overlayed header h3,
    .revel_section_dd.color_overlayed header h3:after,
    .revel_section_dd.color_overlayed header p {
        color: #fff;
    }

    .revel_section_dd.pattern_overlayed a,
    .revel_section_dd.color_overlayed a {
        color: #e42382;
    }

.section_gray_body .revel_section_content {
    background: #f4f4f4;
    padding: 55px 0;
}

.section_body_fullwidth .revel_section_content .revel_container {
    width: 100%;
}

.section_with_gray_background {
    background: #f1f1f1;
}

.spacer_40 {
    display: block;
    height: 40px;
}

.spacer_60 {
    display: block;
    height: 60px;
}

.revel_video_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    visibility: hidden;
}

    .revel_video_background .mejs-container {
        background: none !important;
    }

    .revel_video_background .mejs-overlay-loading {
        display: none !important;
    }

.revel-parallax {
    background-position: 50% top;
    background-attachment: fixed;
    background-size: cover;
}

.revel_container [class*="column_dd_span"] {
    display: block;
    float: left;
    min-height: 20px;
    margin-left: 2.564102564102564%;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .section_no_column_margin .revel_container [class*="column_dd_span"],
    .revel_container [class*="column_dd_span"]:first-child {
        margin-left: 0;
    }

.revel_column_dd_span12 {
    width: 100%;
}

.revel_column_dd_span11 {
    width: 91.45299145299145%;
}

.revel_column_dd_span10 {
    width: 82.90598290598291%;
}

.revel_column_dd_span9 {
    width: 74.35897435897436%;
}

.revel_column_dd_span8 {
    width: 65.81196581196581%;
}

.revel_column_dd_span7 {
    width: 57.26495726495726%;
}

.revel_column_dd_span6 {
    width: 48.71794871794872%;
}

.revel_column_dd_span5 {
    width: 40.17094017094017%;
}

.revel_column_dd_span4 {
    width: 31.62393162393162%;
}

.revel_column_dd_span3 {
    width: 23.07692307692308%;
}

.revel_column_dd_span2 {
    width: 14.52991452991453%;
}

.revel_column_dd_span1 {
    width: 5.982905982905983%;
}

.section_no_column_margin .revel_column_dd_span12 {
    width: 100%;
}

.section_no_column_margin .revel_column_dd_span11 {
    width: 91.6666666666665%;
}

.section_no_column_margin .revel_column_dd_span10 {
    width: 83.3333333333334%;
}

.section_no_column_margin .revel_column_dd_span9 {
    width: 74.9999999999999%;
}

.section_no_column_margin .revel_column_dd_span8 {
    width: 66.6666666666665%;
}

.section_no_column_margin .revel_column_dd_span7 {
    width: 58.3333333333332%;
}

.section_no_column_margin .revel_column_dd_span6 {
    width: 49.9999999999999%;
}

.section_no_column_margin .revel_column_dd_span5 {
    width: 41.6666666666665%;
}

.section_no_column_margin .revel_column_dd_span4 {
    width: 33.3333333333332%;
}

.section_no_column_margin .revel_column_dd_span3 {
    width: 24.9999999999999%;
}

.section_no_column_margin .revel_column_dd_span2 {
    width: 16.6666666666665%;
}

.section_no_column_margin .revel_column_dd_span1 {
    width: 8.3333333333332%;
}

.section_equalize_5 .revel_column_dd_span3,
.section_equalize_5 .revel_column_dd_span2 {
    width: 17.95084476%;
}

.section_equalize_5 .revel_container [class*="column_dd_span"] {
    margin-left: 2.564102564102564%;
}

    .section_no_column_margin.section_equalize_5 .revel_container [class*="column_dd_span"],
    .section_equalize_5 .revel_container [class*="column_dd_span"]:first-child {
        margin-left: 0;
    }

.section_no_column_margin.section_equalize_5 .revel_column_dd_span3,
.section_no_column_margin.section_equalize_5 .revel_column_dd_span2 {
    width: 20%;
}




/********** 2.3. Element: Abbreviation *************************************************************/
.revel-abbr {
    border-bottom: 1px dotted #666;
    cursor: help;
}


/********** 2.4. jQuery UI helpers *************************************************************/
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/********** 2.5. Element: Tabs *************************************************************/
.revel-tabs {
    position: relative;
    margin-bottom: 40px;
    clear: both;
}

    .revel-tabs .ui-tabs-nav {
        margin: 0;
        border-bottom: none;
    }

        .revel-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            display: block;
            white-space: nowrap;
            margin: 0;
            padding: 0;
            margin-right: 0px;
            min-width: none;
            border-top: 1px solid #e1e1e1;
            border-left: 1px solid #e1e1e1;
            background: #f3f3f3;
            font-size: 14px;
            line-height: 14px;
            position: relative;
        }

            .revel-tabs .ui-tabs-nav li a {
                text-decoration: none;
                text-align: center;
                color: #505050;
                clear: both;
                box-sizing: border-box;
                display: block;
                padding: 15px 20px;
                width: 100%;
                height: 100%;
                cursor: pointer;
                outline: none;
                font-weight: normal;
            }

            .revel-tabs .ui-tabs-nav li:hover a {
                /*color: #333;*/
                color: #e42382;
            }

            .revel-tabs .ui-tabs-nav li.ui-tabs-active {
                background: #fff;
                position: relative;
            }

                .revel-tabs .ui-tabs-nav li.ui-tabs-active:before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 4px;
                    background: #e42382;
                    border-left: 1px solid #e42382;
                    border-right: 1px solid #e42382;
                    position: absolute;
                    top: -4px;
                    left: -1px;
                }

                .revel-tabs .ui-tabs-nav li.ui-tabs-active:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 1px;
                    background: #fff;
                    position: absolute;
                    bottom: -1px;
                    left: 0;
                }

                .revel-tabs .ui-tabs-nav li.ui-tabs-active a {
                    color: #505050;
                    cursor: default;
                    font-weight: 700;
                }

            .revel-tabs .ui-tabs-nav li:last-child {
                border-right: 1px solid #e1e1e1;
            }

    .revel-tabs .revel-tabs-wrapper {
        border: 1px solid #e1e1e1;
    }

    .revel-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 20px 15px;
        line-height: 22px;
    }

.ui-tabs-hide {
    display: none;
}

.revel-tabs-style2 .ui-tabs-nav li {
    border-top: 1px solid #e42382;
    border-left: 1px solid #e42382;
    border-right: 1px solid #e42382;
    background: #e42382;
}

    .revel-tabs-style2 .ui-tabs-nav li a {
        color: #fff;
    }

        .revel-tabs-style2 .ui-tabs-nav li a:hover {
            color: #505050;
        }

    .revel-tabs-style2 .ui-tabs-nav li.ui-tabs-active {
        background: #fff;
    }

        .revel-tabs-style2 .ui-tabs-nav li.ui-tabs-active:before {
            height: 4px;
            background: #fff;
            border-top: 1px solid #e42382;
            border-left: 1px solid #e42382;
            border-right: 1px solid #e42382;
            top: -4px;
            left: -1px;
        }

        .revel-tabs-style2 .ui-tabs-nav li.ui-tabs-active a {
            color: #505050;
        }

    .revel-tabs-style2 .ui-tabs-nav li:last-child {
        border-right: 1px solid #e42382;
    }

.revel-tabs-style2 .revel-tabs-wrapper {
    border: 1px solid #e42382;
}

.tab-icon {
    font-weight: normal;
}

/* 2.5.1. bottom positioned tabs */
.revel-tabs-position-bottom .ui-tabs-nav {
    border-bottom: none;
    position: absolute;
    bottom: -45px;
}

    .revel-tabs-position-bottom .ui-tabs-nav li {
        border-top: none;
        border-bottom: 1px solid #e1e1e1;
    }

.revel-tabs-position-bottom .ui-tabs-panel {
    padding: 20px 15px;
}

.revel-tabs-position-bottom .ui-tabs-nav li.ui-tabs-active:after {
    top: -1px;
    bottom: auto;
}

/* 2.5.2. left or right positioned tabs */
.revel-tabs-vertical .ui-tabs-nav li a {
    padding: 15px;
    text-align: right;
}

/* 2.5.3. left positioned tabs */
.revel-tabs-position-left .revel-tabs-wrapper {
    margin-left: 200px;
}

.revel-tabs-position-left .ui-tabs-nav {
    width: 200px;
    float: left;
    margin-bottom: 40px;
}

    .revel-tabs-position-left .ui-tabs-nav li {
        float: none;
        line-height: 14px;
        border-right: none;
    }

        .revel-tabs-position-left .ui-tabs-nav li:last-child {
            border-bottom: 1px solid #e1e1e1;
            border-right: none;
        }

        .revel-tabs-position-left .ui-tabs-nav li.ui-tabs-active {
            background: #fff;
        }

            .revel-tabs-position-left .ui-tabs-nav li.ui-tabs-active:after {
                content: "";
                display: block;
                width: 1px;
                height: 100%;
                background: #fff;
                position: absolute;
                bottom: auto;
                left: auto;
                right: -1px;
                top: 0;
            }

/* 2.5.4. right positioned tabs */
.revel-tabs-position-right .revel-tabs-wrapper {
    margin-right: 200px;
}

.revel-tabs-position-right .ui-tabs-nav {
    width: 200px;
    float: right;
    margin-bottom: 40px;
}

    .revel-tabs-position-right .ui-tabs-nav li {
        float: none;
        line-height: 14px;
        border-left: none;
        border-right: 1px solid #e1e1e1;
    }

        .revel-tabs-position-right .ui-tabs-nav li a {
            text-align: left;
        }

        .revel-tabs-position-right .ui-tabs-nav li:last-child {
            border-bottom: 1px solid #e1e1e1;
            border-left: none;
        }

        .revel-tabs-position-right .ui-tabs-nav li.ui-tabs-active {
            background: #fff;
        }

            .revel-tabs-position-right .ui-tabs-nav li.ui-tabs-active:after {
                content: "";
                display: block;
                width: 1px;
                height: 100%;
                background: #fff;
                position: absolute;
                bottom: auto;
                right: auto;
                left: -1px;
                top: 0;
            }

/* 2.5.5. Bellow width break point tabs */
.revel-tabs.revel-tabs-fullwidthtabs .ui-tabs-nav li {
    margin-right: 0px;
    width: 100%;
    margin-left: 0;
    float: none;
    text-align: left;
    padding: 5px 15px;
    border: 1px solid #e6ebed;
    border-bottom: none;
}

    .revel-tabs.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active {
        background: #f9f9f9;
    }

        .revel-tabs.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after {
            display: none;
        }

.revel-tabs-position-bottom.revel-tabs-fullwidthtabs .ui-tabs-nav {
    position: relative;
}

    .revel-tabs-position-bottom.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after {
        display: none;
    }

.revel-tabs-position-bottom.revel-tabs-fullwidthtabs .ui-tabs-panel {
    padding: 0;
}

.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav,
.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav {
    margin: 0;
    border-bottom: none;
    border-right: 1px solid #eeeeee;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
}

    .revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav li,
    .revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav li {
        float: none;
        text-align: left;
        line-height: 37px;
        padding: 5px 15px;
        margin-right: 0;
        margin-left: 0;
    }

        .revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active,
        .revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active {
            background: #f9f9f9;
        }

            .revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after,
            .revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after {
                display: none;
            }

.revel-tabs-position-left.revel-tabs-fullwidthtabs .ui-tabs-panel,
.revel-tabs-position-right.revel-tabs-fullwidthtabs .ui-tabs-panel {
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0;
}

/********** 2.6. Element: Accordion *************************************************************/
.revel-accordion {
    margin-bottom: 40px;
}

    .revel-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid #fff;
        color: #666666;
        background: #eee;
        font-weight: normal;
        padding: 15px 0 15px 20px;
        margin: 0;
    }

    .revel-accordion .ui-accordion-content {
        overflow: auto;
        border: 1px solid #eeeeee;
        border-top: 0;
        padding: 20px;
    }

    .revel-accordion .ui-accordion-header-icon {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-family: 'WebHostingHub-Glyphs';
        font-size: 14px;
    }

    .revel-accordion .ui-icon-triangle-1-e {
        color: #666;
    }

        .revel-accordion .ui-icon-triangle-1-e:before {
            content: "\002b";
        }

    .revel-accordion .ui-icon-triangle-1-s {
        color: #666;
    }

        .revel-accordion .ui-icon-triangle-1-s:before {
            content: "\2212";
        }


/********** 2.7. Element: Toggle *************************************************************/
.revel-toggle {
    margin-bottom: 20px;
}


/********** 2.8. Element: Tables *************************************************************/
.revel-table-hover table,
.revel-table-striped table {
    border-collapse: separate;
    line-height: 2 !important;
}

.revel-table-condensed table {
    line-height: 1 !important;
    border-collapse: separate;
}

    .revel-table-hover table tr,
    .revel-table-striped table tr,
    .revel-table-condensed table tr {
        border-top: 1px solid #eee !important;
    }

    .revel-table-hover table th,
    .revel-table-striped table th,
    .revel-table-condensed table th,
    .revel-table-hover table td,
    .revel-table-striped table td,
    .revel-table-condensed table td {
        padding: 2px 10px;
    }

.revel-table-striped table tr:nth-child(2n+1) {
    background: #f9f9f9;
}

.revel-table-hover table tr:hover {
    background: #efefef;
}


/********** 2.9. Element: Alert boxes *************************************************************/
.revel_alert_success,
.revel_alert_info,
.revel_alert_warning,
.revel_alert_error {
    margin-bottom: 40px;
    padding: 19px 48px 19px 19px;
    position: relative;
}

    .revel_alert_success i,
    .revel_alert_info i,
    .revel_alert_warning i,
    .revel_alert_error i {
        margin-right: 19px;
    }

    .revel_alert_success,
    .revel_alert_success .revel_alert_box_close {
        background: #e9f3d2;
        color: #91b64f;
    }

    .revel_alert_info,
    .revel_alert_info .revel_alert_box_close {
        background: #cee6e6;
        color: #1e6d81;
    }

    .revel_alert_warning,
    .revel_alert_warning .revel_alert_box_close {
        background: #fbf2e3;
        color: #ffad77;
    }

    .revel_alert_error,
    .revel_alert_error .revel_alert_box_close {
        background: #ffe9e9;
        color: #d04544;
    }

.revel_alert_box_close {
    cursor: pointer;
    position: absolute;
    top: 19px;
    right: 19px;
}


/********** 2.10. Element: Blockquote *************************************************************/
.revel_blockquote,
.revel_pullquote {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 40px;
}

    .revel_blockquote p {
        line-height: 30px;
    }

        .revel_blockquote p small {
            color: #e42382;
            font-size: 24px;
            font-style: italic;
            font-weight: 400;
            display: block;
            margin-top: 29px;
        }


/********** 2.11. Element: UL *************************************************************/
.revel_shortcode_ul {
    list-style: none !important;
}

    .revel_shortcode_ul li {
        list-style: none !important;
    }


/********** 2.12. Element: Follow us links *************************************************************/
.revel_follow_us {
    text-align: center;
}

.revel_socialicon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px 20px 4px;
    border: 1px solid #333;
    color: #333;
    opacity: 0.5;
}

    .revel_socialicon i {
        top: 0;
        color: #333;
    }

    .revel_socialicon:hover {
        opacity: 1;
        box-shadow: 0 0 0 1px #333;
    }

.pattern_overlayed .revel_socialicon,
.color_overlayed .revel_socialicon {
    border: 1px solid #fff;
}

    .pattern_overlayed .revel_socialicon i,
    .color_overlayed .revel_socialicon i {
        color: #fff;
    }

    .pattern_overlayed .revel_socialicon:hover,
    .color_overlayed .revel_socialicon:hover {
        box-shadow: 0 0 0 1px #fff;
    }


/********** 2.13. Element: Stats Excerpt *************************************************************/
.revel_stats_excerpt {
    color: #093d71;
    text-align: center;
    padding: 20px 0 30px 0;
    margin-bottom: 40px;
    position: relative;
}

    .revel_stats_excerpt i {
        color: #e42382;
        font-size: 32px;
        margin-right: 13px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -16px;
    }

    .revel_stats_excerpt .revel_stats_number, .revel_stats_excerpt .revel_stats_number2, .revel_stats_excerpt .revel_stats_number3,
    .revel_stats_excerpt .revel_stats_number_sign {
        font-size: 70px;
        line-height: 70px;
        color: #e42382;
        font-weight: 600;
    }

    .revel_stats_excerpt p {
        font-size: 18px;
        padding-top: 11px;
        font-family: 'Open Sans';
        color: #505050;
    }

.pattern_overlayed .revel_stats_excerpt .revel_stats_number, .pattern_overlayed .revel_stats_excerpt .revel_stats_number2, .pattern_overlayed .revel_stats_excerpt .revel_stats_number3,
.pattern_overlayed .revel_stats_excerpt .revel_stats_number_sign,
.pattern_overlayed .revel_stats_excerpt p,
.pattern_overlayed .revel_stats_excerpt i,
.color_overlayed .revel_stats_excerpt .revel_stats_number,
.color_overlayed .revel_stats_excerpt .revel_stats_number_sign,
.color_overlayed .revel_stats_excerpt p,
.color_overlayed .revel_stats_excerpt i {
    color: #fff;
}

.revel_stats_excerpt_style_color {
    background: #e42382;
}

    .revel_stats_excerpt_style_color .revel_stats_number, .revel_stats_excerpt_style_color .revel_stats_number2, .revel_stats_excerpt_style_color .revel_stats_number3,
    .revel_stats_excerpt_style_color .revel_stats_number_sign {
        color: #fff;
    }

    .revel_stats_excerpt_style_color p {
        color: #fff;
    }

.revel_stats_excerpt_style_light {
    background: #f3f3f3;
    color: #505050;
}

.revel_stats_excerpt_style_dark {
    background: #505050;
}

    .revel_stats_excerpt_style_dark p {
        color: #fff;
    }


/********** 2.14. Element: Knob *************************************************************/
.revel_knob_wrapper {
    text-align: center;
}

.revel_knob_inner_wrap {
    position: relative;
    text-align: center;
}

.revel_knob_wrapper input {
    display: none;
}

.revel_knob_wrapper .revel_knob_number_sign {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    font-size: 24px;
    z-index: 2;
}

/********** 2.15. Element: Team *************************************************************/
.revel_team_member {
    text-align: center;
    padding-bottom: 19px;
    margin-bottom: 49px;
}

    .revel_team_member .revel_overlayed {
        position: relative;
        line-height: 1;
        margin-bottom: 28px;
    }

    .revel_team_member.revel_team_member_style_2 {
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .revel_team_member.revel_team_member_style_2 .revel_overlayed {
            margin-bottom: 20px;
        }

    .revel_team_member .revel_overlayed .revel_overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background: rgba(0,0,0,0.6);
    }

    .revel_team_member:hover .revel_overlayed .revel_overlay {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .revel_team_member .revel_overlayed .revel_overlay p {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -18px;
        height: 40px;
        line-height: 40px;
    }

        .revel_team_member .revel_overlayed .revel_overlay p a {
            color: #ccc;
            display: inline-block;
            width: 40px;
            height: 40px;
            border: 1px solid #ccc;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            line-height: 40px;
            margin: 0 3px;
        }

            .revel_team_member .revel_overlayed .revel_overlay p a i {
                color: #ccc;
            }

            .revel_team_member .revel_overlayed .revel_overlay p a:hover {
                color: #fff;
                border: 1px solid #fff;
            }

                .revel_team_member .revel_overlayed .revel_overlay p a:hover i {
                    color: #fff;
                }

    .revel_team_member .revel_team_member_position {
        text-transform: uppercase;
    }

    .revel_team_member .revel_team_member_name {
        display: block;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 2px;
    }

    .revel_team_member.revel_team_member_style_2 .revel_team_member_name {
        color: #fff;
        display: block;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 8px;
    }

    .revel_team_member .revel_team_member_position {
        display: inline-block;
        font-weight: 400;
        font-size: 12px;
        color: #e42382;
        margin-bottom: 8px;
    }

    .revel_team_member.revel_team_member_style_2 .revel_team_member_position {
        font-size: 14px;
    }

    .revel_team_member > p {
        margin-bottom: 19px;
        color: #8d8c8c;
    }

    .revel_team_member .revel_team_member_social_under a {
        margin: 0 5px;
    }

        .revel_team_member .revel_team_member_social_under a i {
            color: #676767;
        }

        .revel_team_member .revel_team_member_social_under a:hover i {
            color: #e42382;
        }

.revel_team_member_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    padding-top: 80px;
    text-align: left;
}

    .revel_team_member_modal h4,
    .revel_team_member_modal .revel_team_member_position {
        text-align: center;
    }

    .revel_team_member_modal .revel_container {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

.revel_team_member_modal_close {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    position: absolute;
    top: 60px;
    right: 60px;
    cursor: pointer;
}


.revel_team_member.revel_team_member_style_2 .revel_overlayed .revel_overlay .revel_overlay_memeber {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: left;
    padding-left: 19px;
    margin-bottom: -3px;
}


/********** 2.16. Element: Priceboxes *************************************************************/
.revel_pricing-table-1,
.revel_pricing-table-2 {
    text-align: center;
    margin-bottom: 40px;
}

.revel_pricing-table-1 {
    background: rgba(255,255,255,0.9);
    color: #333;
    text-align: center;
}

    .revel_pricing-table-1 .revel_pricebox_header {
        border-bottom: 1px solid #c8c8c8;
    }

    .revel_pricing-table-1 .revel_pricebox_featured_text {
        margin-bottom: 3px;
        min-height: 30px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
    }

    .revel_pricing-table-1.revel_popular-plan .revel_pricebox_featured_text {
        background: #434342;
    }

    .revel_pricing-table-1 .revel_pricebox_name {
        font-size: 18px;
        line-height: 18px;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        background: #333;
        color: #fff;
        padding: 21px 10px;
    }

    .revel_pricing-table-1.revel_popular-plan {
        position: relative;
        top: -20px;
        margin-bottom: 60px;
        padding-bottom: 10px;
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
        z-index: 1;
        position: relative;
    }

        .revel_pricing-table-1.revel_popular-plan .revel_pricebox_name {
            background: #e42382;
            padding: 31px 10px;
        }

    .revel_pricing-table-1 .revel_pricebox_currency {
        font-size: 20px;
        line-height: 20px;
        position: relative;
        top: -20px;
    }

    .revel_pricing-table-1 .revel_pricebox_price {
        font-size: 50px;
        font-weight: 600;
        line-height: 50px;
        display: inline-block;
        margin: 19px 0;
    }

    .revel_pricing-table-1 .revel_pricebox_monthly {
        font-size: 16px;
        line-height: 16px;
    }

    .revel_pricing-table-1 .revel_pricebox_decsription {
        display: block;
        font-style: italic;
    }

    .revel_pricing-table-1 .revel_pricebox_feature {
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 16px;
    }

        .revel_pricing-table-1 .revel_pricebox_feature strong {
            font-weight: 300;
        }

        .revel_pricing-table-1 .revel_pricebox_feature:first-of-type {
            padding-top: 38px;
        }

        .revel_pricing-table-1 .revel_pricebox_feature:last-child {
            border-top: 1px solid #c8c8c8;
            margin-top: 48px;
            padding-top: 16px;
        }

    .revel_pricing-table-1.revel_popular-plan .revel_pricebox_feature_button {
        margin-bottom: 0;
    }

    .revel_pricing-table-1.revel_popular-plan .revel_pricebox_feature:last-child {
        padding-top: 25px;
    }

.revel_pricing-table-2 .revel_pricebox_header {
    background: #fff;
    color: #333;
    text-align: center;
}

.revel_pricing-table-2 .revel_pricebox_name {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 21px 10px;
    background: #333;
    color: #fff;
}

.revel_pricing-table-2.revel_popular-plan .revel_pricebox_name {
    background: #e42382;
    color: #fff;
    padding: 25px 10px;
}

.revel_pricing-table-2 .revel_pricebox_currency {
    font-size: 15px;
    position: relative;
    top: -33px;
}

.revel_pricing-table-2 .revel_pricebox_price {
    font-size: 65px;
    font-weight: 300;
    line-height: 65px;
    display: inline-block;
    padding-bottom: 26px;
    padding-top: 21px;
    font-style: italic;
}

.revel_pricing-table-2 .revel_pricebox_monthly {
    font-size: 12px;
}

.revel_pricing-table-2 .revel_pricebox_decsription {
    display: block;
    font-style: italic;
    padding-bottom: 30px;
}

.revel_pricing-table-2 .revel_pricebox_feature {
    background: #fff;
    display: block;
    border-bottom: 1px solid #c8c8c8;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

    .revel_pricing-table-2 .revel_pricebox_feature:last-of-type {
        border-bottom: 4px solid #333;
    }

.revel_pricing-table-2.revel_popular-plan .revel_pricebox_feature:last-of-type {
    border-bottom: 4px solid #e42382;
}

.revel_pricing-table-2 .revel_button {
    margin-top: 40px;
    margin-right: 0;
}

.revel_pricebox_feature .ABdev_icon-ok {
    color: #01f001;
}

.revel_pricebox_feature .ABdev_icon-remove {
    color: red;
}


/********** 2.17. Element: Progress bar *************************************************************/
.revel_meter {
    margin-bottom: 20px;
    font-size: inherit !important;
    background: #e7e7e7 !important;
    margin-left: 0px;
    height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

    .revel_meter .revel_meter_percentage {
        display: block;
        text-indent: 20px;
        color: #fff;
        font-size: inherit !important;
        background: #e42382 !important;
        height: 14px;
        line-height: 14px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        overflow: visible !important;
    }

.revel_progress_bar_balloon .revel_meter .revel_meter_percentage {
    position: relative;
}

.revel_meter .revel_meter_percentage span {
    text-indent: 0;
    position: absolute;
    display: block;
    width: 42px;
    text-align: right;
    top: -19px;
    right: 0;
    color: #858585;
    z-index: 100;
}

.revel_progress_bar_balloon .revel_meter .revel_meter_percentage span {
    background: #505050;
    color: #fff;
    text-align: center;
    top: -31px;
    line-height: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .revel_progress_bar_balloon .revel_meter .revel_meter_percentage span:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-top: 6px solid #505050;
        border-left: 3px solid rgba(255,255,255,0);
        border-right: 3px solid rgba(255,255,255,0);
        position: absolute;
        bottom: -6px;
        left: 18px;
    }

.revel_meter_label {
    font-size: 13px;
    line-height: inherit;
    float: none;
}

.revel_progress_bar_balloon .revel_meter .revel_meter_percentage span {
    display: none;
}

.revel_progress_bar_balloon .revel_meter .revel_meter_above10 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above20 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above30 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above40 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above50 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above60 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above70 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above80 span,
.revel_progress_bar_balloon .revel_meter .revel_meter_above90 span {
    display: block;
}


/********** 2.18. Element: Service boxes *************************************************************/
.revel_service_box {
    text-align: center;
    margin-bottom: 55px;
    padding-top: 0;
}

    .revel_service_box .revel_icon_boxed {
        display: inline-block;
        width: 100px;
        height: 100px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #e42382;
        position: relative;
        margin-bottom: 24px;
        text-decoration: none;
    }

    .revel_service_box.revel_service_box_round_stroke .revel_icon_boxed {
        background: none;
        border: 1px solid #333;
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

        .revel_service_box.revel_service_box_round_stroke .revel_icon_boxed i {
            color: #333;
            -webkit-transition: all 180ms ease-in;
            transition: all 180ms ease-in;
        }

    .revel_service_box.revel_service_box_round_stroke:hover .revel_icon_boxed {
        border: 1px solid #e42382;
        box-shadow: 0 0 0 5px #fff inset;
        background: #e42382;
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

        .revel_service_box.revel_service_box_round_stroke:hover .revel_icon_boxed i {
            color: #fff;
            -webkit-transition: all 180ms ease-in;
            transition: all 180ms ease-in;
        }

    .revel_service_box .revel_icon_boxed i {
        font-size: 48px;
        color: #fff;
        line-height: 100px;
        position: relative;
        top: -1px;
    }

    .revel_service_box:hover .revel_icon_boxed {
        background: #333;
    }

    .revel_service_box .revel_icon_boxed:hover:after {
        border-top: 9px solid #333;
        transition: all 180ms ease-in;
        -webkit-transition: all 180ms ease-in;
    }

    .revel_service_box p {
        line-height: 22px;
        margin-bottom: 22px;
        font-weight: 400;
    }

    .revel_service_box h3 {
        margin-bottom: 19px;
        color: #676767;
        font-size: 18px;
        font-weight: 400;
    }


    .revel_service_box.revel_service_box_round_aside {
        text-align: left;
    }

        .revel_service_box.revel_service_box_round_aside h3 {
            color: #333;
            margin-bottom: 8px;
        }

            .revel_service_box.revel_service_box_round_aside h3:hover {
                color: #e42382;
            }

        .revel_service_box.revel_service_box_round_aside p {
            line-height: 20px;
        }

        .revel_service_box.revel_service_box_round_aside .revel_icon_boxed {
            float: left;
            text-align: center;
            margin-right: 20px;
            width: 60px;
            height: 60px;
        }

            .revel_service_box.revel_service_box_round_aside .revel_icon_boxed i {
                line-height: 60px;
                font-size: 25px;
                top: 2px;
            }

    .revel_service_box.revel_service_box_aside_small {
        text-align: left;
    }

        .revel_service_box.revel_service_box_aside_small h3 {
            color: #333;
            font-weight: 600;
            margin-bottom: 15px;
        }

            .revel_service_box.revel_service_box_aside_small h3:hover {
                color: #e42382;
            }

        .revel_service_box.revel_service_box_aside_small p {
            line-height: 20px;
        }

        .revel_service_box.revel_service_box_aside_small .revel_icon_boxed {
            float: left;
            text-align: center;
            margin-right: 20px;
            margin-bottom: 0;
            width: auto;
            height: auto;
            background: none;
        }

            .revel_service_box.revel_service_box_aside_small .revel_icon_boxed i {
                line-height: 26px;
                font-size: 26px;
                color: #e42382;
            }

.revel_service_box_square .revel_icon_boxed {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    margin-bottom: 13px;
    width: auto;
    height: auto;
}

.revel_service_box_square:hover .revel_icon_boxed {
    background: none;
}

.revel_service_box_square .revel_icon_boxed i {
    color: #333;
    line-height: 48px;
}

.revel_service_box_square:hover .revel_icon_boxed i {
    color: #e42382;
}

/********** 2.19. Element: Divider *************************************************************/
.revel_divider {
    clear: both;
    text-align: right;
    line-height: 20px;
    border-top: 1px solid #eeeeee;
    margin: 10px;
}

    .revel_divider a {
        text-decoration: none;
        display: inline-block;
    }

        .revel_divider a:hover {
            text-decoration: none;
        }

    .revel_divider i {
        position: relative;
        top: 2px;
    }

.revel_divider_dashed {
    border-top: 1px dashed #eeeeee;
}

.revel_divider_dotted {
    border-top: 1px dotted #eeeeee;
}


/********** 2.20. Element: Pullquote *************************************************************/
.revel_pullquote {
    padding: 20px 20px 20px 0;
    font-size: 1.6em;
    float: left;
}

.revel_pullquote_right {
    padding: 20px 0 20px 20px;
    font-size: 1.6em;
    float: right;
}


/********** 2.21. Element: Tooltip *************************************************************/
.revel_tooltip {
    cursor: pointer;
}

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
    margin-top: -7px;
}

.tipsy-inner {
    background-color: #fff;
    color: #333;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

.tipsy-inner {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #fff;
}

.tipsy-arrow-n {
    border-bottom-color: #fff;
}

.tipsy-arrow-s {
    border-top-color: #fff;
}

.tipsy-arrow-e {
    border-left-color: #fff;
}

.tipsy-arrow-w {
    border-right-color: #fff;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}


/********** 2.22. Element: Source Code *************************************************************/
.revel_prettyprint {
    padding: 24px !important;
}

    .revel_prettyprint ol {
        margin: 0 !important;
        padding: 0 !important;
        list-style: decimal outside !important;
    }

    .revel_prettyprint li {
        margin-left: 20px !important;
        list-style: decimal outside !important;
    }


/********** 2.23. Element: RSS Feed *************************************************************/
.revel_rss,
.revel_rss li {
    list-style: none !important;
    margin-left: 0 !important;
}


/********** 2.24. Element: Children *************************************************************/
.revel_children,
.revel_children li {
    list-style: none !important;
    margin-left: 0 !important;
}


/********** 2.25. Element: Sitemap *************************************************************/
.revel_sitemap,
.revel_sitemap li {
    list-style: none !important;
}


/********** 2.27. Element: Dropcap *************************************************************/
.revel_dropcap {
    display: block;
    width: 54px;
    height: 54px;
    font-size: 50px;
    line-height: 54px;
    background: #1e6d81;
    text-align: center;
    color: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}


/********** 2.28. Element: Videos *************************************************************/
.revel-videoWrapper-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

    .revel-videoWrapper-youtube iframe,
    .revel-videoWrapper-youtube object,
    .revel-videoWrapper-youtube embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.revel-videoWrapper-vimeo {
    position: relative;
    padding-bottom: 53%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .revel-videoWrapper-vimeo iframe,
    .revel-videoWrapper-vimeo object,
    .revel-videoWrapper-vimeo embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videoWrapper-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

    .videoWrapper-youtube iframe,
    .videoWrapper-youtube object,
    .videoWrapper-youtube embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videoWrapper-vimeo {
    position: relative;
    padding-bottom: 53%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .videoWrapper-vimeo iframe,
    .videoWrapper-vimeo object,
    .videoWrapper-vimeo embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/********** 2.29. Element: Clear *************************************************************/
.revel_clear {
    clear: both;
}


/********** 2.30. Element: Callout Boxes *************************************************************/
.revel-callout_box {
    background: #f3f3f3;
    margin-bottom: 20px;
    padding: 20px;
    border-left: 6px solid #e42382;
    padding: 30px 30px;
}

.revel-callout_box_title {
    display: block;
    font-weight: 700;
    font-size: 22px;
    font-family: 'Open Sans';
    color: #505050;
    margin-bottom: 8px;
}

.revel-callout_box p {
    margin-bottom: 0;
    font-size: 14px;
}

.revel-callout_box .span3 {
    text-align: right;
}

.revel-callout_box .revel_column_dd_span3 {
    text-align: center;
    padding-top: 30px;
}

.revel-callout_box_no_button {
    border-left: none;
    border-top: 6px solid #e42382;
}


/********** 2.31. Element: Buttons *************************************************************/
.revel-button {
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

    .revel-button i {
        margin-left: 10px;
        position: relative;
        top: 1px;
    }

.revel-button_light {
    background: none;
    border: 1px solid #333;
    color: #333 !important;
}

.revel-button_dark {
    background: #505050;
    border: 1px solid #505050;
    color: #fff !important;
}

.revel-button_yellow {
    background: #ffd800;
    border: 1px solid #ffd800;
    color: #fff !important;
}

.revel-button_green {
    background: #67ae73;
    border: 1px solid #67ae73;
    color: #fff !important;
}

.revel-button_red {
    background: #e74c3c;
    border: 1px solid #e74c3c;
    color: #fff !important;
}

.revel-button_blue {
    background: #3498db;
    border: 1px solid #3498db;
    color: #fff !important;
}

.revel-button_gray {
    background: #f2f4f5;
    border: 1px solid #f2f4f5;
    color: #505050 !important;
}

.revel-button_cyan {
    background: #25bfba;
    border: 1px solid #25bfba;
    color: #fff !important;
}

.revel-button_aquamarine {
    background: #25bf80;
    border: 1px solid #25bf80;
    color: #fff !important;
}

.revel-button:hover {
    background: #505050;
    border: 1px solid #505050;
    color: #fff !important;
}

.revel-button_pink {
    background: #e42382;
    border: 1px solid #e42382;
    color: #fff !important;
}

.revel-button_dark:hover {
    background: #e42382;
    border: 1px solid #e42382;
    color: #fff !important;
}

.revel-button_light:hover {
    background: none;
    border: 1px solid #e42382;
    color: #e42382 !important;
}

.revel-button_small {
    padding: 10px 24px;
}

.revel-button_medium {
    padding: 14px 24px;
}

.revel-button_large {
    padding: 17px 40px;
}

.revel-button_xlarge {
    padding: 23px 40px;
}

.revel-button_rounded.revel-button_small {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px border-radius: 40px;
}

.revel-button_rounded.revel-button_medium {
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px border-radius: 48px;
}

.revel-button_rounded.revel-button_large {
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px border-radius: 54px;
}

.revel-button_rounded.revel-button_xlarge {
    -webkit-border-radius: 66px;
    -moz-border-radius: 66px border-radius: 66px;
}

/*-------- 2.32. Accordion & Toggle --------*/
.revel-accordion {
    margin-bottom: 40px;
}

.revel-toggle {
    margin-bottom: 10px;
}

.revel-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    border: 1px solid #e1e1e1;
    background: #f3f3f3;
    color: #505050;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: border-width 0.8s ease-in-out;
    -moz-transition: border-width 0.8s ease-in-out;
    -o-transition: border-width 0.8s ease-in-out;
    -ms-transition: border-width 0.8s ease-in-out;
    transition: border-width 0.8s ease-in-out;
    margin-top: 10px !important;
    padding: 13px 16px;
}

.revel-toggle .ui-accordion-header {
    border: 1px solid #e42382;
    background: #e42382;
    color: #fff;
}

.revel-accordion .ui-accordion-header:first-child {
    margin-top: 0px !important;
}

.revel-accordion .ui-accordion-header-active {
}

.revel-accordion .ui-accordion-content {
    border-top: 0;
    overflow: auto;
    border: 1px solid #e1e1e1;
    border-top: none;
    padding: 10px 16px 20px 16px;
    display: none;
    line-height: 22px;
}

.revel-toggle .ui-accordion-content {
    border: 1px solid #e42382;
}

.revel-accordion .ui-accordion-header-icon {
    display: block;
    position: absolute;
    left: auto;
    right: 7px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    background: none;
    color: #505050;
}

.revel-toggle .ui-accordion-header-icon {
    color: #fff;
}

.revel-accordion .ui-icon-triangle-1-e {
}

.revel-accordion .ui-icon-triangle-1-s {
}

/*-------- 2.33. Latest portfolio --------*/
#ABp_latest_portfolio .portfolio_item {
    height: 300px;
}

.latest_portfolio {
    padding-top: 76px;
    text-align: center;
}

    .latest_portfolio p {
        margin-bottom: 35px;
    }

    .latest_portfolio .portfolio_navigation a {
        color: #656565;
        margin: 0 8px;
    }

        .latest_portfolio .portfolio_navigation a:hover {
            color: #505050;
        }

/*-------- 2.34. Latest news --------*/
.latest_news_shortcode_content h5 {
    color: #e42382;
    font-size: 19px;
    margin-bottom: 0;
}

    .latest_news_shortcode_content h5 a {
        color: #e42382;
    }

.latest_news_shortcode_content p {
    color: #929292;
    font-size: 14px;
    margin-bottom: 17px;
}

/*-------- 2.35. Image Overlay --------*/
.ABdev_overlayed {
    position: relative;
    line-height: 1;
}

    .ABdev_overlayed .ABdev_overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        background: #e42382;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .ABdev_overlayed:hover .ABdev_overlay {
        filter: alpha(opacity=100);
        opacity: 1;
        background: rgba(9,61,113,0.75);
    }

    .ABdev_overlayed .ABdev_overlay p {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -20px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

        .ABdev_overlayed .ABdev_overlay p a {
            color: #fff;
            text-decoration: none;
        }

            .ABdev_overlayed .ABdev_overlay p a:hover {
                color: #e42382;
            }

    .ABdev_overlayed .ABdev_overlay i {
        font-size: 25px;
        margin: 0 8px;
    }

/*-------- 2.36. About box --------*/
.about_box p {
    margin-bottom: 22px;
}

.about_box_download_link {
    margin-left: 74px;
}


/*-------- 2.38. Testimonial --------*/
.ABt_testimonials_wrapper .caroufredsel_wrapper {
    margin: 0 !important;
    width: auto !important;
}

.ABt_testimonials_slide {
    padding: 0;
    list-style: none;
    display: block;
    width: auto !important;
}

    .ABt_testimonials_slide li {
        display: block;
        margin: 0;
        padding: 0;
        width: auto !important;
        background: #fff;
    }

.ABt_testimonials_wrapper .ABt_navigation {
    text-align: right;
    position: relative;
    font-size: 20px;
}

    .ABt_testimonials_wrapper .ABt_navigation a {
        text-decoration: none;
    }

.ABt_testimonials_slide .testimonial_big {
    padding-left: 40px;
    border-left: 1px solid #d9d9d9;
    margin-bottom: 70px;
    display: block;
}

    .ABt_testimonials_slide .testimonial_big p {
        font-family: Ubuntu;
        font-weight: 300;
        font-style: italic;
        font-size: 24px;
        line-height: 27px;
        color: #656560;
        margin-bottom: 27px;
    }

    .ABt_testimonials_slide .testimonial_big .source {
        color: #929292;
    }

        .ABt_testimonials_slide .testimonial_big .source a {
            font-weight: 700;
        }

.ABt_testimonials_slide .testimonial_small {
    display: block;
    margin-bottom: 70px;
}

    .ABt_testimonials_slide .testimonial_small p {
        font-style: italic;
        border-bottom: 5px solid #eee;
        margin-bottom: 26px;
    }

        .ABt_testimonials_slide .testimonial_small p:after {
            display: block;
            content: "";
            width: 0;
            height: 0;
            border-left: 16px solid #eee;
            border-bottom: 22px solid #fff;
            position: relative;
            top: 27px;
            left: 20px;
        }

    .ABt_testimonials_slide .testimonial_small .source {
        color: #929292;
    }

        .ABt_testimonials_slide .testimonial_small .source a {
            font-weight: 700;
        }

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

    .ABt_testimonials_slide .testimonial_small img {
        width: 50px;
        float: left;
        margin-right: 20px;
        margin-top: 5px;
    }

.ABt_form_wrapper input[type="text"],
.ABt_form_wrapper input[type="file"],
.ABt_form_wrapper textarea {
    margin-bottom: 20px;
}

.ABt_form_wrapper input[type="file"] {
    width: 100%;
}

.ABt_form_wrapper .ABt_client,
.ABt_form_wrapper .ABt_client_url,
.ABt_form_wrapper .ABt_company,
.ABt_form_wrapper .ABt_company_url {
    width: 48%;
}

.ABt_form_wrapper .ABt_client_url,
.ABt_form_wrapper .ABt_company_url {
    float: right;
}

.ABt_form_wrapper .ABt_text {
    width: 100%;
    height: 90px;
}

.ABt_form_wrapper .ABt_field_error {
    background: #ffe9e9;
}

.ABt_form_wrapper .ABt_success_message {
    display: none;
}

.ABt_form_wrapper .ABt_form .placeholder,
.ABt_form_wrapper .ABt_form label {
    color: #aaa;
}

.ABt_pagination {
    text-align: center;
}

.ABt_testimonials_wrapper {
    margin-bottom: 40px;
}

.ABt_testimonials_slide li {
    background: none;
}

.ABt_testimonials_slide .testimonial_small p {
    text-align: center;
    border-bottom: none;
    padding-top: 138px;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    font-style: normal;
    margin-bottom: 22px;
}

    .ABt_testimonials_slide .testimonial_small p:after {
        display: none;
    }

.ABt_testimonials_slide .testimonial_small img {
    width: 80px;
    height: 80px;
    height: auto;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 27px;
}

.ABt_testimonials_slide .testimonial_small .source {
    font-size: 16px;
    text-align: center;
    display: block;
    padding-bottom: 39px;
    color: #fff;
}

    .ABt_testimonials_slide .testimonial_small .source .ABt_author,
    .ABt_testimonials_slide .testimonial_small .source .ABt_company {
        font-weight: 300;
        font-style: italic;
    }

.revel_section_dd.section-pencil header h3 {
    margin-bottom: 5px;
    padding-top: 6px;
}

.ABt_testimonials_wrapper .ABt_navigation {
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -15px;
}

.ABt_testimonials_slide .testimonial_big {
    padding-left: 0px;
    border-left: none;
    margin-bottom: 70px;
    text-align: center;
}

    .ABt_testimonials_slide .testimonial_big p {
        font-family: 'Open Sans';
        font-size: 26px;
        font-style: italic;
        line-height: 37px;
    }

.pattern_overlayed .ABt_testimonials_slide .testimonial_big p,
.color_overlayed .ABt_testimonials_slide .testimonial_big p {
    color: #fff;
}

.ABt_testimonials_slide .testimonial_big .source,
.ABt_testimonials_slide .testimonial_big .source a {
    color: #e42382;
    font-size: 20px;
    font-weight: normal;
}

.pattern_overlayed .ABt_testimonials_slide .testimonial_big .source a:hover,
.color_overlayed .ABt_testimonials_slide .testimonial_big .source a:hover {
    color: #fff;
}

.ABt_pagination a {
    width: 24px;
    height: 6px;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    margin: 0 5px;
}

    .ABt_pagination a.selected {
        background: #fff;
    }

    .ABt_pagination a span {
        display: none;
    }

/*-------- 2.39. Hire Us --------*/
.hire_us {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 23px;
    line-height: 30px;
    color: #505050;
    padding-top: 30px;
}

    .hire_us i {
        vertical-align: baseline;
        display: inline-block;
        margin-right: 20px;
        top: 13px;
        margin-left: 15px;
    }


/*-----------------------------------------------------------------*/
/* 03. Global styles
/*-----------------------------------------------------------------*/
body {
    font-family: 'Open Sans', sans-serif;
    color: #676767;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}

    body.preloader {
        visibility: hidden;
        display: none;
    }

#jpreOverlay {
    background-color: #000000;
}

#jpreSlide {
    display: none;
}

#jpreLoader {
    width: 50%;
    height: 25px;
}

#jpreBar {
    border-top: 1px solid #aaa;
}

#jprePercentage {
    color: #aaa;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-align: center;
    font-size: 40px;
}

a {
    color: #505050;
    text-decoration: none;
    transition: all 180ms ease-in;
    -webkit-transition: all 180ms ease-in;
}

    a:hover {
        color: #656565;
        transition: all 180ms ease-in;
        -webkit-transition: all 180ms ease-in;
    }

p {
    margin-bottom: 17px;
    line-height: 22px;
}

hr {
    background-color: #d9d9d9;
    display: block;
    height: 1px;
    border-color: #d9d9d9;
    border: 0;
    padding: 0;
}

section {
    padding: 100px 0 40px 0;
}

    section.page_main_section:first-of-type {
        margin-top: 97px;
    }

    section.page_main_section .revel_section_dd:first-of-type {
        padding-top: 0;
    }

ul,
ol {
    margin-left: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans';
    font-weight: 300;
    color: #333;
    margin-bottom: 17px;
}

h1 {
    font-size: 30px;
    line-height: 30px;
}

h2 {
    font-size: 24px;
    line-height: 24px;
}

h3 {
    font-size: 20px;
    line-height: 20px;
}

h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
}

h5 {
    font-size: 16px;
    line-height: 16px;
}

h6 {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
}

h3 span {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
}

em {
    font-style: italic;
}

blockquote {
    font-size: 20px;
    line-height: 26px;
    font-style: italic;
    margin-bottom: 40px;
}

    blockquote cite {
        font-size: 16px;
        display: block;
        font-weight: 700;
    }

dt {
    font-weight: 700;
}

dd {
    padding-left: 50px;
}

.main_title {
    text-align: center;
    position: relative;
    margin-bottom: 42px;
}

    .main_title span {
        display: inline-block;
        text-transform: uppercase;
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 86px;
    }

    .main_title:before {
        display: block;
        content: "";
        height: 1px;
        width: 36px;
        border-left: 82px solid #ddd;
        border-right: 82px solid #ddd;
        position: absolute;
        bottom: 43px;
        left: 50%;
        margin-left: -100px;
    }

    .main_title:after {
        display: block;
        content: "";
        height: 36px;
        width: 36px;
        position: absolute;
        bottom: 25px;
        left: 50%;
        margin-left: -18px;
        color: #e42382;
        font-family: 'entypo';
        font-size: 18px;
        content: "\e662";
    }

.revel_section_dd header p {
    padding: 0 220px;
}

input[type="text"], input[type="password"], input[type="email"], .e-input-group {
    padding: 7px 11px !important;
    margin-bottom: 15px;
}

textarea {
    padding: 13px 11px;
    margin-bottom: 36px;
}

button,
input[type="submit"] {
    padding: 15px 22px !important;
    display: inline-block;
    cursor: pointer;
    /*background: #505050;
		color: #fff;*/
    margin-bottom: 40px;
}

    button:hover,
    input[type="submit"]:hover {
        background: #115c6f;
    }

.placeholder {
    color: #929292;
}

strong,
.strong {
    font-weight: bold;
}

.underlined {
    display: inline-block;
    background: url("../images/underlined_bg.png") bottom repeat-x;
}

.italic {
    font-style: italic;
}

.highlighted,
.search-highlight {
    background: #f1eb3c;
    display: inline-block;
    padding: 0 3px;
}

.alignleft {
    float: left;
    margin-right: 30px;
}

.alignright {
    float: right;
    margin-left: 30px;
}

.color_highlight {
    color: #e42382;
}

.bold {
    font-weight: 700;
}

.revel_dropcap {
    position: relative;
    top: 6px;
    background: #e42382;
}

.section_color_background {
    background: #e42382;
    margin-bottom: 0;
}

.leading_line {
    margin-bottom: 80px !important;
}

    .leading_line:after {
        content: "";
        display: block;
        position: relative;
        bottom: -40px;
        width: 70px;
        height: 5px;
        background: #e42382;
    }

.center_aligned.leading_line:after {
    left: 50%;
    margin-left: -35px;
}

.right_aligned.leading_line:after {
    left: 100%;
    margin-left: -70px;
}

.last_child {
    margin-right: 0 !important;
}

.content_with_right_sidebar {
}

.content_with_left_sidebar {
    float: right !important;
}

.span12.content_with_right_sidebar {
    padding-right: 0;
}

.left_aligned {
    text-align: left;
}

.right_aligned {
    text-align: right;
}

.center_aligned,
.aligncenter {
    text-align: center;
}

.no_padding_bottom {
    padding-bottom: 0;
}

.no_padding_top {
    padding-top: 0;
}

.wp-caption.aligncenter {
    width: 100% !important;
}

.margin_bottom {
    margin-bottom: 40px;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

table {
    line-height: 2;
    margin: 0 0 40px;
    width: 100%;
}

th {
    font-weight: 700;
}

.pattern_overlayed,
.color_overlayed {
    position: relative;
    color: #fff !important;
}

    .pattern_overlayed:before,
    .color_overlayed:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .pattern_overlayed:before {
        background: url(https://www.anbiregister.nl/images/pattern_overlay.png);
        background-color: rgba(0,0,0,0.75);
    }

    .color_overlayed:before {
        background: rgba(0,0,0,0.85);
    }

    .pattern_overlayed .revel_container,
    .color_overlayed .revel_container {
        z-index: 1;
        position: relative;
    }

/*-------- 3.1. Inner columns --------*/
.container,
.revel_container {
    width: 1060px;
    margin: 0 auto;
}

    .container .revel_container {
        width: 100%;
    }

.content_with_left_sidebar > .revel_section_DD,
.content_with_right_sidebar > .revel_section_DD,
.content_fullwidth > .revel_section_DD {
    padding-top: 0;
}

.row {
    width: 100%;
}

    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row:after {
        clear: both;
    }

    .row > [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 20px;
        margin-left: 2.564102564102564%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .row > [class*="span"]:first-child {
            margin-left: 0;
        }

    .row .span12 {
        width: 100%;
    }

    .row .span11 {
        width: 91.45299145299145%;
    }

    .row .span10 {
        width: 82.90598290598291%;
    }

    .row .span9 {
        width: 74.35897435897436%;
    }

    .row .span8 {
        width: 65.81196581196581%;
    }

    .row .span7 {
        width: 57.26495726495726%;
    }

    .row .span6 {
        width: 48.71794871794872%;
    }

    .row .span5 {
        width: 40.17094017094017%;
    }

    .row .span4 {
        width: 31.62393162393162%;
    }

    .row .span3 {
        width: 23.07692307692308%;
    }

    .row .span2 {
        width: 14.52991452991453%;
    }

    .row .span1 {
        width: 5.982905982905983%;
    }

.half,
.third,
.fourth,
.fifth {
    float: left;
}

.alpha {
    margin-left: 0 !important;
}

.half {
    width: 50%;
}

.third {
    width: 33.33333%;
}

.fourth {
    width: 25%;
}

.fifth {
    width: 20%;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.no_margin {
    margin: 0;
}

.no_padding {
    padding: 0;
}

.bottom_margin {
    margin-bottom: 40px;
}

.wp-caption {
    max-width: 100% !important;
}

/*-------- 3.2. Clearfix --------*/
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}


/*-----------------------------------------------------------------*/
/* 04. Header
/*-----------------------------------------------------------------*/
#abdev_main_header {
    width: 100%;
    background: #fff;
    padding: 22px 0px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    visibility: visible;
}

    #abdev_main_header.menu_over_slider {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #abdev_main_header #main_logo {
        display: block;
    }

    #abdev_main_header #inversed_logo {
        display: none;
    }

    #abdev_main_header.menu_over_slider #main_logo {
        display: none;
    }

    #abdev_main_header.menu_over_slider #inversed_logo {
        display: block;
    }

    #abdev_main_header.menu_over_slider .menu_social {
        color: #fff;
        border-color: #fff;
    }

        #abdev_main_header.menu_over_slider .menu_social:hover {
            color: #e42382;
            border-color: #e42382;
        }

#abdev_main_slider {
    padding: 0;
    background-size: cover;
    position: relative;
}

#abdev_main_slider_content {
    text-align: center;
}

#abdev_main_slider_logo {
    position: absolute;
    top: 10%;
    width: 100%;
}

#abdev_main_slider_text {
    font-size: 70px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 84px;
    position: absolute;
    top: 30%;
    width: 100%;
}

    #abdev_main_slider_text .bold {
        font-size: 84px;
        display: block;
    }

#abdev_main_slider_scroll {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

.abdev_main_slider_scroll_icon {
    display: inline-block;
    background: rgba(0,0,0,0.5);
    padding: 9px 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.abdev_main_slider_scroll_info {
    font-family: 'Open Sans';
    text-transform: uppercase;
}

.pattern_overlayed #abdev_main_slider_content,
.color_overlayed #abdev_main_slider_content {
    z-index: 1;
}

#logo {
    float: left;
}


/*-------- 4.1. Main menu --------*/
#ABdev_menu_toggle {
    display: none;
    cursor: pointer;
}

nav > ul {
    list-style: none;
    margin: 14px 0 0 0;
    float: right;
    position: relative;
}

    nav > ul > li {
        float: left;
    }

        nav > ul > li a {
            color: #333;
            font-family: 'Open Sans';
            font-weight: 400;
            font-size: 13px;
            text-transform: uppercase;
            text-align: center;
            display: inline-block;
            padding-bottom: 4px;
        }

        nav > ul > li > a {
            margin-left: 32px;
        }

        nav > ul > li a:hover {
            color: #e42382;
        }

        nav > ul > li span {
            display: block;
        }

    nav > ul ul {
        display: none;
        list-style: none;
        position: absolute;
        background: #fff;
        border: 1px solid #e1e1e1;
        border-top: none;
        margin: 0;
        min-width: 228px;
        margin-top: 33px;
        z-index: 2001;
    }

    nav > ul > li > ul:before {
        content: "";
        display: block;
        position: absolute;
        width: 228px;
        min-width: 228px;
        height: 36px;
        top: -36px;
        left: 0;
        z-index: 2004;
    }

    nav > ul li:hover > ul,
    nav > ul li.sfHover > ul {
        display: block;
        z-index: 2003;
    }

    nav > ul ul li {
        position: relative;
    }

        nav > ul ul li a {
            width: 100%;
            text-align: left;
            padding: 6px 13px 7px 13px;
        }

        nav > ul ul li:hover {
            background: #f4f3f3;
        }

            nav > ul ul li:hover a {
                color: #656565;
            }

    nav > ul ul ul {
        position: absolute;
        left: 100%;
        top: 0;
        margin-left: 10px;
        margin-top: 0;
        z-index: 2002;
        border: 1px solid #e1e1e1;
    }

        nav > ul ul ul:before {
            position: absolute;
            content: "";
            top: 0;
            left: -11px;
            width: 11px;
            height: 100px;
        }

nav .menu_social {
    float: right;
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    margin-left: 5px;
    margin-top: 10px;
}

    nav .menu_social:last-of-type {
        margin-left: 22px;
    }

    nav .menu_social:hover {
        color: #e42382;
        border-color: #e42382;
    }

.sf-arrows .sf-with-ul:after {
    content: "\e6d4";
    font-family: 'entypo';
    color: #aaa;
    margin-left: 5px;
    float: right;
    position: relative;
    top: 2px;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
    top: 0;
}

.sf-arrows ul li:hover .sf-with-ul:after {
    color: #fff;
}

.sf-arrows > li:hover > .sf-with-ul:after {
    color: #d84949;
}

.sf-arrows .current_menu_ancestor .sf-with-ul:after {
    color: #333;
}

nav > ul > .current-menu-item > a,
nav > ul > .current-post-ancestor > a,
nav > ul > .current-menu-ancestor > a {
    color: #e42382;
}

#abdev_main_header.menu_over_slider nav > ul > li a {
    color: #fff;
}

    #abdev_main_header.menu_over_slider nav > ul > li a:hover {
        color: #e42382;
    }

#abdev_main_header.menu_over_slider nav > ul ul {
    background: #333;
    border: none;
}

    #abdev_main_header.menu_over_slider nav > ul ul li:hover {
        background: #222;
    }

#abdev_main_header.menu_over_slider nav > ul > li > ul {
    margin-top: 14px;
}

    #abdev_main_header.menu_over_slider nav > ul > li > ul:before {
        height: 14px;
        top: -14px;
    }


/*-------- 4.2. Teaser Bar --------*/
#teaser_bar {
    background: #f6f6f6;
    padding: 55px 0;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 18px;
}


/*-----------------------------------------------------------------*/
/* 05. Slider place
/*-----------------------------------------------------------------*/

#frontpage_slider {
    padding: 0;
    margin: 0;
}

.tp-leftarrow.custom,
.tp-rightarrow.custom {
    background: none !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 48px;
    height: 48px;
}

.tp-leftarrow.custom {
    border-left: 2px solid rgba(255,255,255,0.5);
    border-bottom: 2px solid rgba(255,255,255,0.5);
    margin-left: 40px;
}

.tp-rightarrow.custom {
    border-top: 2px solid rgba(255,255,255,0.5);
    border-right: 2px solid rgba(255,255,255,0.5);
    margin-right: 40px;
}

    .tp-leftarrow.custom:hover,
    .tp-rightarrow.custom:hover {
        background: none !important;
        border-color: #fff;
    }

.tp-leftarrow.preview1 .tp-arr-imgholder {
    -webkit-transform: rotateY(100deg);
    transform: rotateY(-100deg);
}

.tp-bullets.simplebullets.round .bullet {
    background-image: url(https://www.anbiregister.nl/images/bullet.png);
}

.tp-dottedoverlay {
    z-index: 2;
}

    .tp-dottedoverlay.twoxtwo {
        background: url(https://www.anbiregister.nl/images/pattern_overlay.png);
    }

.tp-bullets.simplebullets.round .bullet {
    background: #999;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 7px;
}

    .tp-bullets.simplebullets.round .bullet:hover,
    .tp-bullets.simplebullets.round .bullet.selected {
        background-color: #e42382;
    }

.revelance-small-with-lines:before,
.revelance-small-with-lines:after {
    display: block;
    content: "";
    width: 250px;
    height: 2px;
    background: #fff;
    top: 50%;
    position: absolute;
    margin-top: -1px;
}

.revelance-small-with-lines:before {
    left: -275px;
}

.revelance-small-with-lines:after {
    right: -275px;
}

.tp-caption.revelance-button {
}

    .tp-caption.revelance-button a {
        text-decoration: none;
        color: #fff;
        padding: 15px 30px 15px 30px;
        display: inline-block;
        -webkit-transition: all 300ms !important;
        transition: all 300ms !important;
    }

    .tp-caption.revelance-button:hover {
        color: #fff;
        border-color: #e42382;
        background: #e42382;
        -webkit-transition: all 300ms !important;
        transition: all 300ms !important;
    }

/*-----------------------------------------------------------------*/
/* 06. Blog
/*-----------------------------------------------------------------*/
.sidebar_left {
    margin-left: 0 !important;
    padding-right: 20px;
}

.sidebar_right {
    padding-left: 20px;
}

/*-------- 6.1. Blog Posts --------*/

.post_wrapper {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

.post_content {
    position: relative;
    min-height: 200px;
    padding-bottom: 3px;
}

    .post_content.post_content.blog_category_index_masonry,
    .post_content.post_content.blog_category_index_masonry3 {
        margin-bottom: 40px;
    }

    .post_content p:last-child {
        margin-bottom: 10px;
    }

    .post_content .revel_section_DD {
        padding: 0;
    }

    .post_content > img,
    .post_content > .videoWrapper-vimeo,
    .post_content > .videoWrapper-youtube {
        margin-bottom: 10px;
    }

    .post_content.blog_category_index_masonry > img,
    .post_content.blog_category_index_masonry > .videoWrapper-vimeo,
    .post_content.blog_category_index_masonry > .videoWrapper-youtube,
    .post_content.blog_category_index_masonry3 > img,
    .post_content.blog_category_index_masonry3 > .videoWrapper-vimeo,
    .post_content.blog_category_index_masonry3 > .videoWrapper-youtube {
        margin-bottom: 13px;
    }

    .post_content > iframe {
        margin-bottom: 8px;
    }

    .post_content h2 {
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 300;
        font-family: 'Open Sans';
        margin-bottom: 10px;
        color: #333;
    }

    .post_content.blog_category_index_masonry h2,
    .post_content.blog_category_index_masonry3 h2 {
        font-size: 22px;
        margin-bottom: 7px;
    }

.post_meta {
    margin-bottom: 15px;
}

    .post_meta i {
        font-size: 12px;
        position: relative;
        top: 1px;
        color: #333;
        margin-right: 7px;
    }

    .post_meta > span {
        margin-right: 10px;
    }

.grid_content {
    line-height: 22px;
}

.more-link {
    display: inline-block;
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #333;
    font-weight: 600;
    padding: 3px 15px 4px 15px;
    margin-top: 20px;
    margin-bottom: 0px;
}

    .more-link:hover {
        background: #e42382;
        border: 1px solid #e42382;
        color: #fff !important;
    }

.post_excerpt {
    line-height: 38px;
    margin-top: -4px;
}

.sticky {
    background: #f2f2f2;
    margin-bottom: 40px;
    padding: 40px 20px 40px 20px;
}

/*-------- 6.2. Post Comments --------*/
#comments_section {
    margin-top: 40px;
    padding-bottom: 0;
    border-top: 1px solid #dddddd;
    padding-top: 54px;
}

    #comments_section ul,
    #comments_section ol {
        list-style: none;
        margin-left: 0;
    }

.comment-text {
    border: 1px solid #dddddd;
    padding: 20px 13px;
    margin-top: 30px;
}

.comment p {
    margin-bottom: 0;
}

#comments_section p.logged-in-as,
#comments_section p.comment-notes {
    margin-bottom: 22px;
}

.comment {
    position: relative;
    padding-left: 83px;
    min-height: 70px;
}

    .comment .avatar {
        position: absolute;
        top: 30px;
        left: 0;
    }

    .comment .children {
        padding-top: 0px;
    }

    .comment .comment-author {
        font-size: 18px;
        font-weight: 400;
        display: inline-block;
        padding-right: 4px;
    }

    .comment .reply,
    .comment .reply a,
    .comment .edit-link,
    .comment .edit-link a {
        display: inline-block;
        float: right;
    }

    .comment time {
        font-size: 14px;
        color: #858585;
        display: inline-block;
        padding-bottom: 23px;
    }

    .comment .reply a:hover,
    .comment .edit-link a:hover {
        color: #e42382;
    }

    .comment .reply:after,
    .comment .edit-link:after {
        content: "\e60a";
        display: inline;
        margin: 0 4px;
        font-family: entypo;
        float: right;
    }

    .comment .edit-link:before {
        margin-right: 7px;
    }

#respond {
    padding-top: 57px;
    border-top: 1px solid #dddddd;
    margin-top: 55px;
}

    #respond .comment-reply-title {
        text-transform: uppercase;
        font-family: 'Open Sans';
        font-weight: 700;
        font-size: 22px;
    }

    #respond .comment_fields p {
        width: 32%;
        margin-right: 2%;
        display: block;
        float: left;
        margin-bottom: 0;
    }

        #respond .comment_fields p:last-child {
            margin-right: 0;
        }

    #respond #comment {
        margin-bottom: 14px;
    }

    #respond .comment-form-comment {
        margin-bottom: 0;
    }

    #respond #comment-submit {
        -webkit-appearance: none;
        background: #333333;
        margin: 0;
        border: none;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Open Sans';
        font-size: 13px;
        padding: 14px 11px;
        margin-bottom: 23px;
    }


/*-------- 6.3. Post Pagination --------*/
.pagination-centered {
    text-align: center;
}

#blog_pagination .container {
    position: relative;
}

#blog_pagination .page-numbers {
    text-transform: uppercase;
    display: inline-block;
    margin: 0 4px;
    color: #333;
    font-size: 12px;
    border: 1px solid #333;
    font-weight: 600;
    padding: 3px 15px 4px 15px;
}

    #blog_pagination .page-numbers:hover {
        background: #e42382;
        color: #fff;
        border-color: #e42382;
    }

    #blog_pagination .page-numbers.current {
        background: #e42382;
        color: #fff;
        border-color: #e42382;
    }

#blog_pagination .prev {
    position: absolute;
    left: 0;
    margin: 0;
}

#blog_pagination .next {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

#portfolio_pagination {
    padding-top: 40px;
}

    #portfolio_pagination .container {
        min-height: 46px;
    }

    #portfolio_pagination #single_post_pagination {
        margin-top: 0;
    }

#inner_post_pagination span {
    text-transform: uppercase;
    display: inline-block;
    margin: 0 4px;
    font-size: 12px;
    border: 1px solid #e42382;
    font-weight: 600;
    padding: 3px 15px 4px 15px;
    background: #e42382;
    color: #fff;
}

#inner_post_pagination a span {
    text-transform: uppercase;
    display: inline-block;
    margin: 0 4px;
    color: #333;
    background: none;
    font-size: 12px;
    border: 1px solid #333;
    font-weight: 600;
    padding: 3px 15px 4px 15px;
}

#inner_post_pagination a:hover span {
    color: #fff;
    background: #e42382;
    border-color: #e42382;
}



/*-----------------------------------------------------------------*/
/* 07. Contact Form
/*-----------------------------------------------------------------*/
.c_form input {
    padding: 13px 11px;
    height: 55px;
    margin-top: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
}

.c_form textarea {
    padding: 18px 10px;
    height: 122px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
}

.revelcf-submit {
    width: auto;
    padding: 5px 11px;
    border: none;
    background: #e42382 !important;
    color: #fff !important;
    margin: 0;
    font-size: 15px !important;
    font-family: 'Open Sans';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 15px;
    margin-bottom: 40px;
    cursor: pointer;
    transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
    -webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
    -webkit-appearance: none;
}

    .revelcf-submit:hover {
        background: #505050 !important;
        transition: background 180ms, color 180ms, border-color 180ms;
        -webkit-transition: background 180ms, color 180ms, border-color 180ms;
    }

.revelcf-response-output {
    padding: 19px 19px 19px 49px !important;
    background: #ffe9e9;
    color: #d04544;
    border: none !important;
    margin: 0 !important;
    display: none;
    position: relative;
}

    .revelcf-response-output:before {
        content: "\e678"; /* entypo-cross */
        font-size: 16px;
        font-family: 'entypo';
        position: absolute;
        top: 19px;
        left: 19px;
    }

    .revelcf-response-output.success {
        background: #e9f3d2;
        color: #91b64f;
    }

        .revelcf-response-output.success:before {
            content: "\e677"; /* entypo-checkmark */
            font-size: 16px;
            font-family: 'entypo';
            position: absolute;
            top: 19px;
            left: 19px;
        }


/*-----------------------------------------------------------------*/
/* 08. Widgets
/*-----------------------------------------------------------------*/
.widget input {
    margin-bottom: 0;
}

aside .widget {
    margin-bottom: 42px;
}

    aside .widget h3 {
        font-size: 18px;
        font-weight: 300;
        font-family: 'Open Sans';
        text-transform: uppercase;
        color: #333;
        margin-bottom: 10px;
        line-height: 26px;
    }

    aside .widget a {
        color: #858585;
    }

        aside .widget a:hover {
            color: #e42382;
        }

    aside .widget select {
        max-width: 100%;
    }

.widget > ul,
.widget > ul ul {
    list-style: none;
    margin-left: 0;
}

    .widget > ul li {
        position: relative;
        padding-left: 14px;
        margin-bottom: 6px;
    }

        .widget > ul li a {
            color: #333;
        }

        .widget > ul li:before,
        .widget div > ul li:before {
            position: absolute;
            content: '\e6d4';
            display: block;
            left: 0;
            top: 1px;
            font-family: 'entypo'
        }

.widget .textwidget {
    line-height: 22px;
}

/*-------- 8.1. Search --------*/
.widget_search form {
    position: relative;
}

.widget_search a {
    cursor: pointer;
}

.widget_search i {
    color: #858585;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
}

.widget_search input {
    padding: 10px 20px;
    font-size: 13px;
    height: 35px;
}

.search_results_content_item {
    padding-left: 41px;
    position: relative;
}

.search_resuls_number {
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 19px;
}

.search_results_content_item h4 {
    margin-bottom: 12px;
}

/*-------- 8.2. Tag Cloud --------*/
.tagcloud a {
    border: 1px solid #676767;
    display: inline-block;
    margin: 6px 9px 4px 0;
    padding: 8px 9px 6px 9px;
    float: left;
    color: #676767;
    font-size: 12px !important;
    text-transform: uppercase;
}

    .tagcloud a:hover {
        background: #e42382;
        border: 1px solid #e42382;
        color: #fff !important;
    }

.tagcloud:after {
    display: block;
    clear: both;
    content: "";
    height: 0;
}

#abdev_main_footer .tagcloud a {
    border: 1px solid #5f5f5e;
}

    #abdev_main_footer .tagcloud a:hover {
        color: #434342;
        border-color: #929292;
    }

#footer_punchline i {
    color: #e42382;
    line-height: 15px;
    font-size: 15px;
}

/*-------- 8.3. Flickr stream --------*/
.flickr-stream a {
    float: left;
    margin: 0 10px 10px 0;
    display: inline-block;
    position: relative;
}

    .flickr-stream a:hover:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.2);
    }

.flickr-stream img {
    width: 80px;
    height: 80px;
}

/*-------- 8.4. Twitter Widget --------*/
.ab-tweet-scroller {
    overflow: hidden;
    height: 0;
}

    .ab-tweet-scroller .caroufredsel_wrapper {
        display: block;
        text-align: start;
        float: left;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: auto;
        margin: 0;
        overflow: hidden;
        position: relative;
        width: 1060px;
        height: 136px;
        width: 100% !important;
    }

.ab-tweet-scroller-inner {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100% !important;
}

.ab-tweet-item {
    text-align: center;
    padding: 20px;
    width: 100% !important;
}

.ab-tweet-date {
    display: block;
}

.ab-tweet-links {
    padding-top: 10px;
}

    .ab-tweet-links a {
        padding: 3px 5px;
    }

.ab-tweet-navigation {
    text-align: center;
}

.ab-tweet-scroller {
    margin-bottom: 40px;
}

.pattern_overlayed .pi_tweet_scroll .tweet-list li small,
.color_overlayed .pi_tweet_scroll .tweet-list li small {
    display: block;
    width: 100%;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.revel_section_dd.section-twitter .ab-tweet-scroller .ab-tweet-item .ab-tweet-date {
    color: #fff;
    font-weight: 400;
    padding-bottom: 22px;
}

.ab-tweet-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.ab-tweet-item {
    padding: 0 0 71px 0;
}

.ab-tweet-navigation {
    z-index: 1;
    bottom: -20px;
}

    .ab-tweet-navigation a {
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        background: #e42382;
        color: #fff;
        display: inline-block;
        border-radius: 3px;
        margin: 0 1px;
        font-size: 18px;
    }

.color_overlayed .ab-tweet-navigation a,
.color_overlayed .ab-tweet-navigation a {
    color: #fff;
}

.pattern_overlayed .pi_tweet_scroll .tweet-list li, .col_overlayed .pi_tweet_scroll .tweet-list li,
.color_overlayed .pi_tweet_scroll .tweet-list li, .col_overlayed .pi_tweet_scroll .tweet-list li {
    font-size: 18px;
    text-align: center;
    padding: 40px 0;
    position: relative;
}

/*-------- 8.5. Custom Menu Widget --------*/
.widget_nav_menu ul {
    margin-left: 0;
}

    .widget_nav_menu ul li {
        position: relative;
        list-style: none;
        padding-left: 14px;
    }

        .widget_nav_menu ul li a {
            width: 100%;
            display: block;
            margin-bottom: 6px;
        }


/*-------- 8.6. Login Widget bbPress --------*/
.bbp-login-form .button {
    margin-bottom: 0;
}

/*-----------------------------------------------------------------*/
/* 09. Pages
/*-----------------------------------------------------------------*/

/*-------- 9.1. Portfolio --------*/

.ab_latest_portfolio {
    overflow: hidden;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    position: relative;
    height: auto;
}

    /* Common style */
    .ab_latest_portfolio figure {
        position: relative;
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        margin: -0.135em;
        background: #000;
        text-align: center;
        cursor: pointer;
    }

        .ab_latest_portfolio figure h4 {
            color: #fff;
            font-size: 26px;
            line-height: 26px;
            text-shadow: 0px 0px 20px #000;
        }

        .ab_latest_portfolio figure img {
            position: relative;
            display: block;
            opacity: 0.7;
        }

        .ab_latest_portfolio figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .ab_latest_portfolio figure figcaption::before,
            .ab_latest_portfolio figure figcaption::after {
                pointer-events: none;
            }

        .ab_latest_portfolio figure figcaption,
        .ab_latest_portfolio figure a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        /* Anchor will cover the whole item by default */
        /* For some effects it will show as a button */
        .ab_latest_portfolio figure a {
            z-index: 1000;
            text-indent: 200%;
            white-space: nowrap;
            font-size: 0;
            opacity: 0;
        }

        .ab_latest_portfolio figure h4 {
            word-spacing: -0.15em;
            font-weight: 300;
        }

            .ab_latest_portfolio figure h4 span {
                font-weight: 800;
            }

        .ab_latest_portfolio figure h4,
        .ab_latest_portfolio figure p {
            margin: 0;
        }

        .ab_latest_portfolio figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
        }
/*-------- 9.1.1. Portfolio Effects --------*/

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie img {
    width: 100%;
}

figure.effect-sadie h4 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h4 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
    background: -webkit-linear-gradient(45deg, #333 0%, #000 100%);
    background: linear-gradient(45deg, #333 0%,#000 100%);
}

    figure.effect-roxy img {
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        opacity: 0.5
    }

    figure.effect-roxy figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    figure.effect-roxy figcaption {
        padding: 3em;
        text-align: left;
    }

    figure.effect-roxy h4 {
        padding: 30% 0 10px 0;
    }

    figure.effect-roxy p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    figure.effect-roxy:hover img {
        opacity: 0.7;
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    figure.effect-roxy:hover figcaption::before,
    figure.effect-roxy:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
    background: #333;
}

    figure.effect-bubba img {
        opacity: 0.7;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        width: 100%;
    }

    figure.effect-bubba:hover img {
        opacity: 0.4;
    }

    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-bubba figcaption::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
    }

    figure.effect-bubba figcaption::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
    }

    figure.effect-bubba h4 {
        padding-top: 30%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    figure.effect-bubba p {
        padding: 20px 2.5em;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-bubba:hover figcaption::before,
    figure.effect-bubba:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-bubba:hover h4,
    figure.effect-bubba:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

    figure.effect-romeo img {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,0,300px);
        transform: translate3d(0,0,300px);
        width: 100%;
    }

    figure.effect-romeo:hover img {
        opacity: 0.6;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-romeo figcaption::before,
    figure.effect-romeo figcaption::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 1px;
        background: #fff;
        content: '';
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    figure.effect-romeo:hover figcaption::before {
        opacity: 0.5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
        transform: translate3d(-50%,-50%,0) rotate(45deg);
    }

    figure.effect-romeo:hover figcaption::after {
        opacity: 0.5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
        transform: translate3d(-50%,-50%,0) rotate(-45deg);
    }

    figure.effect-romeo h4,
    figure.effect-romeo p {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-romeo h4 {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    }

    figure.effect-romeo p {
        padding: 0.25em 2em;
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    }

    figure.effect-romeo:hover h4 {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
    }

    figure.effect-romeo:hover p {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,100%,0);
    }


/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #666 0%, #000 30%, #000 70%, #666 100%);
    background: linear-gradient(45deg, #666 0%, #000 30%, #000 70%, #666 100%);
}

    figure.effect-oscar img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        width: 100%;
    }

    figure.effect-oscar figcaption {
        padding: 3em;
        background-color: rgba(0,0,0,0.7);
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s;
    }

        figure.effect-oscar figcaption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            border: 1px solid #fff;
            content: '';
        }

    figure.effect-oscar h4 {
        margin: 20% 0 10px 0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    figure.effect-oscar figcaption::before,
    figure.effect-oscar p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    figure.effect-oscar:hover h4 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-oscar:hover figcaption::before,
    figure.effect-oscar:hover p {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-oscar:hover figcaption {
        background-color: rgba(58,52,42,0);
    }

    figure.effect-oscar:hover img {
        opacity: 0.4;
    }

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley img {
    opacity: 0.5;
    width: 100%;
}

figure.effect-marley figcaption {
    text-align: right;
}

figure.effect-marley h4,
figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}


figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-marley h4 {
    top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h4 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-marley h4::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-marley h4::after,
figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h4::after,
figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
    background-color: #000;
}

    figure.effect-ruby img {
        opacity: 0.7;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        width: 100%;
    }

    figure.effect-ruby:hover img {
        opacity: 0.3;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-ruby h4 {
        margin-top: 20%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-ruby p {
        margin: 1em 0 0;
        padding: 3em;
        border: 1px solid #fff;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0) scale(1.1);
        transform: translate3d(0,20px,0) scale(1.1);
    }

    figure.effect-ruby:hover h4 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-ruby:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
    background: #000;
}

    figure.effect-milo img {
        width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-19px,0,0) scale(1.12);
        transform: translate3d(-19px,0,0) scale(1.12);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-milo:hover img {
        opacity: 0.5;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }

    figure.effect-milo h4 {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 1em 1.2em;
    }

    figure.effect-milo p {
        padding: 0 10px 0 0;
        width: 50%;
        border-right: 1px solid #fff;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-40px,0,0);
        transform: translate3d(-40px,0,0);
    }

    figure.effect-milo:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%);
}

    figure.effect-dexter img {
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        width: 100%;
    }

    figure.effect-dexter:hover img {
        opacity: 0.5;
    }

    figure.effect-dexter figcaption::after {
        position: absolute;
        right: 30px;
        bottom: 30px;
        left: 30px;
        height: -webkit-calc(50% - 30px);
        height: calc(50% - 30px);
        border: 1px solid #fff;
        content: '';
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    figure.effect-dexter:hover figcaption::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-dexter figcaption {
        padding: 3em;
        text-align: left;
    }

    figure.effect-dexter p {
        position: absolute;
        right: 60px;
        bottom: 60px;
        left: 60px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0);
    }

    figure.effect-dexter:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
    background: #e42382;
}

    figure.effect-sarah img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0.9;
        width: 100%;
    }

    figure.effect-sarah:hover img {
        opacity: 0.4;
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    figure.effect-sarah figcaption {
        text-align: left;
    }

    figure.effect-sarah h4 {
        position: relative;
        overflow: hidden;
        padding: 0.5em 0;
    }

        figure.effect-sarah h4::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #fff;
            content: '';
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

    figure.effect-sarah:hover h4::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-sarah p {
        padding: 1em 0;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    figure.effect-sarah:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3em;
    background: rgba(0,0,0,0.5);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-zoe img {
    width: 100%;
}

figure.effect-zoe h4 {
    float: left;
}

figure.effect-zoe figcaption > span {
    float: right;
}

figure.effect-zoe p {
    position: absolute;
    bottom: 8em;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-zoe h4,
figure.effect-zoe figcaption > span {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}

    figure.effect-zoe figcaption > span::before {
        display: inline-block;
        padding: 8px 10px;
        font-family: 'feathericons';
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.icon-eye::before {
    content: '\e000';
}

.icon-paper-clip::before {
    content: '\e001';
}

.icon-heart::before {
    content: '\e024';
}

figure.effect-zoe h4 {
    display: inline-block;
}

figure.effect-zoe:hover p {
    opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h4,
figure.effect-zoe:hover figcaption > span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h4 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-zoe:hover figcaption > span:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-zoe:hover figcaption > span:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-zoe:hover figcaption > span:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
    width: 100%;
}

figure.effect-chico:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-chico figcaption {
    padding: 3em;
}

    figure.effect-chico figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid #fff;
        content: '';
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    figure.effect-chico figcaption::before,
    figure.effect-chico p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

figure.effect-chico h4 {
    padding: 20% 0 20px 0;
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.portfolio_item {
    color: #929292;
}

    .portfolio_item,
    .portfolio_item .overlayed {
        position: relative;
        text-align: center;
    }

        .portfolio_item h4 {
            margin: 0px 0px 7px 0px;
        }

        .portfolio_item .portfolio_under {
            background: #f1f1f1;
            padding: 20px 0;
        }

        .portfolio_item h4 a {
            font-size: 18px;
            font-weight: 300;
        }

            .portfolio_item h4 a:hover,
            .portfolio_item:hover h4 a {
                color: #e42382;
            }

        .portfolio_item .overlayed .overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            filter: alpha(opacity=0);
            opacity: 0;
            background: none;
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }

        .portfolio_item:hover .overlayed .overlay {
            filter: alpha(opacity=100);
            opacity: 1;
            background: rgba(0,0,0,0.5);
        }

.portfolio_item_tags {
    color: #676767;
    font-size: 13px;
    margin-bottom: 0;
}

.overlay_content {
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
}

    .overlay_content a {
        color: #ccc;
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 1px solid #ccc;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        line-height: 40px;
        margin: 0 3px;
    }

        .overlay_content a:hover {
            color: #fff;
            border: 1px solid #fff;
        }

.portfolio_single_column_item {
    margin-bottom: 140px;
    line-height: 22px;
}

    .portfolio_single_column_item:last-of-type {
        margin-bottom: 0px;
    }

.single-portfolio .revel_section_DD {
    padding-top: 0;
}

.single_portfolio_meta {
    color: #929292;
    margin-bottom: 33px;
}

    .single_portfolio_meta .icon-calendar {
        margin-left: 30px;
    }

.portfolio_single_column_item .more-link {
    margin-top: 39px;
    text-align: left;
}

#portfolio_item_meta h3 {
    text-transform: uppercase;
    margin-bottom: 40px;
}

#portfolio_item_meta .portfolio_item_meta_label {
    float: left;
    width: 70px;
    text-transform: uppercase;
    font-weight: 700;
}

#portfolio_item_meta .portfolio_item_meta_data {
    padding-left: 30px;
    display: inline-block;
}

#portfolio_item_meta p {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 14px;
    padding-bottom: 15px;
}

    #portfolio_item_meta p:last-child {
        border-bottom: none;
    }

.portfolio_item_image {
    margin-bottom: 35px;
}

.isotope-item {
    z-index: 2;
}

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

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

#filters {
    list-style: none;
    margin: 0;
    text-align: center;
    margin-bottom: 30px;
}

    #filters li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    #filters a {
        color: #676767;
        font-size: 11px;
        border: 1px solid #676767;
        line-height: 32px;
        display: inline-block;
        text-transform: uppercase;
        padding: 0 10px 0 10px;
    }

    #filters li:hover a,
    #filters li a.selected {
        background: #e42382;
        color: #fff;
        border: 1px solid #e42382;
    }

    #filters i {
        display: none;
    }

.portfolio_item_4 {
    width: 24.98%;
    padding: 5px;
    display: block;
    float: left;
}

.portfolio_item_3 {
    width: 33.3%;
    display: block;
    float: left;
}

#related_portfolio {
    padding-top: 40px;
    padding-bottom: 0;
}

/*-------- 10. 404 Page --------*/
#page404 {
    text-align: center;
    margin-bottom: 76px;
}

    #page404 .big_404 {
        font-size: 410px;
        line-height: 410px;
        font-family: 'Open Sans';
        font-weight: 500;
        color: #e42382;
    }



/*-----------------------------------------------------------------*/
/* 11. Footer
/*-----------------------------------------------------------------*/
#abdev_main_footer {
    color: #898787;
    text-align: center;
    padding: 34px 0 45px 0;
}

#footer_copyright {
    margin-top: 2px;
}

#abdev_back_to_top {
    display: inline-block;
    border: 1px solid #6a6a6a;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 31px;
}

    #abdev_back_to_top i {
        font-size: 20px;
        color: #898787;
        line-height: 36px;
    }

    #abdev_back_to_top:hover {
        background-color: #e42382;
        border-color: #e42382;
    }

        #abdev_back_to_top:hover i {
            color: #fff;
        }