/* =============================================================================

Theme Name: COnsultingPress
Theme URI: http://pixel-industry.com/html/consultingpress
Description: ConsultingPress is HTML template for consulting companies including tourism consulting, finance consulting and more.
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.0
Tags: consulting, tourism consulting, finance consulting, IT security consulting, consulting website template, consulting HTML template, consulting template

============================================================================= */
/* =============================================================================
    TABLE OF CONTENTS
    ========================================================================= */
/*      1. CSS RESET
        2. BASE STYLES
            2.1. TYPOGRAPHY
                2.1.1. HEADINGS
                2.1.2. LINKS
                2.1.3. TEXT LEVEL ELEMENTS
        3. BASIC LAYOUT STYLES
            3.1. PAGE CONTENT
                3.1.1. PAGE CONTENT PACKGROUNDS
            3.2. HELPSERS - PADDINGS AND MARGINS, CENTERING TEXT...
            3.3. PAGE TITLES
            3.4. BREADCRUMBS
            3.5. SIDEBAR
        4. HEADERS
            4.1. HEADER TRANSPARENT - GLOBAL HEADER STYLES (+ TOURISM & FINANCE HEADER)
                4.1.1. TOP BAR QUICK LINKS
                4.1.2. TOP BAR WPML - LANGUAGE SWITCHER
                4.1.3. TOP BAR SOCIAL LINKS
                4.1.4. TOP BAR WOOCOMMERCE CART
            4.2. MAIN NAVIGATION
                4.2.1. MAIN NAVIGATION - MEGA MENU SPECIFIC STYLES
                4.2.2. SEARCH
            4.3. HEDAER STYLE 02
            4.4. HEADER STYLE 03 - DARK NAVIGATION BAR
        5. FOOTER
        6. ELEMENTS
            6.1. ELEMENTS - ACCORDION
            6.2. ELEMENTS - BANNER BOX
            6.3. ELEMENTS - BLOCKQUOTE
            6.4. ELEMENTS - BLOG
                6.4.1. BLOG SEARCH
                6.4.2. BLOG SINGLE
                6.4.3. BLOG SINGLE COMMENTS
                6.4.4. BLOG AND PORTFOLIO NAVIGATION
                6.4.5. BLOG PAGES BACKGROUND
            6.5. ELEMENTS - BUTTON
            6.6. ELEMENTS - CALL TO ACTION
            6.7. ELEMENTS - CHART
            6.8. ELEMENTS - CIRCLE ICON
            6.9. ELEMENTS - COMPANY TIMELINE
            6.10. ELEMENTS - CONTACT FORM
            6.11. ELEMENTS - CUSTOM HEADINGS
            6.12. ELEMENTS - DIVIDER
                6.12.1. DIVIDER DOTTED
                6.12.2. DIVIDER LINE
                6.12.3. DIVIDER THREE DOTS
                6.12.4. DIVIDER WITH ICON
                6.12.5. DIVIDER WITH "TO TOP" ICON
            6.13. ELEMENTS - FEATURE BOX
            6.14. ELEMENTS - FEATURED PAGES
            6.15. ELEMENTS - IMAGE REVEAL
            6.16. ELEMENTS - KEX CONTACTS
            6.17. ELEMENTS - LATEST POSTS
                6.17.1. LATEST POSTS STYLE 01 - BIG IMAGE
                6.17.2. LATEST POSTS STYLE 02 - SMALL IMAGE (IN FOOTER) 
                6.17.3. LATEST POSTS STYLE 03 - NO IMAGE (IN SIDEBAR) 
            6.18. ELEMENTS - LISTS
            6.19. ELEMENTS - MAP
            6.20. ELEMENTS - MESSAGE BOXES
            6.21. ELEMENTS - NUMBER COUNTER
            6.22. ELEMENTS - OWL CAROUSEL
            6.23. ELEMENTS - PORTFOLIO
                6.23.1. PORTFOLIO GRID STYLING
                6.23.2. PORTFOLIO LIST STYLING
                6.23.3. PORTFOLIO FILTERS
                6.23.4. PORTFOLIO WIDGETS - LATEST PROJECTS (IN SEIDEBAR)
                6.23.5. PORTFOLIO SINGLE PAGE BACKGROUNDS
            6.24. ELEMENTS - PRICING TABLE
            6.25. ELEMENTS - READ MORE
            6.26. ELEMENTS - SCROLL UP
            6.27. ELEMENTS - SERVICES
            6.28. ELEMENTS - SLIDER
                6.28.1. MASTER SLIDER
                6.28.2. NIVO SLIDER
            6.29. ELEMENTS - SOCIAL PHOTO STREAMS
            6.30. ELEMENTS - TABLE
            6.31. ELEMENTS - TABS
            6.32. ELEMENTS - TEAM MEMBER
            6.33. ELEMENTS - TESTIMONIAL
            6.34. ELEMENTS - VIDEO
            6.35. ELEMENTS - WIDGETS
                6.35.1. BASIC WIDGET STYLING
                6.35.2. WIDGET - CONTACT INFO LIST 
                6.35.3. WIDGET - DOWNLOAD LINKS (BROCHURE DOWNLOAD)
                6.35.4. WIDGET - NAV MENU (IN SIDEBAR)
                6.35.5. WIDGET - NEWSLETTER WIDGET
                6.35.6. WIDGET - TAG CLOUD
*/
/* =============================================================================
    1. CSS RESET
    ========================================================================= */
:focus, a:active, a:focus {
    text-decoration: none;
    outline: 0;
}

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

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

body {
    line-height: 1;
    overflow-x: hidden;
}

blockquote, q {
    quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =============================================================================
    2. BASE STYLES
    ========================================================================= */
body {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #748182;
    background-color: #fff;
}

/*
    2.1. TYPOGRAPHY
    ========================================================================= */
/*  2.1.1. HEADINGS
    ------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", Arial, sans-serif;
    font-weight: 600;
    color: #071740;
    margin-bottom: 40px;
    margin-top: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

h1 {
    font-size: 36px;
    line-height: 54px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 21px;
    line-height: 30px;
}

h5 {
    font-size: 18px;
    line-height: 28px;
}

h6 {
    font-size: 15px;
    line-height: 23px;
}

/*  2.1.2. LINKS
    ------------------------------------------------------------------------- */
a {
    font-weight: 500;
    position: relative;
    color: #acb4b5;
}

a:hover {
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: #c5dadc;
    font-size: 13px;
}

:-moz-placeholder {
    color: #c5dadc;
    font-size: 13px;
}

::-moz-placeholder {
    color: #c5dadc;
    font-size: 13px;
}

:-ms-input-placeholder {
    color: #c5dadc;
    font-size: 13px;
}

/*  2.1.3. TEXT LEVEL ELEMENTS
    ------------------------------------------------------------------------- */
p {
    padding-bottom: 30px;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #748182;
}

.text-colored {
    font-weight: 500;
}

.text-highlighted {
    color: #fff;
    padding: 0 5px;
}

strong, b {
    font-weight: 500;
    color: #071740;
}

pre {
    border-color: #eee;
    background-color: #eff2f7;
}

/*
    LISTS
*/
ul,
ol {
    list-style-position: inside;
}

ul li,
ol li {
    padding-bottom: 5px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    padding-left: 40px;
}

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

/* =============================================================================
    3. BASIC LAYOUT STYLES
    ========================================================================= */
#loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #020919;
    z-index: 10000;
}

#loader > #loading-status {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -50px;
    margin-left: -50px;
    border: 3px solid transparent;
    border-top-color: #e21f2f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader > #loading-status::before, #loader > #loading-status::after {
    position: absolute;
    display: block;
    content: "";
    border: 3px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader > #loading-status::before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border-bottom-color: #0bb4ce;
}

#loader > #loading-status::after {
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border-top-color: #6ec25b;
}

/*
    3.1. PAGE CONTENT
    ========================================================================= */
.page-content {
    position: relative;
}

.page-content.dark h1, .page-content.dark h2, .page-content.dark h3, .page-content.dark h4, .page-content.dark h5, .page-content.dark h6 {
    color: #fff;
}

.page-content.dark a, .page-content.dark p, .page-content.dark span, .page-content.dark li {
    color: #c5dadc;
}

.page-content .row {
    margin-bottom: 120px;
}

.page-content .row div[class^="col-md-"] .cma-wysiwyg-editor {
    overflow: hidden;
}

.page-content .row.row-equal-height {
    margin-bottom: 0;
}

.page-content .row.row-equal-height .custom-col-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.page-content .row.custom-background {
    padding: 40px;
}

.page-content .row.custom-background.bkg-color-white-shadow {
    background-color: white;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 8px #eee;
    -moz-box-shadow: 0 1px 8px #eee;
    box-shadow: 0 1px 8px #eee;
}

.page-content.custom-background {
    padding: 150px 0;
}

.page-content.custom-background .row:only-child, .page-content.custom-background .row:last-child {
    margin-bottom: 0;
}

.page-content.custom-background.padding-small {
    padding: 50px 0;
}

.page-content .page-content-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#051b44+0,051b44+50,051b44+100&1+0,0.5+50,0.8+100 */
    background: -moz-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051b44', endColorstr='#cc051b44', GradientType=0);
    /* IE6-9 */
}

.page-content .page-content-mask.mask-solid-color {
    background: none;
    background-color: rgba(3, 13, 38, 0.6);
}

/*  3.1.1. PAGE CONTENT BACKGROUNDS
    ------------------------------------------------------------------------- */
.background-white-transparent {
    background-color: rgba(255, 255, 255, 0.1);
}

.bkg-color-white {
    background-color: #fff;
}

.bkg-color-dark {
    background-color: #09142d;
}

.bkg-color-light-grey {
    background-color: #eff3f7;
}

[class*="bkg-img"] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bkg-img01 {
    background-image: url("../img/pics/consultingpress-parallax-background01.jpg");
}

.bkg-img02 {
    background-image: url("../img/pics/consultingpress-parallax-background02.jpg");
}

.bkg-img03 {
    background-image: url("../img/pics/consultingpress-it-security-parallax-background01.jpg");
}

.bkg-img04 {
    background-image: url("../img/pics/consultingpress-it-security-parallax-background02.jpg");
}

.bkg-img05 {
    background-image: url("../img/pics/consultingpress-parallax-background04.jpg");
}

.bkg-img06 {
    background-image: url("../img/pics/consultingpress-parallax-background03.jpg");
}

.bkg-img07 {
    background-image: url("../img/pics/page-title01.jpg");
}

.bkg-img08 {
    background-image: url("../img/pics/page-title02.jpg");
}

.bkg-img09 {
    background-image: url("../img/pics/page-title03.jpg");
}

.bkg-img10 {
    background-image: url("../img/pics/page-title04.jpg");
}

.bkg-img11 {
    background-image: url("../img/pics/page-title05.jpg");
}

.bkg-img12 {
    background-image: url("../img/pics/page-title06.jpg");
}

.bkg-img13 {
    background-image: url("../img/pics/page-title07.jpg");
}

.bkg-img14 {
    background-image: url("../img/pics/page-title08.jpg");
}

.bkg-img15 {
    background-image: url("../img/pics/page-title09.jpg");
}

.bkg-img16 {
    background-image: url("../img/pics/page-title10.jpg");
}

.bkg-img17 {
    background-image: url("../img/pics/page-title11.jpg");
}

.bkg-img18 {
    background-image: url("../img/pics/page-title12.jpg");
}

.bkg-img19 {
    background-image: url("../img/pics/page-title13.jpg");
}

.bkg-img20 {
    background-image: url("../img/pics/page-title14.jpg");
}

.bkg-img21 {
    background-image: url("../img/pics/page-title15.jpg");
}

.bkg-img22 {
    background-image: url("../img/pics/page-title16.jpg");
}

.bkg-img23 {
    background-image: url("../img/pics/page-title17.jpg");
}

.bkg-img24 {
    background-image: url("../img/pics/page-title18.jpg");
}

.bkg-img25 {
    background-image: url("../img/pics/page-title19.jpg");
}

.bkg-img26 {
    background-image: url("../img/pics/page-title20.jpg");
}

.bkg-img27 {
    background-image: url("../img/pics/page-title21.jpg");
}

.bkg-img28 {
    background-image: url("../img/pics/page-title22.jpg");
}

.bkg-img29 {
    background-image: url("../img/pics/page-title23.jpg");
}

.bkg-img30 {
    background-image: url("../img/pics/page-title24.jpg");
}

.bkg-img31 {
    background-image: url("../img/pics/page-title25.jpg");
}

.bkg-img32 {
    background-image: url("../img/pics/page-title26.jpg");
}

.bkg-img33 {
    background-image: url("../img/pics/page-title27.jpg");
}

.bkg-img34 {
    background-image: url("../img/pics/page-title28.jpg");
}

.bkg-img35 {
    background-image: url("../img/pics/page-title29.jpg");
}

.bkg-img36 {
    background-image: url("../img/pics/page-title30.jpg");
}

.bkg-img37 {
    background-image: url("../img/pics/page-title31.jpg");
}

.bkg-img38 {
    background-image: url("../img/pics/page-title32.jpg");
}

.bkg-img39 {
    background-image: url("../img/pics/page-title33.jpg");
}

.bkg-img40 {
    background-image: url("../img/pics/page-title34.jpg");
}

/*
    3.2. HELPSERS - PADDINGS AND MARGINS, CENTERING TEXT...
    ========================================================================= */
*[class^="row"] *[class^="row"]:last-child {
    margin-bottom: 0;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

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

.mb-120 {
    margin-bottom: 120px;
}

.negative-top {
    margin-top: -80px;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.centered {
    text-align: center;
}

/*
    3.3. PAGE TITLES
    ========================================================================= */
.pt-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#051b44+0,051b44+50,051b44+100&1+0,0.5+50,0.8+100 */
    background: -moz-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #051b44 0%, rgba(5, 27, 68, 0.5) 50%, rgba(5, 27, 68, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051b44', endColorstr='#cc051b44', GradientType=0);
    /* IE6-9 */
}

.pt-mask.mask-solid-color {
    background: none;
    background-color: rgba(3, 13, 38, 0.6);
}

.pt-mask-light {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+1,0.3+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 0.3) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 0.3) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 1%, rgba(255, 255, 255, 0.3) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#4dffffff', GradientType=0);
    /* IE6-9 */
}

.page-title-style-01 {
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 120px;
}

.page-title-style-01.centered .pt-heading > h1,
.page-title-style-01.centered .pt-heading > span {
    text-align: center;
    display: block;
    width: 100%;
}

.page-title-style-01.left-aligned .pt-heading > h1,
.page-title-style-01.left-aligned .pt-heading > span {
    text-align: left;
    display: block;
    width: 100%;
}

.page-title-style-01.left-aligned .breadcrumb {
    display: block;
}

.page-title-style-01 .pt-heading {
    width: 100%;
    display: block;
}

.page-title-style-01 .pt-heading span {
    margin-bottom: 30px;
    color: #c5dadc;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.page-title-style-01 .pt-heading h1 {
    color: #fff;
}

.page-title-style-02 {
    position: relative;
    padding: 80px 0;
    margin-bottom: 120px;
}

.page-title-style-02 .pt-heading h1 {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
}

.page-title-style-03 {
    background-color: #eff3f7;
    margin-bottom: 80px;
    padding: 15px 0;
}

.page-title-style-03 .breadcrumb {
    display: block;
}

.page-title-style-03 .breadcrumb > li {
    padding-bottom: 0;
    color: #748182;
}

.page-title-style-03 .breadcrumb > li > a {
    color: #acb4b5;
}

/*
    3.4. BREADCRUMBS
    ========================================================================= */
.breadcrumb {
    display: table;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
}

.breadcrumb > li,
.breadcrumb > li > span,
.breadcrumb > li > a {
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
    color: #c5dadc;
}

.breadcrumb li + li::before {
    position: relative;
    top: -2px;
    color: #c5dadc;
    content: "\f054";
    font-family: "FontAwesome";
    font-size: 6px;
}

.breadcrumb li:nth-child(2)::before {
    color: transparent;
}

.breadcrumb > li > span.active {
    color: #fff;
}

.page-title-style-02 .breadcrumb {
    padding-top: 10px;
    float: right;
}

.page-title-style-02 .breadcrumb > li,
.page-title-style-02 .breadcrumb > li > span,
.page-title-style-02 .breadcrumb > li > a {
    color: #071740;
}

.page-title-style-02 .breadcrumb li + li::before {
    color: #071740;
}

.page-title-style-02 .breadcrumb > li > span.active {
    color: #071740;
    text-decoration: underline;
}

/*
    3.5. SIDEBAR
    ========================================================================= */
.aside-right {
    padding-left: 30px;
}

.aside-left {
    padding-right: 30px;
}

.grid-presentation [class^="col-"] {
    border: 1px solid #eee;
    padding: 60px;
}

.grid-presentation .row:first-child [class^="col-"] {
    border: none;
    padding: 0;
}

/* =============================================================================
    4. HEADERS
    ========================================================================= */
/*
    4.1. HEADER TRANSPARENT - GLOBAL HEADER STYLES (+ TOURISM & FINANCE HEADER)
    ========================================================================= */
.header-wrapper {
    width: 100%;
    z-index: 1000;
}

.header-wrapper.header-transparent {
    position: fixed;
    top: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header-wrapper.header-transparent.solid-color {
    background-color: #071740;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#header {
    position: relative;
    z-index: 1000;
}

#logo {
    padding-right: 30px;
}

/*  4.1.1. TOP BAR QUICK LINKS
    ------------------------------------------------------------------------- */
.top-bar-wrapper {
    width: 100%;
    margin-bottom: 20px;
    padding: 25px 0 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#quick-links > li {
    list-style: none;
    float: left;
    padding-right: 30px;
}

#quick-links > li > span {
    font-size: 12px;
    color: #c5dadc;
}

#quick-links > li > a {
    font-size: 12px;
}

#quick-links > li > a::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0px;
    background-color: #fff;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

#quick-links > li > a:hover::before {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

#quick-links > li > i {
    color: #c5dadc;
}

/*  4.1.2. TOP BAR WPML - LANGUAGE SWITCHER
    ------------------------------------------------------------------------- */
.wpml-languages {
    display: block;
    position: relative;
    float: right;
    padding-left: 22px;
    margin-left: 60px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
}

.wpml-languages::before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    content: "\e9be";
    color: #c5dadc;
    font-family: "lynny";
    font-size: 12px;
    line-height: 17px;
}

.wpml-languages::after {
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}

.wpml-languages > a.active span {
    color: #c5dadc;
}

.wpml-languages > a.active i {
    position: relative;
    top: -2px;
    padding-left: 15px;
    color: #c5dadc;
    font-size: 7px;
}

.wpml-languages:hover ul.wpml-lang-dropdown {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.wpml-languages.on-click-wpml-dropdown ul.wpml-lang-dropdown {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.wpml-languages.close-wpml-dropdown ul.wpml-lang-dropdown {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.wpml-lang-dropdown {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 150%;
    width: 100%;
    z-index: 10001;
    background-color: rgba(7, 23, 64, 0.8);
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.wpml-lang-dropdown > li {
    list-style: none;
}

.wpml-lang-dropdown > li > a {
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #c5dadc;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
}

.wpml-lang-dropdown > li > a:hover {
    color: #fff;
}

/*  4.1.3. TOP BAR SOCIAL LINKS
    ------------------------------------------------------------------------- */
#social-links {
    display: block;
    position: relative;
    float: right;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 17px;
}

#social-links > li {
    float: left;
    list-style: none;
    padding-left: 20px;
}

#social-links a {
    color: #c5dadc;
}

#social-links a {
    width: 25px;
    padding: 3px 5px;
    border: 1px solid #c5dadc;
    transition: all 0.5s;
}

#social-links a.fa-facebook:hover {
    width: 25px;
    padding: 3px 5px;
    background: #3b5998;
    color: #c5dadc;
    border: 1px solid #c5dadc;
    transition: all 0.5s;
}
#social-links a.fa-twitter:hover {
    width: 25px;
    padding: 3px 5px;
    background: #0084b4;
    color: #c5dadc;
    border: 1px solid #c5dadc;
    transition: all 0.5s;
}#social-links a.fa-linkedin:hover {
    width: 25px;
    padding: 3px 5px;
    background: #0077B5;
    color: #c5dadc;
    border: 1px solid #c5dadc;
    transition: all 0.5s;
}
/*
    4.2. MAIN NAVIGATION
    ========================================================================= */
.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav > .open > a {
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}

.navbar-default .navbar-nav > li {
    padding-bottom: 0;
}

.navbar-default .navbar-nav > li.current-menu-item > a {
    color: #c5dadc;
}

.navbar-default .navbar-nav > li > a {
    color: #c5dadc;
    font-size: 13px;
    font-weight: 500;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

.navbar-default .navbar-nav > li.menu-item-has-children > a {
    margin-right: 14px;
}

.navbar-default .navbar-nav > li.menu-item-has-children > a::after {
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 7px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border: none;
}

.navbar-collapse {
    float: right;
    padding-right: 0;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav > li.dropdown.hover:hover > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.navbar-nav > li.dropdown.hover > .dropdown-menu {
    display: block;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.navbar-nav > li.dropdown.hover > .dropdown-menu > .current-menu-item > a.nav-active {
    border-bottom: 3px solid #c5dadc;
}
a.nav-active{
    background: rgba(255,255,255,0.2);
}

.navbar-nav > li.dropdown.hover > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    display: block;
    left: 100%;
    top: -50%;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.navbar-nav > li.dropdown.hover > .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.dropdown-menu {
    min-width: 230px;
    padding: 15px 0 10px 0;
    background-color: rgba(7, 23, 64, 0.8);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.dropdown-menu li a {
    padding: 5px 25px;
    text-transform: uppercase;
    font-size: 12px;
    color: #c5dadc;
    font-weight: 500;
    letter-spacing: 1px;
}

.dropdown-menu li a:focus, .dropdown-menu li a:hover {
    background-color: transparent;
    color: #fff;
}

.dropdown-menu li.current-menu-item > a {
    color: #fff;
}

.dropdown-menu > .dropdown-submenu.menu-item-has-children > a::after {
    display: block;
    position: absolute;
    top: 9px;
    right: 10px;
    content: "\f054";
    font-family: "FontAwesome";
    color: #c5dadc;
    font-size: 7px;
}

/*  4.2.1. MAIN NAVIGATION - MEGA MENU SPECIFIC STYLES
    ------------------------------------------------------------------------- */
.pi-mega .pi-mega-fw {
    position: static;
}

.pi-mega .pi-mega-fw .dropdown-menu {
    left: 0;
    right: 0;
    padding-top: 30px;
    padding-bottom: 20px;
}

.pi-mega .pi-mega-fw .dropdown-menu .pi-mega-content li {
    list-style: none;
}

.pi-mega .pi-mega-fw .dropdown-menu .pi-mega-content li > a {
    padding-left: 0;
}

.pi-mega h3 {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 500;
}

/*  4.2.2. SEARCH
    ------------------------------------------------------------------------- */
#search {
    position: relative;
    top: 10px;
    float: right;
    width: 34px;
    min-height: 20px;
    margin-left: 10px;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    background-color: transparent;
    z-index: 1005;
}

#search .search-submit {
    position: relative;
    top: 0;
    width: 20px;
    min-height: 20px;
    border: none;
    background-color: transparent;
    background-image: url("../img/svg/search-white.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 0 center;
    text-indent: -9999px;
}

#m_search {
    position: absolute;
    display: none;
    top: 180%;
    right: -20px;
    padding: 10px 15px;
    font-size: 13px;
    color: #c5dadc;
    background-color: rgba(7, 23, 64, 0.8);
    border: none;
}

/*
    4.3. HEDAER STYLE 02
    ========================================================================= */
.header-style-02 {
    position: fixed;
    top: 0;
}

.header-style-02 .top-bar-wrapper {
    margin-bottom: 0;
    padding: 25px 0 15px 0;
}

.header-style-02.solid-color {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-style-02 .header-info-widgets {
    float: right;
}

.header-style-02 .header-info-widgets > ul > li {
    float: left;
    list-style: none;
    padding-left: 30px;
    margin-left: 30px;
    padding-bottom: 0;
    border-left: 1px solid #eee;
}

.header-style-02 .header-info-widgets > ul > li .icon-container {
    float: left;
    padding-right: 10px;
}

.header-style-02 .header-info-widgets > ul > li .icon-container i {
    font-size: 30px;
    color: #c5dadc;
}

.header-style-02 .header-info-widgets > ul > li .text-container {
    float: right;
}

.header-style-02 .header-info-widgets > ul > li .text-container span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #071740;
}

.header-style-02 .header-info-widgets > ul > li .text-container p, .header-style-02 .header-info-widgets > ul > li .text-container a {
    font-size: 12px;
    color: #acb4b5;
    padding-bottom: 0;
}

.header-style-02 .navbar-collapse {
    float: left;
    padding-left: 0;
}

.header-style-02 .navbar-default .navbar-nav > li > a {
    padding-left: 0;
    margin-right: 30px;
    color: #748182;
}

.header-style-02 .navbar {
    margin-bottom: 0;
}

.header-style-02 .wpml-languages {
    top: 15px;
    margin-left: 30px;
}

.header-style-02 .wpml-languages::before {
    color: #acb4b5;
}

.header-style-02 .wpml-languages::after {
    display: none;
}

.header-style-02 .wpml-languages a.active i {
    color: #acb4b5;
}

.header-style-02 .wpml-languages a.active span {
    color: #acb4b5;
}

.header-style-02 #search {
    border-left: 1px solid #eee;
    margin-left: 20px;
}

.header-style-02 #search .search-submit {
    background-image: url("../img/svg/search-dark.svg");
    background-size: 13px;
}

.header-style-02 .header-cart {
    margin-left: 0;
    top: 15px;
}

.header-style-02 .header-cart > .cart-container > a {
    color: #acb4b5;
}

.header-style-02 .header-cart > .cart-container.icon-cart-3::before {
    color: #748182;
}

.header-style-02 .dropdown-menu {
    background-color: rgba(3, 13, 38, 0.8);
}

/*
    4.4. HEADER STYLE 03 - DARK NAVIGATION BAR
    ========================================================================= */
.header-style-02.header-negative-bottom.solid-color {
    background-color: #030d26;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-style-02.header-negative-bottom .main-navigation {
    background-color: #030d26;
    width: 100%;
    float: left;
}

.header-style-02.header-negative-bottom .navbar-default {
    float: left;
    width: 100%;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav > li > a {
    margin-left: 30px;
    margin-right: 0;
    padding-top: 18px;
    padding-bottom: 15px;
    color: #c5dadc;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav > li.menu-item-has-children > a::after {
    top: 16px;
}

.header-style-02.header-negative-bottom .navbar-default .navbar-nav > li.current-menu-item > a {
    color: #fff;
}

.header-style-02.header-negative-bottom .nav-additional-links {
    float: right;
}

.header-style-02.header-negative-bottom .nav-additional-links .nav-plugins {
    float: left;
}

.header-style-02.header-negative-bottom #social-links {
    padding-top: 18px;
}

.header-style-02.header-negative-bottom .wpml-languages {
    top: 18px;
}

.header-style-02.header-negative-bottom .wpml-languages::after {
    background-color: rgba(255, 255, 255, 0.3);
}

.header-style-02.header-negative-bottom #search {
    float: right;
    top: 0;
    right: 0;
    margin-left: 20px;
    width: 53px;
    height: 53px;
    padding-left: 0;
    border-left: none;
}

.header-style-02.header-negative-bottom #search .search-submit {
    width: 53px;
    height: 53px;
    background-image: url("../img/svg/search-white.svg");
    background-size: 13px;
    background-position: center;
}

.header-style-02.header-negative-bottom #search #m_search {
    top: 100%;
    right: 0;
}

.header-style-02.header-negative-bottom .header-cart {
    top: 18px;
}

.header-style-02.header-negative-bottom .header-cart > .cart-container.icon-cart-3::before {
    color: #c5dadc;
}

/* =============================================================================
    5. FOOTER
    ========================================================================= */
#footer-wrapper {
    padding-top: 80px;
    background-color: #030d26;
}

#footer-wrapper > #footer > .container > .row {
    margin-bottom: 30px;
}

#footer-wrapper a, #footer-wrapper p, #footer-wrapper span, #footer-wrapper li {
    font-size: 13px;
    color: #c5dadc;
}

#footer-wrapper .copyright-container {
    width: 100%;
}

#footer-wrapper .copyright-container .row {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 0;
    margin-bottom: 0;
}

#footer-wrapper .copyright-container p {
    padding-bottom: 0;
}

#footer-wrapper .copyright-container a {
    color: #fff;
}

#footer-wrapper .copyright-container .copyright-right p {
    text-align: right;
}

/* =============================================================================
    6. ELEMENTS
    ========================================================================= */
/*
    6.1. ELEMENTS - ACCORDION
    ========================================================================= */
.accordion {
    overflow: hidden;
}

.accordion > .title {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.accordion > .title > a {
    display: block;
    width: 100%;
    float: left;
    padding-left: 40px;
    padding-top: 5px;
    font-size: 18px;
    color: #071740;
    font-weight: 600;
}

.accordion > .title::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    content: "\f067";
    font-family: "FontAwesome";
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.accordion > .title.active::before {
    content: "\f068";
}

.accordion .content {
    overflow: hidden;
    clear: both;
    padding-left: 40px;
}

.accordion.accordion-boxed > .title {
    background-color: #eff3f7;
    padding: 30px;
    margin-bottom: 20px;
}

.accordion.accordion-boxed > .title::before {
    top: 30px;
    left: 30px;
}

.accordion.accordion-boxed .content {
    background-color: #eff3f7;
    padding: 40px;
    margin-bottom: 30px;
}

.accordion.accordion-boxed .content p:last-child {
    padding-bottom: 0;
}

.accordion.accordion-dark > .title::before {
    background-color: #071740;
}

.page-content.dark .accordion > .title > a {
    color: #fff;
}

/*
    6.2. ELEMENTS - BANNER BOX
    ========================================================================= */
.banner-box {
    padding: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 8px #eee;
    -moz-box-shadow: 0 1px 8px #eee;
    box-shadow: 0 1px 8px #eee;
}

.banner-box > i {
    display: block;
    margin-bottom: 40px;
    width: 100%;
    font-size: 100px;
    text-align: center;
}

.banner-box h1, .banner-box h2, .banner-box h3, .banner-box h4, .banner-box h5, .banner-box h6, .banner-box p {
    text-align: center;
}

.img-animate-container {
    position: relative;
    float: left;
    height: auto;
}

.img-animate-container .img-animate {
    position: absolute;
}

/*
    6.3. ELEMENTS - BLOCKQUOTE
    ========================================================================= */
blockquote {
    padding-left: 30px;
    border-left: 1px solid;
}

blockquote p {
    padding-bottom: 20px;
}

blockquote cite {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #748182;
    color: #acb4b5;
}

/*
    6.4. ELEMENTS - BLOG
    ========================================================================= */
.blog-posts.blog-grid .post-container {
    list-style: none;
    float: left;
    width: 30%;
    margin-right: 30px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.blog-posts.blog-grid .post-container:nth-child(3n) {
    margin-right: 0;
}

.blog-posts.blog-grid .post-media {
    margin-bottom: 20px;
}

.blog-posts.blog-grid .post-media a {
    display: block;
    width: 100%;
}

.blog-posts.blog-grid .post-body .date {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #acb4b5;
}

.blog-posts.blog-grid .post-body a {
    display: block;
    width: 100%;
}

.blog-posts.blog-grid .post-body a.read-more {
    display: inline-block;
    width: auto;
}

.blog-posts.blog-grid .post-body h3 {
    font-size: 21px;
    margin-bottom: 20px;
}

.blog-posts.blog-grid > li:nth-child(3n + 1) {
    clear: both;
}

.blog-posts .pagination.pagination-centered {
    width: 100%;
}

.blog-posts .pagination.pagination-centered > ul {
    display: table;
    margin: 0 auto;
}

.blog-posts.blog-list > li {
    list-style: none;
    margin-bottom: 50px;
}

.blog-posts.blog-list > li .post-media {
    width: 360px;
    float: left;
}

.blog-posts.blog-list > li .post-body {
    padding-left: 390px;
}

.blog-posts.blog-list > li .post-body h2, .blog-posts.blog-list > li .post-body h3, .blog-posts.blog-list > li .post-body h4, .blog-posts.blog-list > li .post-body h5, .blog-posts.blog-list > li .post-body h6 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 15px;
}

.blog-posts.blog-list > li .post-body .date {
    display: block;
    width: 100%;
    color: #acb4b5;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

/*  6.4.1. BLOG SEARCH
    ------------------------------------------------------------------------- */
.widget_search form {
    position: relative;
    width: 100%;
}

.widget_search ::-webkit-input-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.widget_search :-moz-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.widget_search ::-moz-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.widget_search :-ms-input-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.a_search {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    border-left: none;
}

.search-submit {
    position: absolute;
    top: -5px;
    right: 0;
    min-height: 40px;
    width: 40px;
    border: none;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url("../img/svg/search-dark.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

/*  6.4.2. BLOG SINGLE
    ------------------------------------------------------------------------- */
.blog-posts.blog-single > li.post-container {
    list-style: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: none;
    padding: 0;
}

.blog-posts.blog-single > li.post-container .post-body {
    margin-bottom: 65px;
}

.blog-posts.blog-single > li.post-container .post-body h3 {
    font-size: 24px;
    line-height: 32px;
}

.blog-posts.blog-single > li.post-container > .blog-single-author {
    margin-bottom: 65px;
}

.blog-posts.blog-single > li.post-container > .blog-single-author > .avatar-container {
    float: left;
    width: 85px;
    height: 85px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.blog-posts.blog-single > li.post-container > .blog-single-author > .text-container {
    margin-left: 110px;
}

.blog-posts.blog-single > li.post-container > .blog-single-author > .text-container h3 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
}

/*  6.4.3. BLOG SINGLE COMMENTS
    ------------------------------------------------------------------------- */
.post-comments {
    float: left;
    width: 100%;
    margin-bottom: 65px;
}

.post-comments > h3 {
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
}

.post-comments > ul.comments-li {
    padding-left: 0;
    float: left;
    width: 100%;
}

.post-comments > ul.comments-li > li {
    float: left;
    list-style: none;
    width: 100%;
    min-height: 85px;
    margin-bottom: 30px;
}

.post-comments > ul.comments-li > li .comment {
    width: 100%;
    min-height: 85px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.post-comments > ul.comments-li > li .comment + .children {
    margin-top: 30px;
}

.post-comments > ul.comments-li > li .comment .avatar-container {
    float: left;
    width: 85px;
    height: 85px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.post-comments > ul.comments-li > li .comment .comment-meta {
    margin-bottom: 20px;
    padding-left: 110px;
}

.post-comments > ul.comments-li > li .comment .comment-meta > li {
    list-style: none;
}

.post-comments > ul.comments-li > li .comment .comment-meta > li a {
    font-size: 18px;
    color: #071740;
}

.post-comments > ul.comments-li > li .comment .comment-meta .date {
    font-size: 13px;
}

.post-comments > ul.comments-li > li .comment .comment-body {
    padding-left: 115px;
}

.post-comments > ul.comments-li > li .comment .comment-body .comment-reply-link {
    position: relative;
    padding-right: 15px;
}

.post-comments > ul.comments-li > li .comment .comment-body .comment-reply-link::after {
    position: absolute;
    display: block;
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 6px;
    top: 0;
    right: 0;
}

.post-comments > ul.comments-li > li:last-child:not(:only-child) .comment {
    border: none;
    padding-bottom: 0;
}

.post-comments .children {
    margin-left: 10%;
    float: left;
    padding: 0 0 0 20px;
    width: calc(90%);
}

.post-comments .children li {
    list-style: none;
}

.comment-form-container {
    width: 100%;
    float: left;
}

.comment-form-container #reply-title {
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
}

.comment-form-container .comment-message-container,
.comment-form-container .comment-name-container,
.comment-form-container .comment-email-container {
    display: block;
    width: 100%;
}

.comment-form-container .comment-message-container textarea,
.comment-form-container .comment-message-container input,
.comment-form-container .comment-name-container textarea,
.comment-form-container .comment-name-container input,
.comment-form-container .comment-email-container textarea,
.comment-form-container .comment-email-container input {
    width: 100%;
    border: 1px solid #e3e3e3;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.comment-form-container .comment-message-container textarea:focus,
.comment-form-container .comment-message-container input:focus,
.comment-form-container .comment-name-container textarea:focus,
.comment-form-container .comment-name-container input:focus,
.comment-form-container .comment-email-container textarea:focus,
.comment-form-container .comment-email-container input:focus {
    border-color: #d3d3d3;
}

.comment-form-container .comment-message-container ::-webkit-input-placeholder,
.comment-form-container .comment-name-container ::-webkit-input-placeholder,
.comment-form-container .comment-email-container ::-webkit-input-placeholder {
    color: #acb4b5;
}

.comment-form-container .comment-message-container :-moz-placeholder,
.comment-form-container .comment-name-container :-moz-placeholder,
.comment-form-container .comment-email-container :-moz-placeholder {
    color: #acb4b5;
}

.comment-form-container .comment-message-container ::-moz-placeholder,
.comment-form-container .comment-name-container ::-moz-placeholder,
.comment-form-container .comment-email-container ::-moz-placeholder {
    color: #acb4b5;
}

.comment-form-container .comment-message-container :-ms-input-placeholder,
.comment-form-container .comment-name-container :-ms-input-placeholder,
.comment-form-container .comment-email-container :-ms-input-placeholder {
    color: #acb4b5;
}

.comment-form-container .form-submit {
    padding-bottom: 0;
}

.comment-form-container .form-submit #comment-reply {
    padding: 15px 35px;
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/*  6.4.4. BLOG AND PORTFOLIO NAVIGATION
    ------------------------------------------------------------------------- */
.portfolio-blog-nav-simple {
    text-align: center;
    border-top: 1px solid #eee;
}

.portfolio-blog-nav-simple p {
    padding-top: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

.portfolio-blog-nav-simple p > a {
    position: relative;
    color: #071740;
}

.portfolio-blog-nav-simple p > a.nav-next {
    padding-right: 20px;
}

.portfolio-blog-nav-simple p > a.nav-next::after {
    position: absolute;
    display: block;
    content: "\f061";
    font-family: "FontAwesome";
    font-size: 10px;
    top: -3px;
    right: 0px;
}

.portfolio-blog-nav-simple p > a.nav-prev {
    padding-left: 20px;
}

.portfolio-blog-nav-simple p > a.nav-prev::after {
    position: absolute;
    display: block;
    content: "\f060";
    font-family: "FontAwesome";
    font-size: 10px;
    top: -3px;
    left: 0px;
}

.portfolio-blog-nav-simple p.no-posts {
    color: #acb4b5;
}

/*  6.4.5. BLOG PAGES BACKGROUND
    ------------------------------------------------------------------------- */
[class*="posts-bkg"] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.posts-bkg-01 {
    background-image: url("../img/blog/consultingpress-preserving-cultural-heritage-with-sustainable-tourism.jpg");
}

.posts-bkg-02 {
    background-image: url("../img/blog/consultingpress-launches-new-tourism-development-project.jpg");
}

.posts-bkg-03 {
    background-image: url("../img/blog/10-good-reasons-to-visit-croatian-coast-this-summer-consultingpress.jpg");
}

.posts-bkg-04 {
    background-image: url("../img/blog/consultingpress-cultural-tourism-increasing-value-of-destination.jpg");
}

.posts-bkg-05 {
    background-image: url("../img/blog/consultingpress-role-of-sustainable-tourism-in-nature-conservation.jpg");
}

.posts-bkg-06 {
    background-image: url("../img/blog/consultingpress-how-to-improve-your-tourism-marketing-strategies.jpg");
}

.posts-bkg-07 {
    background-image: url("../img/blog/value-of-sustainable-tourism-development.jpg");
}

.posts-bkg-08 {
    background-image: url("../img/blog/consultingpress-tourism-destination-marketing.jpg");
}

.posts-bkg-09 {
    background-image: url("../img/blog/consultingpress-delivering-quality-over-quantity.jpg");
}

.posts-bkg-10 {
    background-image: url("../img/blog/consultingpress-increase-company-value-by-investing-in-people.jpg");
}

.posts-bkg-11 {
    background-image: url("../img/blog/consultingpress-developing-future-logistics-leaders-in-europe.jpg");
}

.posts-bkg-12 {
    background-image: url("../img/blog/consultingpress-guidelines-for-a-high-impact-business-strategy.jpg");
}

.posts-bkg-13 {
    background-image: url("../img/blog/consultingpress-tourism-destination-marketing.jpg");
}

.posts-bkg-14 {
    background-image: url("../img/blog/consultingpress-management-consulting-mergers-and-acquisition.jpg");
}

.posts-bkg-15 {
    background-image: url("../img/blog/consultingpress-digital-marketing.jpg");
}

/*
    6.5. ELEMENTS - BUTTON
    ========================================================================= */
.page-content.dark .btn span {
    color: #fff;
}

.btn {
    display: inline-block;
    overflow: hidden;
    backface-visibility: hidden;
    position: relative;
    padding: 15px 35px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.btn.icon-animated i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    font-size: 15px;
    width: 20px;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translate(-25px, 0);
    -moz-transform: translate(-25px, 0);
    -ms-transform: translate(-25px, 0);
    -o-transform: translate(-25px, 0);
    transform: translate(-25px, 0);
}

.btn.icon-animated:hover i {
    left: 0;
    opacity: 1;
}

.btn.icon-animated:hover span {
    -webkit-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    transform: translate(15px, 0);
}

.btn::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.btn:hover::after {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn.btn-center {
    display: table;
    margin: 0 auto;
}

.btn.btn-blue {
    background-color: #071740;
}

.btn.btn-large {
    padding: 20px 50px;
}

.btn.btn-small {
    padding: 10px 20px;
}

.btn.btn-yellow {
    background-color: #ffcc01;
}

/*
    6.6. ELEMENTS - CALL TO ACTION
    ========================================================================= */
.page-content.cta-negative-top {
    padding: 30px;
    position: relative;
}

.page-content.cta-negative-top .row {
    margin-bottom: 0;
}

.call-to-action .text {
    max-width: 70%;
    float: left;
    padding-top: 15px;
}

.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4, .call-to-action h5, .call-to-action h6 {
    margin-bottom: 0;
}

.call-to-action .btn {
    max-width: 30%;
    float: right;
}

.call-to-action.centered .text {
    width: 100%;
    max-width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 60px;
}

.call-to-action.centered .btn {
    max-width: none;
    float: none;
    margin: 0 auto;
    display: table;
}

.call-to-action .cta-social {
    display: table;
    margin: 30px auto 0;
}

.call-to-action .cta-social li {
    float: left;
    list-style: none;
    padding-right: 15px;
}

.call-to-action .cta-social li a {
    color: #748182;
}

/*
    6.7. ELEMENTS - CHART
    ========================================================================= */
.chart-container {
    position: relative;
    max-width: 100%;
}

.chart-container.chart-center {
    display: table;
    margin: 0 auto;
}

.chart-container iframe {
    min-height: 0px;
}

.chart-container canvas {
    max-width: 100%;
}

/*
    6.8. ELEMENTS - CIRCLE ICON
    ========================================================================= */
.circle-icon-animate {
    stroke-dasharray: 227;
    stroke-dashoffset: 227;
    transition: stroke-dashoffset 1s linear;
}

.circle-icon-animate:hover {
    stroke-dashoffset: 0;
}

/*
    6.9. ELEMENTS - COMPANY TIMELINE
    ========================================================================= */
.company-timeline > li {
    display: block;
    width: 100%;
    list-style: none;
    padding-bottom: 45px;
}

.company-timeline > li:last-child {
    padding-bottom: 0;
}

.company-timeline .icon-date-container {
    width: 70px;
    height: 70px;
    float: left;
    border: 2px solid #c5dadc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.company-timeline .icon-date-container i {
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
}

.company-timeline .timeline-item-details {
    padding-left: 100px;
}

.company-timeline .timeline-item-details h1, .company-timeline .timeline-item-details h2, .company-timeline .timeline-item-details h3, .company-timeline .timeline-item-details h4, .company-timeline .timeline-item-details h5, .company-timeline .timeline-item-details h6 {
    position: relative;
    margin-bottom: 20px;
    padding-top: 23px;
}

.company-timeline .timeline-item-details h1::before, .company-timeline .timeline-item-details h2::before, .company-timeline .timeline-item-details h3::before, .company-timeline .timeline-item-details h4::before, .company-timeline .timeline-item-details h5::before, .company-timeline .timeline-item-details h6::before {
    display: block;
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    top: 0;
    left: 0;
}

/*APPLICATION FORM----------------------------------*/

.wpcf7-form fieldset {
    border: 1px solid rgba(93,177,74,0.3);
    padding: 5px;
    margin: 15px;
}

.wpcf7-form legend {
    width: auto;
    padding: 0 15px;
    color: #5db14a;
}

.wpcf7-form label {
    display: block;
    font-weight: 500;
    margin-top: 8px;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    margin: 5px;
    padding: 3px;
    border: 1px solid #cccccc;
}

#reference-table th {
    font-weight: 500;
    text-align: center;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus{
    border: 1px solid #5db14a;
    color: #5db14a;
}

.wpcf7-form .secondary {
    font-size: 12px;
    transform: scaleY(0.0);
    transform-origin: bottom;
    font-weight: 400;
    line-height: 70%;
}
.wpcf7-form #add-row,
.wpcf7-form #remove-row{
    width: 40px;
    color: #fff;
    float: right;
}
.wpcf7-form #add-row{
    background: #2c2;
    border: 1px solid #181;
}
.wpcf7-form #add-row:hover{
    background: #1a1;
    border: 1px solid #060;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    transition: all 0.5s;
}

.wpcf7-form #remove-row{
    background: #c22;
    border: 1px solid #811;
}
.wpcf7-form #remove-row:hover{
    background: #a11;
    border: 1px solid #600;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    transition: all 0.5s;
}

.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder,
.wpcf7-form input::-moz-placeholder,
.wpcf7-form textarea::-moz-placeholder,
.wpcf7-form input:-ms-input-placeholder,
.wpcf7-form textarea:-ms-input-placeholder
{
    color: #cccccc;
}

.wpcf7-form input:focus::-webkit-input-placeholder,
.wpcf7-form textarea:focus::-webkit-input-placeholder,
.wpcf7-form input:focus::-moz-placeholder,
.wpcf7-form textarea:focus::-moz-placeholder,
.wpcf7-form input:focus:-ms-input-placeholder,
.wpcf7-form textarea:focus:-ms-input-placeholder{
    color: rgba(94,177,74,0.3);
}

.wpcf7-submit-btn {
    background: #6ec25b;
    color: #fff;
    padding: 10px 25px;
    border: none;
    float: right;
    transition: all 0.5s;
}

.wpcf7-submit-btn:hover {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    background: #6ee25b;
    transition: all 0.5s;
}

/*
    6.10. ELEMENTS - CONTACT FORM
    ========================================================================= */
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-email,
.wpcf7 .wpcf7-textarea {
    min-height: 50px;
    padding: 10px 10px 10px 25px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    width: 48%;
    margin-left: 1.5%;
}

.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-email:focus,
.wpcf7 .wpcf7-textarea:focus {
    border-color: #6ec25b;
    color: #5db14a;
}

.wpcf7 .wpcf7-text:nth-child(2n+1),
.wpcf7 .wpcf7-email:nth-child(2n+1) {
    margin-left: 0;
    margin-right: 1.5%;
}

.wpcf7 .wpcf7-textarea {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
}

.wpcf7 ::-webkit-input-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.wpcf7 :-moz-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.wpcf7 ::-moz-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.wpcf7 :-ms-input-placeholder {
    color: #acb4b5;
    font-size: 13px;
}

.wpcf7 .wpcf7-submit {
    float: right;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.wpcf7 .wpcf7-submit.wpcf7-submit-full {
    width: 100%;
}

.dark .wpcf7 .wpcf7-text,
.dark .wpcf7 .wpcf7-email,
.dark .wpcf7 .wpcf7-textarea {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.dark .wpcf7 .wpcf7-text:focus,
.dark .wpcf7 .wpcf7-email:focus,
.dark .wpcf7 .wpcf7-textarea:focus {
    border-color: rgba(255, 255, 255, 0.3);
}

.dark .wpcf7 ::-webkit-input-placeholder {
    color: #fff;
}

.dark .wpcf7 :-moz-placeholder {
    color: #fff;
}

.dark .wpcf7 ::-moz-placeholder {
    color: #fff;
}

.dark .wpcf7 :-ms-input-placeholder {
    color: #fff;
}

.g-recaptcha {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    display: none;
}

.g-recaptcha > div > div {
    max-height: 78px;
}

.g-recaptcha.recaptcha-visible {
    display: block;
}

/*
    6.11. ELEMENTS - CUSTOM HEADINGS
    ========================================================================= */
.custom-heading-01 span {
    display: block;
    margin-bottom: 20px;
    color: #acb4b5;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.custom-heading-02 {
    margin-bottom: 60px;
}

.custom-heading-02 h1, .custom-heading-02 h2, .custom-heading-02 h3, .custom-heading-02 h4, .custom-heading-02 h5, .custom-heading-02 h6 {
    text-align: center;
    margin-bottom: 20px;
}

.custom-heading-02 span {
    display: block;
    width: 100%;
    color: #acb4b5;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
}

.row > .col-md-12 > .custom-heading-02:only-child {
    margin-bottom: -60px;
}

.custom-heading-03 {
    display: block;
    position: relative;
    padding-top: 23px;
}

.custom-heading-03::before {
    display: block;
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    top: 0;
    left: 0;
}

/*
    6.12. ELEMENTS - DIVIDER
    ========================================================================= */
/*  6.12.1. DIVIDER DOTTED
    ------------------------------------------------------------------------- */
.divider-dotted {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    border-bottom: 1px dotted #e3e3e3;
}

/*  6.12.2. DIVIDER LINE
    ------------------------------------------------------------------------- */
.divider-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
}

/*  6.12.3. DIVIDER THREE DOTS
    ------------------------------------------------------------------------- */
.divider {
    display: block;
    margin: 0 auto;
    width: 44px;
    height: 10px;
    background-image: url("../img/svg/icon-divider.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 44px 10px;
}

/*  6.12.4. DIVIDER WITH ICON
    ------------------------------------------------------------------------- */
.divider-icon {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.divider-icon i {
    position: relative;
    display: table;
    margin: 0 auto;
    top: 12px;
    font-size: 24px;
    background-color: #fff;
    padding: 0 30px;
}

/*  6.12.5. DIVIDER WITH "TO TOP" ICON
    ------------------------------------------------------------------------- */
.divider-scroll-up {
    border-bottom: 1px solid #eee;
}

.divider-scroll-up .scroll-up {
    position: relative;
    top: 20px;
    right: initial;
    display: table;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background-color: #071740;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.divider-scroll-up .scroll-up i {
    display: table-cell;
    color: #c5dadc;
    font-size: 9px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.divider-scroll-up .scroll-up:hover i {
    color: #fff;
}

/*
    6.13. ELEMENTS - FEATURE BOX
    ========================================================================= */
/*  6.13.1. FEATURE BOX GENERAL STYLING
    ------------------------------------------------------------------------- */
.feature-box {
    padding: 40px 20px;
}

.feature-box.dark h1, .feature-box.dark h2, .feature-box.dark h3, .feature-box.dark h4, .feature-box.dark h5, .feature-box.dark h6 {
    color: #fff;
    margin-bottom: 15px;
}

.feature-box.dark p, .feature-box.dark span, .feature-box.dark li {
    color: #c5dadc;
}

.feature-box.dark a {
    color: #fff;
}

.feature-box.centered h1, .feature-box.centered h2, .feature-box.centered h3, .feature-box.centered h4, .feature-box.centered h5, .feature-box.centered h6, .feature-box.centered p, .feature-box.centered a, .feature-box.centered span, .feature-box.centered li {
    text-align: center;
}

.feature-box p:last-child {
    padding-bottom: 0;
}

.feature-box .icon-container {
    width: 35px;
    height: 35px;
    float: left;
}

.feature-box .icon-container i {
    font-size: 35px;
}

.feature-box .text-container {
    padding-left: 45px;
}

.widget > .feature-box h3 {
    font-size: 18px;
}

/*  6.13.1. FEATURE BOX INDUSTRY SECTORS
    ------------------------------------------------------------------------- */
.industry-sectors-grid {
    margin-bottom: -30px;
}

.industry-sectors-grid > li {
    list-style: none;
    margin-bottom: 30px;
}

.industry-sectors-grid > li > .feature-box.service-box-05 {
    padding: 0;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .media {
    margin-bottom: 15px;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #eff3f7;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container > img, .industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container svg {
    display: block;
    width: 20px;
    height: 100%;
    margin: 0 auto;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container > i {
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    height: 40px;
    color: #fff;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-aqua {
    background-color: #4bd8ee;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-red {
    background-color: #e21f2f;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-brown {
    background-color: #c28e5b;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-dark-blue {
    background-color: #071740;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-green {
    background-color: #6ec25b;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-orange {
    background-color: #f9b126;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-teal {
    background-color: #0cb4ce;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-yellow {
    background-color: #facd17;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .icon-container.bkg-color-purple {
    background-color: #a95bc2;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .text-container {
    padding-left: 55px;
}

.industry-sectors-grid > li > .feature-box.service-box-05 > .text-container h3 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 25px;
    padding-top: 8px;
}

.industry-sectors-grid > li:nth-child(3n + 1) {
    clear: both;
}

/*
    6.14. ELEMENTS - FEATURED PAGES
    ========================================================================= */
.featured-page-box {
    position: relative;
    z-index: 100;
}

.featured-page-box .media {
    width: 100%;
    margin-bottom: 30px;
}

.featured-page-box > .body {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.featured-page-box > .body h2, .featured-page-box > .body h3, .featured-page-box > .body h4, .featured-page-box > .body h5, .featured-page-box > .body h6 {
    position: relative;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
    padding-left: 20px;
}

.featured-page-box > .body h2:hover, .featured-page-box > .body h3:hover, .featured-page-box > .body h4:hover, .featured-page-box > .body h5:hover, .featured-page-box > .body h6:hover {
    color: #071740;
}

.featured-page-box > .body h2::before, .featured-page-box > .body h3::before, .featured-page-box > .body h4::before, .featured-page-box > .body h5::before, .featured-page-box > .body h6::before {
    display: block;
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    font-size: 10px;
    left: 0;
    top: -2px;
}

.featured-page-box > .body::before {
    position: absolute;
    display: block;
    content: "";
    width: 70px;
    height: 2px;
    left: 0;
    bottom: 0;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.featured-page-box:hover .body::before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*
    6.15. ELEMENTS - IMAGE REVEAL
    ========================================================================= */
.animated {
    -webkit-animation-duration: 800ms;
    -moz-animation-duration: 800ms;
    -ms-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    animation-duration: 800ms;
}

.image-reveal {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.image-reveal img {
    z-index: 2;
}

.image-reveal.animated {
    -webkit-animation-duration: 800ms;
    -moz-animation-duration: 800ms;
    -ms-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    animation-duration: 800ms;
}

.image-reveal-mask {
    z-index: 1;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0;
}

.imageReveal {
    -webkit-animation-name: imageReveal;
    -moz-animation-name: imageReveal;
    -ms-animation-name: imageReveal;
    -o-animation-name: imageReveal;
    animation-name: imageReveal;
    -webkit-animation-duration: 800ms;
    -moz-animation-duration: 800ms;
    -ms-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-timing-function: easeInOut;
    -moz-animation-timing-function: easeInOut;
    -ms-animation-timing-function: easeInOut;
    -o-animation-timing-function: easeInOut;
    animation-timing-function: easeInOut;
    -webkit-animation-fill-mode: forward;
    -moz-animation-fill-mode: forward;
    -ms-animation-fill-mode: forward;
    -o-animation-fill-mode: forward;
    animation-fill-mode: forward;
}

@-webkit-keyframes imageReveal {
    0% {
        width: 30%;
    }
    100% {
        width: 0%;
    }
}

@-moz-keyframes imageReveal {
    0% {
        width: 30%;
    }
    100% {
        width: 0%;
    }
}

@-ms-keyframes imageReveal {
    0% {
        width: 30%;
    }
    100% {
        width: 0%;
    }
}

@-o-keyframes imageReveal {
    0% {
        width: 30%;
    }
    100% {
        width: 0%;
    }
}

@keyframes imageReveal {
    0% {
        width: 30%;
    }
    100% {
        width: 0%;
    }
}

/*
    6.16. ELEMENTS - KEX CONTACTS
    ========================================================================= */
.key-contacts > ul {
    padding-left: 0;
}

.key-contacts > ul > li {
    list-style: none;
    margin-bottom: 20px;
}

.key-contacts img {
    float: left;
    width: 100px;
    height: auto;
}

.key-contacts .text-container {
    padding-left: 115px;
}

.key-contacts .text-container h4 {
    margin-bottom: 3px;
    font-size: 18px;
}

.key-contacts .text-container h1, .key-contacts .text-container h2, .key-contacts .text-container h3, .key-contacts .text-container h4, .key-contacts .text-container h5, .key-contacts .text-container h6 {
    margin-bottom: 3px;
}

.key-contacts .text-container .contacts-title {
    margin-bottom: 15px;
}

.key-contacts .text-container .fa-ul > li {
    padding-bottom: 3px;
}

.key-contacts .text-container .fa-ul > li a, .key-contacts .text-container .fa-ul > li p, .key-contacts .text-container .fa-ul > li span {
    font-size: 13px;
}

/*
    6.17. ELEMENTS - LATEST POSTS
    ========================================================================= */
/*  6.17.1. LATEST POSTS STYLE 01 - BIG IMAGE
    ------------------------------------------------------------------------- */
.pi-latest-posts-01 .post-container {
    list-style: none;
    float: left;
    width: 30%;
    margin-right: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.pi-latest-posts-01 .post-container:nth-child(3n) {
    margin-right: 0;
}

.pi-latest-posts-01 .post-media {
    margin-bottom: 20px;
}

.pi-latest-posts-01 .post-media a {
    display: block;
    width: 100%;
}

.pi-latest-posts-01 .post-body .date {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #acb4b5;
}

.pi-latest-posts-01 .post-body a {
    display: block;
    width: 100%;
}

.pi-latest-posts-01 .post-body a.read-more {
    display: inline-block;
    width: auto;
}

.pi-latest-posts-01 .post-body h3 {
    font-size: 21px;
    margin-bottom: 20px;
}

.owl-carousel.pi-latest-posts-01 .post-container {
    width: 100%;
    margin-bottom: 10px;
}

/*  6.17.2. LATEST POSTS STYLE 02 - SMALL IMAGE (IN FOOTER)
    ------------------------------------------------------------------------- */
.widget > ul.pi-latest-posts-02 > .post-container {
    list-style: none;
    padding-left: 0;
}

.widget > ul.pi-latest-posts-02 > .post-container::before {
    display: none;
}

.pi-latest-posts-02 > .post-container {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.pi-latest-posts-02 .post-media {
    width: 70px;
    float: left;
}

.pi-latest-posts-02 .post-media a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.pi-latest-posts-02 .post-body {
    padding-left: 85px;
}

.pi-latest-posts-02 .post-body .date {
    display: block;
    width: 100%;
    color: #acb4b5;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
}

.pi-latest-posts-02 .post-body h4 {
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 0;
}

#footer-wrapper .pi-latest-posts-02 .post-body .date {
    font-size: 10px;
    color: #acb4b5;
}

#footer-wrapper .pi-latest-posts-02 .post-body h4 {
    color: #c5dadc;
}

/*  6.17.3. LATEST POSTS STYLE 03 - NO IMAGE (IN SIDEBAR)
    ------------------------------------------------------------------------- */
.pi-latest-posts-03 > li,
.widget > .pi-latest-posts-03 > li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.pi-latest-posts-03 > li::before,
.widget > .pi-latest-posts-03 > li::before {
    display: none;
}

.pi-latest-posts-03 > li > a,
.widget > .pi-latest-posts-03 > li > a {
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #071740;
    font-weight: 500;
}

.pi-latest-posts-03 > li > span.date,
.widget > .pi-latest-posts-03 > li > span.date {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 15px;
    font-size: 13px;
    line-height: 20px;
}

.pi-latest-posts-03 > li > span.date::before,
.widget > .pi-latest-posts-03 > li > span.date::before {
    position: absolute;
    display: block;
    top: -2px;
    left: 0;
    content: "\f017";
    font-family: "FontAwesome";
    font-size: 13px;
    color: #071740;
}

#footer-wrapper .footer-widget-container .pi-latest-posts-03 > li > a,
#footer-wrapper .footer-widget-container .widget > .pi-latest-posts-03 > li > a {
    color: #fff;
}

#footer-wrapper .footer-widget-container .pi-latest-posts-03 > li > span.date::before,
#footer-wrapper .footer-widget-container .widget > .pi-latest-posts-03 > li > span.date::before {
    color: #acb4b5;
}

/*
    6.18. ELEMENTS - LISTS
    ========================================================================= */
.fa-ul {
    margin-left: 0;
}

.fa-ul.large-icons > li {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.fa-ul.large-icons > li .icon-container {
    float: left;
    font-size: 23px;
}

.fa-ul.large-icons > li .li-content {
    padding-left: 40px;
}

.fa-ul.large-icons > li .li-content p {
    padding-bottom: 0;
}

.fa-ul.large-icons > li .li-content p + a {
    margin-top: 15px;
}

.fa-ul.large-icons > li .li-content h1, .fa-ul.large-icons > li .li-content h2, .fa-ul.large-icons > li .li-content h3, .fa-ul.large-icons > li .li-content h4, .fa-ul.large-icons > li .li-content h5, .fa-ul.large-icons > li .li-content h6 {
    margin-bottom: 15px;
}

.fa-ul.large-icons.detailed > li {
    padding-bottom: 30px;
}

.fa-ul.ul-circled .icon-container {
    width: 40px;
    height: 40px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.fa-ul.ul-circled .icon-container img {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 100%;
}

.fa-ul.ul-circled .li-content {
    padding-left: 50px;
    padding-top: 8px;
}

.fa-ul + p,
.fa-ul + a,
.fa-ul + span,
.fa-ul + ul,
.fa-ul + img {
    margin-top: 15px;
}

.fa-ul.default li {
    padding-bottom: 10px;
}

.fa-ul.default i {
    float: left;
    padding-top: 4px;
    font-size: 13px;
}

.fa-ul.default p {
    padding-left: 20px;
    padding-bottom: 0;
}

.list-style-none {
    list-style: none;
}

/*
    6.19. ELEMENTS - MAP
    ========================================================================= */
.map-height-lg {
    height: 550px;
}

.map-height-small {
    height: 280px;
}

#map + div,
#map + p,
#map + ul,
#map + a {
    margin-top: 30px;
}

/*
    6.20. ELEMENTS - MESSAGE BOXES
    ========================================================================= */
.message-boxes {
    width: 100%;
}

.message-boxes.infobox-default, .message-boxes.errorbox-default, .message-boxes.successbox-default, .message-boxes.warningbox-default {
    position: relative;
    width: 100%;
    min-height: 70px;
    margin-bottom: 10px;
}

.message-boxes.infobox-default > .icon-container, .message-boxes.errorbox-default > .icon-container, .message-boxes.successbox-default > .icon-container, .message-boxes.warningbox-default > .icon-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 70px;
    height: 70px;
    margin-top: -35px;
}

.message-boxes.infobox-default > .icon-container > i, .message-boxes.errorbox-default > .icon-container > i, .message-boxes.successbox-default > .icon-container > i, .message-boxes.warningbox-default > .icon-container > i {
    display: table-cell;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 32px;
}

.message-boxes.infobox-default > .notification-container, .message-boxes.errorbox-default > .notification-container, .message-boxes.successbox-default > .notification-container, .message-boxes.warningbox-default > .notification-container {
    margin-left: 70px;
    padding: 25px;
}

.message-boxes.infobox-default > .notification-container p, .message-boxes.errorbox-default > .notification-container p, .message-boxes.successbox-default > .notification-container p, .message-boxes.warningbox-default > .notification-container p {
    padding-bottom: 0;
}

.message-boxes.infobox-default > .icon-container {
    background-color: #e5f1f5;
}

.message-boxes.infobox-default > .notification-container {
    background-color: #f6fcfe;
}

.message-boxes.errorbox-default > .icon-container {
    background-color: #fbe8e8;
}

.message-boxes.errorbox-default > .notification-container {
    background-color: #fcf1f1;
}

.message-boxes.successbox-default > .icon-container {
    background-color: #e9fcd3;
}

.message-boxes.successbox-default > .notification-container {
    background-color: #f7feef;
}

.message-boxes.warningbox-default > .icon-container {
    background-color: #f8f6bc;
}

.message-boxes.warningbox-default > .notification-container {
    background-color: #f8f7dc;
}

.message-boxes > .message-close {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.message-boxes > .message-close > i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    width: 30px;
    height: 30px;
}

.message-boxes:hover > .message-close {
    opacity: 1;
}

/*
    6.21. ELEMENTS - NUMBER COUNTER
    ========================================================================= */
.odometer-container .odometer-inner {
    display: table;
    margin: 0 auto 25px;
}

.odometer-container .odometer-inner > i {
    padding-right: 15px;
}

.odometer-container p {
    display: block;
    width: 100%;
    color: #071740;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 0;
}

.odometer-container .digit-mark {
    position: relative;
    top: 11px;
    left: 5px;
    font-size: 48px;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-size: 48px;
    font-weight: 500;
    text-align: center;
}

.page-content.dark .odometer-container .odometer-value, .page-content.dark .odometer-container .odometer-formatting-mark {
    color: #fff;
}

.page-content.dark .odometer-container .digit-mark {
    color: #fff;
}

/*
    6.22. ELEMENTS - OWL CAROUSEL
    ========================================================================= */
.owl-controls > .owl-nav > .owl-prev {
    position: relative;
    left: 50%;
    margin-left: -48px;
    top: 40px;
    width: 44px;
    height: 44px;
    background-image: url("../img/svg/arrow-prev.svg");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.owl-controls > .owl-nav > .owl-next {
    position: relative;
    left: 50%;
    margin-left: 4px;
    top: -4px;
    width: 44px;
    height: 44px;
    background-image: url("../img/svg/arrow-next.svg");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

/*
    6.23. ELEMENTS - PORTFOLIO
    ========================================================================= */
.row.portfolio-filters {
    margin-bottom: 50px;
}

.portfolio-items-holder + .portfolio-pagination-holder {
    margin-top: -120px;
}

.pagination {
    float: right;
}

.pagination > ul > li {
    list-style: none;
    float: left;
    margin-left: 5px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pagination > ul > li > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 13px;
}

.pagination > ul > li > a.fa {
    font-size: 8px;
}

.pagination > ul > li.active > a {
    color: #fff;
}

.pagination > ul > li:hover > a {
    color: #fff;
}

.pagination.pagination-centered {
    display: table;
    margin: 0 auto;
    float: none;
}

/*  6.23.1. PORTFOLIO GRID STYLING
    ------------------------------------------------------------------------- */
.cases-grid > li {
    list-style: none;
    margin-bottom: 30px;
}

.cases-grid > li:nth-child(3n + 1) {
    clear: both;
}

.cases-grid .portfolio-item {
    width: 100%;
}

.cases-grid .portfolio-item .media {
    margin-bottom: 30px;
}

.cases-grid .portfolio-item .body {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.cases-grid .portfolio-item .body h2, .cases-grid .portfolio-item .body h3, .cases-grid .portfolio-item .body h4, .cases-grid .portfolio-item .body h5, .cases-grid .portfolio-item .body h6 {
    position: relative;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
}

.cases-grid .portfolio-item .body h2:hover, .cases-grid .portfolio-item .body h3:hover, .cases-grid .portfolio-item .body h4:hover, .cases-grid .portfolio-item .body h5:hover, .cases-grid .portfolio-item .body h6:hover {
    color: #071740;
}

.cases-grid .portfolio-item .body h2::before, .cases-grid .portfolio-item .body h3::before, .cases-grid .portfolio-item .body h4::before, .cases-grid .portfolio-item .body h5::before, .cases-grid .portfolio-item .body h6::before {
    display: block;
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    font-size: 10px;
    left: 0;
    top: -2px;
}

.cases-grid .portfolio-item .body::before {
    position: absolute;
    display: block;
    content: "";
    width: 70px;
    height: 2px;
    left: 0;
    bottom: 0;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.cases-grid .portfolio-item .body .portfolio-tags {
    padding-left: 0;
}

.cases-grid .portfolio-item .body .portfolio-tags > li {
    list-style: none;
    padding-left: 20px;
    font-size: 13px;
    line-height: 20px;
}

.cases-grid .portfolio-item:hover .body::before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*  6.23.2. PORTFOLIO LIST STYLING
    ------------------------------------------------------------------------- */
.cases-list > li {
    list-style: none;
    margin-bottom: 50px;
}

.cases-list > li .portfolio-item {
    width: 100%;
}

.cases-list > li .portfolio-item .media {
    width: 360px;
    float: left;
}

.cases-list > li .portfolio-item .body {
    padding-left: 390px;
}

.cases-list > li .portfolio-item .body h2, .cases-list > li .portfolio-item .body h3, .cases-list > li .portfolio-item .body h4, .cases-list > li .portfolio-item .body h5, .cases-list > li .portfolio-item .body h6 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 15px;
}

.cases-list > li .portfolio-item .body .portfolio-tags {
    padding-left: 0;
}

.cases-list > li .portfolio-item .body .portfolio-tags > li {
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

/*  6.23.3. PORTFOLIO FILTERS
    ------------------------------------------------------------------------- */
#filters {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

#filters > li {
    position: relative;
    list-style: none;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    color: #071740;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

#filters > li::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -6px;
    background-color: #fff;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

#filters > li:hover::before {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

#filters > li.filter-button.is-checked::before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*  6.23.4. PORTFOLIO WIDGETS - LATEST PROJECTS (IN SIDEBAR)
    ------------------------------------------------------------------------- */
.widget.widget_recent_entries > ul > li {
    background-color: #fff;
    border: 1px solid #eee;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.widget.widget_recent_entries > ul > li::before {
    top: 18px;
    left: 20px;
}

.widget.widget_recent_entries > ul > li a {
    display: block;
    padding: 20px 20px 20px 30px;
}

.widget.widget_recent_entries > ul > li:hover {
    background-color: #eff3f7;
}

.widget.widget_recent_entries > ul > li:hover a {
    color: #071740;
}

/*  6.23.5. PORTFOLIO SINGLE PAGE BACKGROUNDS
    ------------------------------------------------------------------------- */
[class*="cases-bkg"] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cases-bkg01 {
    background-image: url("../img/cases/feasibillity-study-for-aqua-park-in-istria-croatia.jpg");
}

.cases-bkg02 {
    background-image: url("../img/cases/tourism-development-plan-for-spa-resort.jpg");
}

.cases-bkg03 {
    background-image: url("../img/cases/tourism-master-plan-for-wine-tourism.jpg");
}

.cases-bkg04 {
    background-image: url("../img/cases/tourism-plan-development-and-marketing.jpg");
}

.cases-bkg05 {
    background-image: url("../img/cases/tourism-marketing-strategy-machu-picchu.jpg");
}

.cases-bkg06 {
    background-image: url("../img/cases/implementation-of-visitor-information-service.jpg");
}

.cases-bkg07 {
    background-image: url("../img/cases/complete4-branding-and-marketing-for-galeo-tours.jpg");
}

.cases-bkg08 {
    background-image: url("../img/cases/branding-and-marketing-for-spa-class.jpg");
}

.cases-bkg09 {
    background-image: url("../img/cases/destination-management-plan.jpg");
}

.cases-bkg10 {
    background-image: url("../img/cases/destination-management-plan-for-philippines.jpg");
}

.cases-bkg11 {
    background-image: url("../img/cases/workforce-development-for-kai-resort-thailand.jpg");
}

.cases-bkg12 {
    background-image: url("../img/cases/management-10-year-business-strategy01.jpg");
}

.cases-bkg13 {
    background-image: url("../img/cases/management-market-assessment01.jpg");
}

.cases-bkg14 {
    background-image: url("../img/cases/management-geo-informatics.jpg");
}

.cases-bkg15 {
    background-image: url("../img/cases/management-avalast01.jpg");
}

.cases-bkg16 {
    background-image: url("../img/cases/management-customer-segmentation01.jpg");
}

.cases-bkg17 {
    background-image: url("../img/cases/management-crm01.jpg");
}

.cases-bkg18 {
    background-image: url("../img/cases/management-fork-logistics01.jpg");
}

.cases-bkg19 {
    background-image: url("../img/cases/management-alura01.jpg");
}

.cases-bkg20 {
    background-image: url("../img/cases/management-market-entry-min-and-herbs01.jpg");
}

.cases-bkg21 {
    background-image: url("../img/cases/management-global-.market-anaysis-global-construction01.jpg");
}

.cases-bkg22 {
    background-image: url("../img/cases/management-business-strategy-shoe-stars01.jpg");
}

/*
    6.24. ELEMENTS - PRICING TABLE
    ========================================================================= */
.pricing-table {
    background-color: #fff;
    border: 3px double #eee;
    padding: 40px;
}

.pricing-table h1, .pricing-table h2, .pricing-table h3 {
    margin-bottom: 15px;
    text-align: center;
}

.pricing-table .price {
    display: block;
    border-top: 3px double #eee;
    border-bottom: 3px double #eee;
    padding: 20px 0;
    text-align: center;
}

.pricing-table .price span {
    font-size: 21px;
    color: #071740;
    font-weight: 500;
}

.pricing-table li {
    padding: 15px 0;
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #eee;
}

.pricing-table li.head {
    list-style: none;
    border-bottom: none;
}

.pricing-table li.pricing-footer {
    margin-top: 30px;
    border-bottom: none;
}

.pricing-table.active {
    -webkit-box-shadow: 1px 0px 15px #eee;
    -moz-box-shadow: 1px 0px 15px #eee;
    box-shadow: 1px 0px 15px #eee;
}

/*
    6.25. ELEMENTS - READ MORE
    ========================================================================= */
.read-more {
    position: relative;
    font-weight: 500;
    padding-left: 15px;
    display: inline-block;
}

.read-more::before {
    position: absolute;
    content: "\f061";
    top: 0;
    left: 0;
    font-family: "FontAwesome";
    font-size: 10px;
}

.read-more::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0px;
    background-color: #fff;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}

.read-more:hover::after {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

ul + .read-more {
    margin-top: 15px;
}

/*
    6.26. ELEMENTS - SCROLL UP
    ========================================================================= */
.scroll-up {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    background-color: #071740;
    z-index: 100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.scroll-up i {
    display: table-cell;
    color: #c5dadc;
    font-size: 9px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.scroll-up:hover i {
    color: #fff;
}

/*
    6.27. ELEMENTS - SERVICES
    ========================================================================= */
.service-box h1, .service-box h2, .service-box h3, .service-box h4, .service-box h5, .service-box h6 {
    margin-bottom: 20px;
}

.service-box i {
    font-size: 30px;
    color: #acb4b5;
}

.service-box.service-box-01 {
    padding: 40px;
    background-color: #fff;
    border: 1px solid #eee;
}

.service-box.service-box-01 .icon-container {
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
    border: 2px solid #c5dadc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.service-box.service-box-01 .icon-container i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 60px;
    height: 60px;
}

.service-box.service-box-02 .icon-container {
    float: left;
    width: 60px;
    height: 60px;
    border: 2px solid #c5dadc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.service-box.service-box-02 .icon-container i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 60px;
    height: 60px;
}

.service-box.service-box-02 .text-container {
    padding-left: 80px;
}

.service-box.service-box-03 {
    padding: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 8px #eee;
    -moz-box-shadow: 0 1px 8px #eee;
    box-shadow: 0 1px 8px #eee;
}

.service-box.service-box-03 .icon-container {
    width: 30px;
    height: 30px;
    float: left;
}

.service-box.service-box-03 .text-container {
    padding-left: 50px;
}

.service-box.service-box-03 .text-container p {
    padding-bottom: 0;
}

.service-box.service-box-03 .text-container h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.service-box.service-box-listed > li {
    list-style: none;
    width: 50%;
    float: left;
    padding-right: 15px;
    margin-bottom: 50px;
}

.service-box.service-box-listed > li:nth-child(2n) {
    padding-right: 0;
    padding-left: 15px;
}

.service-box.service-box-listed .icon-container {
    width: 30px;
    float: left;
}

.service-box.service-box-listed .icon-container > i {
    font-size: 30px;
}

.service-box.service-box-listed .text-container {
    padding-left: 50px;
}

.service-box.service-box-listed .text-container p {
    padding-bottom: 0;
}

.service-box.service-box-listed .text-container h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.service-box.service-box-04 .media {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.service-box.service-box-04 .icon-container {
    width: 30px;
    height: 30px;
    float: left;
}

.service-box.service-box-04 .text-container {
    padding-left: 50px;
}

.service-box.service-box-04 .text-container p {
    padding-bottom: 10px;
}

.service-box.service-box-04 .text-container h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.col-md-12 .service-box.service-box-listed li {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-12 .service-box.service-box-listed li:nth-child(2n) {
    padding-right: 15px;
    padding-left: 15px;
}

/*
    6.28. ELEMENTS - SLIDER
    ========================================================================= */
/*  6.28.1. MASTER SLIDER
    ------------------------------------------------------------------------- */
#mastersliderFullArrows,
#mastersliderFullWidth,
#mastersliderFullWidth02,
#mastersliderFullWidth03 {
    max-width: 100%;
    min-height: 650px;
    margin-bottom: 120px !important;
}

#mastersliderFullArrows.mb-0,
#mastersliderFullWidth.mb-0,
#mastersliderFullWidth02.mb-0,
#mastersliderFullWidth03.mb-0 {
    margin-bottom: 0 !important;
}

.master-slider {
    margin-bottom: 120px;
    overflow: hidden !important;
}

.ms-view {
    background: #071740;
}

/*
    STYLING NAVIGATION ARROWS
*/
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    right: 0;
    left: auto;
}

.ms-skin-default .ms-nav-next {
    width: 44px;
    height: 44px;
    margin-top: 20px;
    background: url("../img/svg/arrow-next.svg");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.ms-skin-default .ms-nav-prev {
    width: 44px;
    height: 44px;
    margin-top: -40px;
    background: url("../img/svg/arrow-prev.svg");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

/*
    MASTER SLIDER CAPTIONS, HEADINGS AND LINKS
*/
.pi-caption-small {
    color: #c5dadc;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.pi-caption {
    margin-bottom: 0;
    color: #fff;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: 600;
    font-size: 72px;
    line-height: 92px;
    -webkit-text-shadow: 1px 1px 0px #2f3643;
    -moz-text-shadow: 1px 1px 0px #2f3643;
    box-text-shadow: 1px 1px 0px #2f3643;
}

.pi-caption-02 {
    margin-bottom: 0;
    color: #071740;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-text-shadow: 1px 1px 0px #2f3643;
    -moz-text-shadow: 1px 1px 0px #2f3643;
    box-text-shadow: 1px 1px 0px #2f3643;
}

.pi-link,
.pi-link-dark {
    color: #fff;
    background-repeat: no-repeat;
    font-family: "Poppins", Arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 44px;
    letter-spacing: 1px;
}

.pi-link-dark {
    color: #071740;
}

.pi-link-arrow {
    width: 44px;
    height: 44px;
}

.pi-text {
    color: #071740;
    font-size: 18px;
    line-height: 26px;
}

/*
    VIDEO SLIDE OVERLAY
*/
.ms-slide .ms-slide-bgvideocont {
    position: relative;
}

.ms-slide .ms-slide-bgvideocont::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030d26+0,030d26+100&0.8+0,0.4+50,0.8+100 */
    background: -moz-linear-gradient(top, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(3, 13, 38, 0.8) 0%, rgba(3, 13, 38, 0.4) 50%, rgba(3, 13, 38, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc030d26', endColorstr='#cc030d26', GradientType=0);
    /* IE6-9 */
}

/*  6.28.2. NIVO SLIDER
    ------------------------------------------------------------------------- */
.nivo-caption {
    top: 0;
    max-width: 360px;
    padding: 70px 40px 20px 40px;
    background-color: #071740;
}

.nivo-caption p, .nivo-caption h1, .nivo-caption h2, .nivo-caption h3, .nivo-caption h4, .nivo-caption h5, .nivo-caption h6 {
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.nivo-controlNav {
    position: relative;
    top: -50px;
    z-index: 1000;
    text-align: left;
    padding: 15px 40px;
    text-indent: -9999px;
}

.nivo-controlNav a {
    display: block;
    float: left;
    margin-left: 3px;
    width: 8px;
    height: 8px;
    background-color: #748182;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.nivo-controlNav a.active {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    background-color: #fff;
}

.nivo-directionNav a {
    display: block;
    width: 44px;
    height: 44px;
    right: 15px;
    left: initial;
}

.nivo-directionNav a.nivo-nextNav {
    width: 44px;
    height: 44px;
    margin-top: 20px;
    background: url("../img/slider/arrow-next.svg");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.nivo-directionNav a.nivo-prevNav {
    width: 44px;
    height: 44px;
    margin-top: -40px;
    background: url("../img/slider/arrow-prev.svg");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.slider-wrapper div[id^="slider-caption-"] {
    display: none;
}

/*
    6.29. ELEMENTS - SOCIAL PHOTO STREAMS
    ========================================================================= */
.social-feed {
    width: 100%;
    float: left;
}

.social-feed > ul {
    width: 100%;
    float: left;
}

.social-feed > ul > li {
    display: block;
    width: 87px;
    height: 87px;
    list-style: none;
    float: left;
    padding-right: 5px;
    margin-bottom: 5px;
}

.social-feed > ul > li:nth-child(3n) {
    padding-right: 0;
}

.social-feed > ul > li img {
    width: 87px;
    height: 87px;
}

.col-md-3 .social-feed > ul {
    padding-left: 0;
}

.col-md-4 .social-feed > ul > li {
    width: 100px;
    height: 100px;
}

.col-md-4 .social-feed > ul > li img {
    width: 100px;
    height: 100px;
}

.tweets-list-container {
    width: 100%;
    overflow: hidden;
}

.tweets-list-container > .tweet-list {
    position: relative;
    list-style-type: none;
    padding: 0;
}

.tweets-list-container > .tweet-list > li {
    padding-bottom: 10px;
}

.tweets-list-container > .tweet-list > li.profile-image {
    padding-left: 60px;
}

.tweets-list-container > .tweet-list.twitter-logo > li {
    background-image: url("../img/svg/twitter-logo-light.svg");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 40px;
}

/*
    6.30. ELEMENTS - TABLE
    ========================================================================= */
.table {
    border: none;
    border-color: transparent;
}

.table > thead > tr > th {
    padding-bottom: 15px;
    border-bottom: 1px solid #c5dadc;
    font-weight: 500;
    color: #071740;
}

.table > tbody > tr {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.table > tbody > tr > td {
    padding: 15px 8px;
    font-size: 13px;
}

.table > tbody > tr > td > p {
    font-size: 13px;
}

.table > tfoot > tr > td {
    padding: 15px 8px;
    font-size: 13px;
}

.table.events-table > tbody > tr td:first-child {
    color: #071740;
    font-weight: 500;
    background-color: #eff3f7;
}

.table.events-table > tbody > tr > td {
    padding: 15px;
}

.table.table-hover > tbody > tr:hover {
    background-color: #eff3f7;
}

/*
    6.31. ELEMENTS - TABS
    ========================================================================= */
.tabs-container > .tabs {
    overflow: hidden;
}

.tabs-container > .tabs > li {
    position: relative;
    overflow: hidden;
    float: left;
    list-style: none;
    cursor: pointer;
}

.tabs-container > .tabs > li > a {
    padding-right: 25px;
    color: #071740;
    font-weight: 500;
}

.tabs-container > .tabs.vertical {
    float: left;
    width: 30%;
    border-right: 1px solid #eee;
}

.tabs-container > .tabs.vertical > li {
    width: 100%;
    border-bottom: none;
}

.tabs-container > .tabs.vertical > li a {
    display: block;
    width: 100%;
}

.tabs-container > .tab-content-wrap {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}

.tabs-container > .tab-content-wrap.vertical {
    float: left;
    width: 70%;
    padding-top: 0;
    padding-left: 30px;
}

.tabs-container.tabs-simple > .tabs > li {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.tabs-container.tabs-simple > .tabs.vertical > li {
    width: 100%;
    border-bottom: none;
}

.tabs-container.tabs-dark > .tabs > li {
    padding: 0;
}

.tabs-container.tabs-dark > .tabs > li a {
    background-color: #071740;
    display: block;
    color: #fff;
    padding: 15px 25px;
}

.tabs-container.tabs-dark > .tab-content-wrap {
    padding: 40px;
    background-color: #eff3f7;
}

.tabs-container.tabs-theme > .tabs > li {
    padding: 0;
}

.tabs-container.tabs-theme > .tabs > li a {
    background-color: #eff3f7;
    display: block;
    color: #071740;
    padding: 15px 25px;
}

.tabs-container.tabs-theme > .tab-content-wrap {
    background-color: #fff;
}

/*
    6.32. ELEMENTS - TEAM MEMBER
    ========================================================================= */
.team-horizontal {
    display: block;
    width: 100%;
    margin-bottom: 80px;
}

.team-horizontal > img {
    float: left;
    width: 263px;
}

.team-horizontal .team-details-container {
    padding-left: 293px;
}

/*
    6.33. ELEMENTS - TESTIMONIAL
    ========================================================================= */
.page-content.dark .testimonial-style-01 > p {
    color: #fff;
}

.testimonial-style-01 > p {
    font-family: "PT Serif", Georgia, Times New Roman, serif;
    font-size: 21px;
    font-style: italic;
    line-height: 30px;
    text-align: center;
}

.testimonial-style-01 span {
    display: block;
    width: 100%;
    text-align: center;
}

.testimonial-style-02 {
    position: relative;
    margin-left: 30px;
    margin-bottom: 10px;
    padding: 30px 30px 30px 60px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0px 1px 10px #eee;
    -moz-box-shadow: 0px 1px 10px #eee;
    box-shadow: 0px 1px 10px #eee;
}

.testimonial-style-02::before {
    position: absolute;
    display: block;
    top: 0;
    left: -30px;
    content: "\f10d";
    width: 60px;
    height: 60px;
    font-family: "FontAwesome";
    font-size: 15px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.testimonial-style-02 .author {
    color: #071740;
    font-weight: 600;
}

/*
    6.34. ELEMENTS - VIDEO
    ========================================================================= */
iframe {
    width: 100%;
    height: auto;
    min-height: 300px;
}

/*
    6.35. ELEMENTS - WIDGETS
    ========================================================================= */
/*  6.35.1. BASIC WIDGET STYLING
    ------------------------------------------------------------------------- */
.footer-widget-container .widget > .title h1, .footer-widget-container .widget > .title h2, .footer-widget-container .widget > .title h3, .footer-widget-container .widget > .title h4, .footer-widget-container .widget > .title h5, .footer-widget-container .widget > .title h6 {
    color: #fff;
}

.widget {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

.widget > .title h1, .widget > .title h2, .widget > .title h3, .widget > .title h4, .widget > .title h5, .widget > .title h6 {
    font-size: 18px;
    margin-bottom: 30px;
}

.widget > li {
    list-style: none;
}

.widget > ul {
    padding-left: 0;
}

.widget > ul.contact-info-list {
    padding-left: 10px;
}

.widget > ul.contact-info-list li {
    list-style: none;
}

.widget > ul.contact-info-list li::before {
    display: none;
}

.widget > ul > li {
    position: relative;
    list-style: none;
    padding-left: 15px;
}

.widget > ul > li::before {
    display: block;
    position: absolute;
    content: "\f061";
    top: -2px;
    left: 0;
    font-family: "FontAwesome";
    font-size: 10px;
}

.aside-widgets > li.widget:last-child {
    margin-bottom: 0;
}

/*  6.35.2. WIDGET - CONTACT INFO LIST
    ------------------------------------------------------------------------- */
.contact-info-list > li {
    padding-left: 25px;
}

.contact-info-list > li i {
    position: relative;
    margin-left: -25px;
    margin-right: 10px;
    width: 20px;
}

/*  6.35.3. WIDGET - DOWNLOAD LINKS (BROCHURE DOWNLOAD)
    ------------------------------------------------------------------------- */
a.download-link {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px 20px 15px 45px;
    margin-bottom: 2px;
}

a.download-link::before {
    display: block;
    position: absolute;
    left: 20px;
    content: "\f1c1";
    color: red;
    font-family: "FontAwesome";
}
#detail1-photo,
#detail2-photo,
#detail3-photo{
    position: relative;
    z-index: 100;
    transition: all 0.5s;
}
#detail1-photo:hover,
#detail2-photo:hover,
#detail3-photo:hover{
    transform: scale(2.5);
    transform-origin: bottom right;
    transition: all 0.5s;
}

#footer-wrapper .footer-widget-container a.download-link {
    background-color: #1a2236;
    border-color: #1a2236;
}

/*  6.35.4. WIDGET - NAV MENU (IN SIDEBAR)
    ------------------------------------------------------------------------- */
.widget_nav_menu .menu {
    padding-left: 0;
}

.widget_nav_menu .menu-item {
    width: 100%;
    list-style: none;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px 20px;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.widget_nav_menu .menu-item > a {
    position: relative;
    display: block;
    width: 100%;
}

.widget_nav_menu .menu-item > a::after {
    position: absolute;
    display: block;
    content: "\f054";
    top: -2px;
    right: 0;
    font-family: "FontAwesome";
    font-size: 10px;
}

.widget_nav_menu .menu-item.current-menu-item {
    background-color: #eff3f7;
}

.widget_nav_menu .menu-item.current-menu-item > a:hover {
    color: #acb4b5;
}

.widget_nav_menu .menu-item:hover {
    background-color: #eff3f7;
}

.widget_nav_menu .menu-item:hover > a {
    color: #acb4b5;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item {
    background-color: #1a2236;
    border-color: #1a2236;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item.current-menu-item {
    background-color: #242b3c;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item.current-menu-item > a {
    color: #fff;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item:hover {
    background-color: #242b3c;
}

#footer-wrapper .footer-widget-container .widget_nav_menu .menu-item:hover > a {
    color: #c5dadc;
}

/*  6.35.5. WIDGET - NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.newsletter-widget {
    display: table;
    margin: 0 auto;
}

.newsletter-widget .email {
    padding: 15px 130px 15px 30px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #748182;
}

.newsletter-widget ::-webkit-input-placeholder {
    color: #748182;
}

.newsletter-widget :-moz-placeholder {
    color: #748182;
}

.newsletter-widget ::-moz-placeholder {
    color: #748182;
}

.newsletter-widget :-ms-input-placeholder {
    color: #748182;
}

.newsletter-widget .submit {
    position: relative;
    left: -5px;
    border: none;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.aside-widgets .newsletter-widget .email {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.aside-widgets .newsletter-widget .submit {
    margin-top: 5px;
    left: 0;
    width: 100%;
}

.footer-widget-container .newsletter-widget .email {
    background-color: #1a2236;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    color: #c5dadc;
    border: none;
}

.footer-widget-container .newsletter-widget ::-webkit-input-placeholder {
    color: #c5dadc;
}

.footer-widget-container .newsletter-widget :-moz-placeholder {
    color: #c5dadc;
}

.footer-widget-container .newsletter-widget ::-moz-placeholder {
    color: #c5dadc;
}

.footer-widget-container .newsletter-widget :-ms-input-placeholder {
    color: #c5dadc;
}

.footer-widget-container .newsletter-widget .submit {
    left: -5px;
    width: initial;
}

/*  6.35.6. WIDGET - TAG CLOUD
    ------------------------------------------------------------------------- */
.tagcloud > a {
    float: left;
    border: 1px solid #eee;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.tagcloud > a:hover {
    color: #fff;
}

.footer-widget-container .tagcloud > a {
    border: 1px solid #1a2236;
}

.footer-widget-container .tagcloud > a:hover, .footer-widget-container .tagcloud > a:focus {
    color: #fff !important;
}

/*# sourceMappingURL=style.css.map */