/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Dec 3, 2015, 10:02:00 AM
    Author     : Ubo
*/

/*
1. All element
    1.1. Transition
    1.2. Border Radius
        1.2.1 Border Radius 50%
        1.2.2 Border Radius 2px
        1.2.3 Border Radius 0
2. Core Carousel
    2.1 Post Carousel pagination
    2.2. Image and Gallery Carousel buttons
3. Elements
    3.1. Accordion & Toggle
        3.1.1. Accordion hover
        3.1.2. Accordion style-1 hover
        3.1.3. Accordion style-2 hover
    3.2. Blog
        3.2.1. General
        3.2.2. Video audio post
        3.2.3. Link & Quote post
        3.2.4. Blog Style
            3.2.4.1 Blog Style
            3.2.4.2 Another Style
    3.3. Button
        3.3.1. Button Style
            3.3.1.1. Bordered Button
            3.3.1.2. Flat Button
            3.3.1.3. White Button
        3.3.2. Button Size
            3.3.2.1. Small Size
            3.3.2.2. Medium Size
            3.3.2.3. Large Size
            3.3.2.4. Extra Large Size
    3.4. Callout
    3.5. Column
    3.6. Circle Chart
    3.7. Divider
        3.7.1. Text Align
            3.7.1.1. Center
            3.7.1.2. Left
            3.7.1.3. Right
    3.8. Font Icon
        3.8.1. Font Icon Style
            3.8.1.1. Basic
            3.8.1.2. Circle
            3.8.1.3. Square
        3.8.2. Font Icon Size
            3.8.2.1 Small
            3.8.2.2 Medium
            3.8.2.3 Large
        3.8.3. Flat Icon
    3.9. Heading
        3.9.1. Heading seperator position
            3.9.1.1. Center
            3.9.1.2. Left
            3.9.1.3. Right
    3.10. IconBox
        3.10.1. IconBox Style
            3.10.1.1 IconBox Style 1
            3.10.1.2 IconBox Style 2
            3.10.1.3 IconBox Style 3
            3.10.1.4 IconBox Style 4
        3.10.2. IconBox Font Icon Image
    3.11. Image Scroll
    3.12. List
    3.13. Map
    3.14. Milestones
    3.15. Partner
    3.16. Pricing Table
    3.17. Progress Bar
    3.18. Post Carousel
    3.19. Portfolio
    3.20. Portfolio Carousel
    3.21. Socials
    3.22. Tabs
        3.22.1. Tabs Style
            3.22.1.1. Tabs Style 1
            3.22.1.2. Tabs Style 2
            3.22.1.3. Tabs General
    3.23. Team
        3.23.1. All content bottom side style
        3.23.2. Team element Image-overlay
        3.23.3. Team Style
            3.23.3.1. Team Corpia Style
            3.23.3.2. Team One Column Style
        3.23.4. Team Text Align
            3.23.4.1 Team Text Align Left
            3.23.4.2 Team Text Align Right
            3.23.4.3 Team Text Align Center
    3.24. Testimonial
        3.24.1 Testimonial Style
    3.25. Video
    3.26. Skrollr animation
4. Image overlay
5. Elements Dark
6. Team & Pricing table & Iconbox & Milestones & Circle chart Responsive
*/

/*---------------------------------------------------- 1. All element ----------------------------------------------------------*/
/*---------------------------------------------------- 1.1. Core Class ----------------------------------------------------------*/
.corpia-ut-element {
    position: relative;
    margin-bottom: 0px;
}

/*---------------------------------------------------- 1.2. Transition ----------------------------------------------------------*/
/* Transition */
/* Button */
.btn,
button,
.ut-woo-button a,
.wc-proceed-to-checkout a,
input[type="submit"] ,
/* Core Class */
.corpia-ut-element,
.corpia-ut-element a,
/* Image overlay */
.image-overlay .hover-content,
.corpia-ut-image-scroll > .scroll-thumb,
/* Social icons */
.corpia-ut-socials i,
/* Team */
.member-image img,
/* Grayscale */
.ut-grayscale-img,
/* Callout */
.corpia-ut-callout,
.corpia-ut-callout p,
.corpia-ut-callout .callout-btns,
/* IconBox */
.corpia-ut-iconbox .corpia-iconbox-icon,
.corpia-ut-iconbox .corpia-iconbox-icon i,
.corpia-ut-iconbox .corpia-iconbox-content h6,
.corpia-ut-iconbox .corpia-iconbox-content p,
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box .iconbox-style-2-bg-image,
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box .corpia-iconbox-box-bottom-line,
/* Accordion and Toggle */
.corpia-ut-element .vc_toggle_title,
.corpia-ut-element.corpia-ut-accordion .corpia-ut-accordion-tab .wpb_accordion_header,
/* Blog and Portfolio */
.corpia-ut-metro-style .post-thumb.overlay-disabled img,
.corpia-ut-masonry-style .post-thumb.overlay-disabled img,
.isotope-container article div {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*---------------------------------------------------- 1.3. Border radius ----------------------------------------------------------*/
/*---------------------------------------------------- 1.3.1. Border radius 50% ----------------------------------------------------------*/
/* Circle Chart */
.corpia-ut-circle-chart-inner.circle,
/* Divider three dotted style */
.corpia-ut-divider.type-dotted3 .divider-line .divider-dotted3,
/* owl Carousel pagination */
.owl-theme .owl-controls .owl-page span,
/* Font icon circle style */
.fi.circle-style,
/* Testimonial Image */
.testimonial-outer-image img,
.owl-carousel .owl-item .testimonial-main img,
/* Video Play Button */
.bg-video-container .bg-video-play,
/* IconBox Circle Font icon style */
.corpia-ut-iconbox.iconbox-style-1 .corpia-iconbox-icon.icon-style-circle,
/* Team Circle Style */
.corpia-style.corpia-ut-team-carousel .member-image.circle-image-team .image-overlay,
.corpia-style-carousel.corpia-ut-team-carousel .member-image.circle-image-team .image-overlay,
.corpia-style.corpia-ut-team-carousel .member-image.circle-image-team,
.corpia-style-carousel.corpia-ut-team-carousel .member-image.circle-image-team {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
/*---------------------------------------------------- 1.3.2. Border radius 2px ----------------------------------------------------------*/
/* button */
.btn,
button,
.ut-woo-button a,
.wc-proceed-to-checkout a,
input[type="submit"],
/* Tooltip */
.ui-tooltip,
/* Blog */
.corpia-ut-blog .mejs-controls .mejs-time-rail span,
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
/* Progress bar */
.corpia-ut-progress.vc_progress_bar .vc_single_bar.bar-style-2,
.corpia-ut-progress.vc_progress_bar .vc_single_bar.bar-style-2 .vc_bar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/*---------------------------------------------------- 1.3.3. Border radius 0 ----------------------------------------------------------*/
.corpia-ut-progress.vc_progress_bar .vc_single_bar,
.corpia-ut-progress.vc_progress_bar .vc_single_bar .vc_bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*---------------------------------------------------- 2. Core Carousel ----------------------------------------------------------*/
.corpia-ut-partner .owl-carousel .owl-item .corpia-ut-owl-item,
.corpia-ut-post-carousel .owl-carousel .owl-item .corpia-ut-owl-item {
    margin-left: 15px;
    margin-right: 15px;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-theme .owl-controls .owl-page {
    padding: 0 5px;
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    background-color: rgba(71,156,207,0.3);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: rgba(71,156,207,1);
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel li {
    list-style: none;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease;
    -moz-transition: height 500ms ease;
    -ms-transition: height 500ms ease;
    -o-transition: height 500ms ease;
    transition: height 500ms ease;
}
.owl-carousel .owl-item {
    float: left;
    position: relative;
    overflow: hidden;
}
.owl-carousel .owl-item .carousel-thumb {
    text-align: center;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls .owl-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.owl-controls .owl-buttons div {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #479ccf;
    color: #fff;
}
.owl-controls .owl-buttons div.owl-prev {
    margin-right: 1px;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls .owl-pagination {
    margin-top: 35px;
    text-align: center; 
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

/*---------- 2.1 Post Carousel pagination ----------*/
.corpia-ut-post-carousel .owl-carousel .owl-item .carousel-thumb {
    text-align: left;
}
.corpia-ut-post-carousel .owl-theme .owl-controls .owl-page {
    padding: 0 7px;
}
.corpia-ut-post-carousel .owl-theme .owl-controls .owl-page span {
    background-color: rgba(225,225,225,1);
}
.corpia-ut-post-carousel .owl-theme .owl-controls .owl-page.active span,
.corpia-ut-post-carousel .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: rgba(71,156,207,1);
}
.corpia-ut-post-carousel.corpia-ut-carousel-container .corpia-ut-carousel {
    position: relative;
}
.corpia-ut-post-carousel .owl-controls .owl-buttons div {
    position: absolute;
    bottom: calc(50%);
    width: 100%;
    color: #666666;
    background: none;
    width: auto;
    height: auto;
    display: inline-flex;
    font-size: 28px;
}
.corpia-ut-post-carousel .owl-controls .owl-buttons .owl-prev {
    margin-left: -25px;
    left: 0;
}
.corpia-ut-post-carousel .owl-controls .owl-buttons .owl-next {
    margin-right: -25px;
    right: 0;
}
@media (max-width: 769px) {
    .corpia-ut-post-carousel .owl-controls .owl-buttons .owl-prev,
    .corpia-ut-post-carousel .owl-controls .owl-buttons .owl-next {
        margin: 0;
    }
}

/*---------- 2.2. Image and Gallery Carousel buttons ----------*/
.image-slide-container .owl-theme .owl-controls .owl-page span,
.image-gallery-container .owl-theme .owl-controls .owl-page span {
    border-color: rgba(255,255,255,0.5);
    background: none;
}
.image-slide-container .owl-theme .owl-controls .owl-page.active span,
.image-slide-container .owl-theme .owl-controls.clickable .owl-page:hover span,
.image-gallery-container .owl-theme .owl-controls .owl-page.active span,
.image-gallery-container .owl-theme .owl-controls.clickable .owl-page:hover span {
    border-color: rgba(255,255,255,1);
    background: none;
}
.image-slide-container .owl-controls,
.image-slide-container .owl-controls .owl-buttons,
.image-gallery-container .owl-controls,
.image-gallery-container .owl-controls .owl-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}
.image-slide-container .owl-controls .owl-pagination,
.image-gallery-container .owl-controls .owl-pagination {
    margin-top: 0;
    height: 40px;
    width: 45%;
    margin: 0 auto;
}

.corpia-ut-normal-style .image-slide-container .owl-controls .owl-buttons,
.corpia-ut-normal-style .image-gallery-container .owl-controls .owl-buttons {
    width: auto;
}

.corpia-ut-post-carousel .owl-wrapper,
.corpia-ut-post-carousel .owl-item,
.corpia-ut-post-carousel .corpia-ut-owl-item,
.corpia-ut-post-carousel .carousel-thumb,
.corpia-ut-post-carousel .entry-media,
.corpia-ut-post-carousel .corpia-ut-thumbnail {
    height: 100%;
}

.corpia-ut-post-carousel .corpia-ut-thumbnail {
    width: 100%;
}

.corpia-ut-post-carousel .featured-image-no-selected {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    width: 100%;
    height: 100%;
}

.corpia-ut-post-carousel .featured-image-no-selected h6 {
    text-align: center;
    line-height: normal;
}

/*---------------------------------------------------- 3. Elements ----------------------------------------------------------*/
/*---------- 3.1. Accordion & Toggle ----------*/
.corpia-ut-accordion-tab,
.corpia-ut-toggle.vc_toggle,
.vc_toggle:last-of-type,
.vc_toggle:last-of-type {
    margin: 0 0 20px 0;
}
.corpia-ut-accordion-tab:last-child,
.corpia-ut-toggle.vc_toggle:last-child,
.vc_toggle:last-of-type:last-child,
.vc_toggle:last-of-type:last-child {
    margin-bottom: 0;
}
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    background: transparent;
    margin: 0;
}
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-2,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2 {
    background-color: rgba(255,255,255,1);
}
.corpia-ut-toggle .vc_toggle_title.style-1,
.corpia-ut-accordion h3.wpb_accordion_header.style-1,
.corpia-ut-toggle .vc_toggle_title.style-2,
.corpia-ut-accordion h3.wpb_accordion_header.style-2 {
    border: 1px solid transparent;
}
.corpia-ut-toggle .vc_toggle_title.style-1,
.corpia-ut-accordion h3.wpb_accordion_header.style-1 {
    border-bottom: 2px solid #e6e6e6;
}
.corpia-ut-toggle .vc_toggle_title.style-2,
.corpia-ut-accordion h3.wpb_accordion_header.style-2 {
    border: 1px solid #d9d9d9;
}
.corpia-ut-toggle .vc_toggle_title a.toggle-header,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    font-size: 11px;
    font-weight: normal;
    font-family: Montserrat;
    text-transform: uppercase;
    color: #2d3538;
    padding: 15px 35px 15px 20px;
    display: block;
    margin: 0;
    letter-spacing: 0.05em;
}
.corpia-ut-toggle.vc_toggle .vc_toggle_title a.toggle-header span.toggle-icon,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
    font-size: 16px;
    background: none;
    width: 12px;
    height: 16px;
    right: 20px;
    line-height: 15px;
    top: 50%;
    margin-top: -7.5px;
    z-index: 1;
    text-indent: 0;
    position: absolute;
    text-align: center;
    color: #2d3538;
    cursor: pointer;
}
.corpia-ut-accordion .ui-state-default .ui-icon:before {
    font-family: Ionicons;
    content: '\f218';
}
.corpia-ut-accordion .ui-state-active .ui-icon:before {
    content: '\f209';
}
.corpia-ut-toggle.vc_toggle .vc_toggle_title a.toggle-header span.toggle-icon:before {
    font-family: Ionicons;
    content: '\f3d0';
}
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title a.toggle-header span.toggle-icon:before {
    content: '\f3d8';
}
.vc_toggle .vc_toggle_content,
.corpia-ut-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding: 20px 0 0 0;
    color: #7f7f7f;
    margin: 0;
}

.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
    display: flex;
    align-items: center;
}

/*---------- 3.1.1. Accordion hover ----------*/
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-2:hover,
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-2:hover a,
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-2:hover a span.toggle-icon,
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title.style-2,
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title.style-2 a,
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title.style-2 a span.toggle-icon,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2:hover,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2:hover a,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2:hover span,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active.style-2,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active.style-2 a,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active.style-2 span {
    color: #fff;
}

/*---------- 3.1.2. Accordion style-1 hover ----------*/
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-1:hover,
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title.style-1,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-1:hover,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active.style-1 {
    border-bottom-color: #479ccf;
}

/*---------- 3.1.3. Accordion style-2 hover ----------*/
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-2:hover,
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title.style-2,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2:hover,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active.style-2 {
    background-color: #479ccf;
}
.corpia-ut-toggle.vc_toggle .vc_toggle_title.style-2:hover,
.corpia-ut-toggle.vc_toggle.vc_toggle_active .vc_toggle_title.style-2,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2:hover,
.corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active.style-2 {
    border-color: #479ccf;
}

/*---------- 2.2. Blog & 3.19. Portfolio ----------*/

/*---------- Portfolio ----------*/
article .post-thumb,
article .post-thumb img {
    width: 100%;
    height: 100%;
}
.corpia-ut-thumbnail,
.post-thumb {
    overflow: hidden;
}
article.single-portfolio > .media-container {
    margin-bottom: 30px;
}
.single-portfolio .col-md-4.pos-top {
    position: fixed;
}
.single-portfolio .col-md-4.pos-bottom {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/* Portfolio */
.corpia-ut-portfolio h2.portfolio-title,
.corpia-ut-portfolio-carousel h2.portfolio-title {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 0;
    letter-spacing: 0.05em;
}
/* Portfolio Animation */
div.isotope-container article.initing {
    -webkit-transition-duration: 0.4s !important;
    -moz-transition-duration: 0.4s !important;
    -ms-transition-duration: 0.4s !important;
    -o-transition-duration: 0.4s !important;
    transition-duration: 0.4s !important;
}
article.not-inited {
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -ms-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 0;
}

/* Related portfolios */
#main .related_portfolios{
    border-top: 1px solid #dbdbdb;
    margin-top: 70px;
    padding-top: 60px;
}

/*---------- 3.2.1. Blog General ----------*/
.corpia-ut-blog article.hentry .entry-block,
.corpia-ut-portfolio article.hentry .entry-block {
    position: relative;
    margin-bottom: 35px;
}
.corpia-ut-grid-clean-style article .entry-block {
    margin-bottom: 35px;
}
.corpia-ut-blog article .entry-media,
.corpia-ut-portfolio article .entry-media,
.single-post article .entry-media,
.corpia-ut-blog.corpia-ut-isotope-container article .entry-media,
.corpia-ut-portfolio.corpia-ut-isotope-container article .entry-media {
    margin-bottom: 27px;
    position: relative;
}
.corpia-ut-blog.corpia-ut-grid-clean-style article .entry-media,
.corpia-ut-portfolio.corpia-ut-grid-clean-style article .entry-media {
    margin-bottom: 17px;
}
/*.corpia-ut-blog article.format-link .entry-media,
.corpia-ut-portfolio article.format-link .entry-media,
.corpia-ut-blog article.format-quote .entry-media,
.corpia-ut-portfolio article.format-quote .entry-media,*/
.corpia-ut-blog.corpia-ut-metro-style article.hentry .entry-block,
.corpia-ut-portfolio.corpia-ut-metro-style article.hentry .entry-block,
.corpia-ut-blog.corpia-ut-grid-style article.hentry .entry-block,
.corpia-ut-blog.corpia-ut-masonry-style article.hentry .entry-block,
.corpia-ut-portfolio.corpia-ut-grid-style article.hentry .entry-block,
.corpia-ut-portfolio.corpia-ut-masonry-style article.hentry .entry-block {
    margin-bottom: 0px;
}
.abs-meta {
    position: absolute;
    font-size: 11px;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #479ccf;
}
.abs-meta .format-icon {
    position: relative;
    padding: 0;
    cursor: default;
}
.abs-meta .format-icon i {
    font-size: 16px;
    color: #fff;
}
h4.entry-title {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    letter-spacing: -0.025em;
}
.corpia-ut-blog.corpia-ut-grid-clean-style h4.entry-title,
.corpia-ut-portfolio.corpia-ut-grid-clean-style h4.entry-title {
    font-size: 15px;
}
h4.entry-title a {
    margin: 0;
    color: #2d3538;
}
.ut-svg-container .blog-link-quote-shape {
    margin-top: 15px;
    margin-bottom: 20px;
}
blog-link-quote-shape.corpia-ut-shape path {
    fill: #ffffff !important;
}
.image-overlay svg.blog-shape {
    margin: 15px 0;
}
.corpia-ut-blog.corpia-ut-grid-clean-style article .entry-content,
.corpia-ut-portfolio.corpia-ut-grid-clean-style article .entry-content {
    margin-top: 5px;
}
article.single .entry-meta-container {
    margin-top: 0;
    margin-bottom: 22px;
}

.entry-meta-container {
    margin-top: 30px;
}

.entry-meta {
    font-size: 11px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
    float: left;
    width: 80%;
    letter-spacing: 0.03em;
}
.entry-meta.entry-meta-full-width {
    width: 100%;
}
.entry-meta .author,
.entry-meta .date,
.entry-meta .categories-links {
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    color: #808080;
    letter-spacing: 0.03em;
}
.entry-meta span a {
    color: #2d3538;
}
.entry-meta-container a.btn {
    float: right;
    width: calc( 20% - 20px );
    line-height: normal;
    font-size: 12px;
    text-transform: none;
    padding: 11px 15px;
}

/*---------- 3.2.2. Video audio post ----------*/
.corpia-ut-blog .mejs-container,
.corpia-ut-blog .mejs-embed,
.corpia-ut-blog .mejs-embed body,
.corpia-ut-blog .mejs-container .mejs-controls {
    background: #f5f5f5;
}
.corpia-ut-blog .mejs-container .mejs-controls {
    height: 40px;
}
.corpia-ut-blog .mejs-container .mejs-controls div { 
    height: 40px;
}
.corpia-ut-blog .mejs-container .mejs-controls .mejs-horizontal-volume-total,
.corpia-ut-blog .mejs-container .mejs-controls .mejs-horizontal-volume-current {
    height: 8px;
}
.corpia-ut-blog .mejs-controls .mejs-button {
    width: 40px;
}
.corpia-ut-blog .mejs-controls .mejs-button button {
    background: transparent url(../img/ut-controls.svg) no-repeat;
    margin: 12px 12px;
}
.corpia-ut-blog .mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}
.corpia-ut-blog .mejs-container .mejs-controls .mejs-time {
    color: #479ccf;
    padding: 0;
    display: flex;
    align-items: center;
    display: none;
}
.corpia-ut-blog .mejs-controls div.mejs-time-rail {
    padding: 0;
}
.corpia-ut-blog .mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 16px 0;
}
.corpia-ut-blog .mejs-controls .mejs-time-rail .mejs-time-total,
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #666666;
}
.corpia-ut-blog .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #2d3538;
}
.corpia-ut-blog .mejs-controls .mejs-time-rail .mejs-time-current,
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #479ccf;
}
.corpia-ut-blog .mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}
.corpia-ut-blog .mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}
.corpia-ut-blog .mejs-controls .mejs-time-rail span.mejs-time-float {
    height: 14px;
}
.corpia-ut-blog .mejs-controls a.mejs-horizontal-volume-slider {
    height: 40px;
}
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    width: 44px;
}
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.corpia-ut-blog .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    top: 16px;
}
.corpia-ut-blog.corpia-ut-isotope-container article .post-thumb .entry-media.corpia-ut-carousel-container {
    margin-bottom: 0;
}

/*---------- 3.2.3. Link & Quote post ----------*/
.format-link .abs-meta,
.format-quote .abs-meta {
    top: 0;
    right: 0;
    left: auto;
}
.quote-format,
.link-format {
    position: relative;
    margin: 0;
    padding: 0;
    background: rgba(45,53,56,.9);
}
.corpia-ut-blog > .isotope-container,
.corpia-ut-portfolio > .isotope-container {
    margin: 0 -15px;
}
.corpia-ut-blog .isotope-container .entry-block,
.corpia-ut-portfolio .isotope-container .entry-block {
    padding: 0 15px;
}

/*---------- 3.2.4. Blog Style ----------*/
/*---------- 3.2.4.1 Normal Style ----------*/
.corpia-ut-blog.corpia-ut-normal-style article.sticky .entry-block {
    padding: 30px;
    background: #f5f5f5;
}
.corpia-ut-blog.corpia-ut-normal-style article.sticky .entry-block .entry-media {
    margin: -30px -30px 27px -30px;
}

/*---------- 3.2.4.2 Another Style ----------*/
.corpia-ut-blog.corpia-ut-grid-style .isotope-container,
.corpia-ut-blog.corpia-ut-masonry-style .isotope-container,
.corpia-ut-portfolio.corpia-ut-grid-style .isotope-container,
.corpia-ut-portfolio.corpia-ut-masonry-style .isotope-container,
.corpia-ut-blog.corpia-ut-metro-style .isotope-container,
.corpia-ut-portfolio.corpia-ut-metro-style .isotope-container {
    margin: 0;
}
.corpia-ut-blog.corpia-ut-grid-style .isotope-container .entry-block,
.corpia-ut-blog.corpia-ut-masonry-style .isotope-container .entry-block,
.corpia-ut-portfolio.corpia-ut-grid-style .isotope-container .entry-block,
.corpia-ut-portfolio.corpia-ut-masonry-style .isotope-container .entry-block {
    padding: 0;
}
.corpia-ut-blog.corpia-ut-grid-style .isotope-container .entry-block .entry-media,
.corpia-ut-blog.corpia-ut-masonry-style .isotope-container .entry-block .entry-media,
.corpia-ut-portfolio.corpia-ut-grid-style .isotope-container .entry-block .entry-media,
.corpia-ut-portfolio.corpia-ut-masonry-style .isotope-container .entry-block .entry-media {
    margin-bottom: 0;
}

.corpia-ut-thumbnail {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
}
.corpia-ut-blog.corpia-ut-grid-style .corpia-ut-thumbnail,
.corpia-ut-blog.corpia-ut-grid-clean-style .corpia-ut-thumbnail,
.corpia-ut-portfolio.corpia-ut-grid-style .corpia-ut-thumbnail,
.corpia-ut-portfolio.corpia-ut-grid-clean-style .corpia-ut-thumbnail {
    width: 100%;
}
.corpia-ut-blog.corpia-ut-metro-style .post-thumb,
.corpia-ut-portfolio.corpia-ut-metro-style .post-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main-layout-boxed .entry-meta,
.main-layout-boxed .entry-title,
.main-layout-boxed .entry-content {
    margin-left: 67px;
}

.main-layout-fullwidth .entry-meta,
.main-layout-fullwidth .entry-media,
.main-layout-fullwidth .entry-title
/*.main-layout-fullwidth .entry-content*/ {
    margin-left: 100px;
}
.entry-content p:last-child {
    margin-bottom: 0;
}
.entry-meta>span:last-child:after {
    display: none;
}
.abs-meta .meta-date {
    text-transform: uppercase;
    line-height: 1;
    padding: 18px 0;
    margin-bottom: 10px;
    position: relative;
}
.abs-meta .meta-date .date {
    color: #151f30;
    font-size: 18px;
    display: block;
}
.corpia-ut-thumbnail,
.entry-media {
    line-height: 0;
}
.entry-title a {
    color: #424242;
}
.entry-title a:hover {
    color: #479ccf;
}
.entry-content .more-link {
    font-size: 10px;
    border: 1px solid #dbdbdb;
}
/*---------------------------------------------------- ?????? ----------------------------------------------------------*/

/*---------- 2.3. Button ----------*/
.btn,
button,
.ut-woo-button a,
.wc-proceed-to-checkout a,
input[type="submit"] {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    padding: 10px 18px;
    color: #222222;
    position: relative;
    text-align: center;
    line-height: 1.25;
}
.btn i.left {
    float: left;
    margin-right: 8px;
    line-height: 1;
}
.btn i.right {
    float: right;
    margin-left: 8px;
    line-height: 1;
}

/*---------- 3.3.1. Button Style ----------*/
/*---------- 3.3.1.1 Bordered Button ----------*/
.btn.btn-border {
    border: 2px solid #222222;
}
/*---------- 3.3.1.2 Flat Button ----------*/
.btn.btn-flat {
    border: 2px solid transparent;
    background: #222222;
    color: #fff;
}
.btn.btn-flat:hover {
    background: transparent;
}
/*---------- 3.3.1.3 White Button ----------*/
.btn.btn-flat.white-button {
    color: #222222;
}
/*---------- 3.3.2. Button Size ----------*/
/*---------- 3.3.2.1 Small Size ----------*/
.btn-s {
    min-width: 50px;
    padding: 10px 18px;
    font-size: 12px;
}
/*---------- 3.3.2.2 Medium Size ----------*/
.btn-m {
    padding: 13px 28px;
    font-size: 14px;
}
/*---------- 3.3.2.3 Large Size ----------*/
.btn-l {
    padding: 16px 38px;
    font-size: 18px;
}
/*---------- 3.3.2.4 Extra Large Size ----------*/
.btn-xl {
    padding: 19px 48px;
    font-size: 24px;
}

/*---------- 3.4. Callout ----------*/
.corpia-ut-callout {
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Montserrat;
}
.corpia-ut-callout.callout-space-between {
    justify-content: space-between;
}
.corpia-ut-callout.callout-flex-direction {
    flex-direction: column;
}
.corpia-ut-callout .callout-text {
    margin-right: 35px;
}
.corpia-ut-callout.callout-flex-direction .callout-text {
    max-width: 780px;
    margin-right: 0;
    margin-bottom: 30px;
}
.corpia-ut-callout.callout-flex-direction p {
    max-width: 780px;
}
.corpia-ut-callout .callout-btns {
    display: flex;
}
.corpia-ut-callout .btn {
    margin: 0 0 0 30px;
    white-space: nowrap;
}
.corpia-ut-callout .btn.btn-single {
    margin-left: 0;
}
@media (max-width: 992px) {
    .corpia-ut-callout {
        display: block;
    }
    .corpia-ut-callout .callout-text {
        margin-right: 0;
    }
    .corpia-ut-callout p {
        text-align: center;
    }
    .corpia-ut-callout .callout-btns {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .corpia-ut-callout .callout-btns .btn {
        margin-top: 30px;
    }
    .corpia-ut-callout.callout-flex-direction .callout-btns .btn {
        margin-top: 0px;
    }
    .corpia-ut-callout .callout-btns .btn:first-child {
        margin-left: 0;
    }
}
@media (max-width: 355px) {
    .corpia-ut-callout .callout-btns {
        display: inline-block;
    }
    .corpia-ut-callout .callout-btns .btn {
        margin: 30px 0 0 0;
    }
}

/*---------- 3.5. Column ----------*/

/*---------- 3.6. Circle Chart ----------*/
.corpia-ut-circle-chart .corpia-ut-element {
    text-align: center;
}
.corpia-ut-circle-chart-inner {
    position: relative;
    margin: 0 auto;
    border: 2px solid transparent;
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Montserrat;
    color: #2d3538;
}
.corpia-ut-circle-chart-inner span {
    font-size: 18px;
}
.corpia-ut-circle-chart-inner span i {
    font-size: 30px;
}
.corpia-ut-circle-chart-inner svg,
.corpia-ut-circle-chart-inner canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.corpia-ut-circle-chart-inner svg {
    width: initial;
    height: initial;
}
.corpia-ut-circle-chart-inner.draw path {
    animation-delay: 1s;
    animation: dash 1s linear forwards;
}
.corpia-ut-circle-chart h5 {
    font-size: 16px;
    margin: 12px 0 0;
    text-align: center;
    color: #223557;
    letter-spacing: -0.025em;
    line-height: 32px;
}
.corpia-ut-circle-chart p {
    letter-spacing: normal;
    margin-top: 17px;
    line-height: 23px;
    color: #666666;
}

/*---------- 3.7. Divider ----------*/
.corpia-ut-divider {
    position: relative;
    text-align: center;
}
.corpia-ut-divider .divider-line {
    position: relative;
    margin: 0 auto;
}
.corpia-ut-divider.type-line .divider-line {
    border-top-style: solid;
}
.corpia-ut-divider.type-dashed .divider-line {
    border-top-style: dashed;
}
.corpia-ut-divider.type-dotted .divider-line {
    border-top-style: dotted;
}
.corpia-ut-divider.type-dotted3 .divider-line {
    line-height: 0;
}
.corpia-ut-divider.type-dotted3 .divider-line .divider-dotted3 {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 20px;
}
.corpia-ut-divider.type-dotted3 .divider-line .divider-dotted3:last-child {
    margin-right: 0;
}
/*---------- 3.7.1. Divider Text Align ----------*/
/*---------- 3.7.1.1. Center ----------*/
.divider-line.ut-align-center .corpia-ut-shape {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*---------- 3.7.1.2. Left ----------*/
.divider-line.ut-align-left {
    margin-left: 0;
    text-align: left;
}
.divider-line.ut-align-left .corpia-ut-shape {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}
/*---------- 3.7.1.3. Right ----------*/
.divider-line.ut-align-right {
    margin-right: 0;
    text-align: right;
}
.divider-line.ut-align-right .corpia-ut-shape {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}

/*---------- 3.8. Font Icon ----------*/
.corpia-ut-fi {
    display: inline-block;
    max-width: 100%;
}
.corpia-ut-fi a,
.corpia-ut-fi a:hover {
    color: inherit;
}
.corpia-ut-fi i {
    cursor: pointer;
}
.fi {
    border-style: solid;
    border-width: 0;
    text-align: center;
    margin: 0 auto;
    font-style: normal;
    cursor: default;
    line-height: normal;
}
.fi,.fi:after,.fi:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}
/*---------- 3.8.1. Font Icon Style ----------*/
/*---------- 3.8.1.1. Basic ----------*/
.fi.basic-style {}
/*---------- 3.8.1.2. Circle ----------*/
.fi.circle-style {
    border-color: #666666;
    border-width: 2px;
}
/*---------- 3.8.1.3. Square ----------*/
.fi.square-style {
    border-color: #666666;
    border-width: 2px;
}
/*---------- 3.8.2. Font Icon Size ----------*/
/*---------- 3.8.2.1 Small ----------*/
.fi.small-fi {
    font-size: 18px;
}
.fi.circle-style.small-fi,
.fi.square-style.small-fi {
    width: 80px;
    height: 80px;
    line-height: 80px;
}
/*---------- 3.8.2.2 Medium ----------*/
.fi.medium-fi {
    font-size: 24px;
}
.fi.circle-style.medium-fi,
.fi.square-style.medium-fi {
    width: 90px;
    height: 90px;
    line-height: 90px;
}
/*---------- 3.8.2.3 Large ----------*/
.fi.large-fi {
    font-size: 32px;
}
.fi.circle-style.large-fi,
.fi.square-style.large-fi {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.corpia-ut-fi img {
    max-width: 100%;
}
/*---------- 3.8.3. Flat Icon ----------*/
.fi.circle-style.flat-icon,
.fi.square-style.flat-icon {
    background-color: #666666;
    color: #fff;
}

/*---------- 3.9. Heading ----------*/
.corpia-ut-heading {
    position: relative;
}
.corpia-ut-heading .heading-title.cd-headline span {
    padding: 0;
}
.corpia-ut-heading .heading-title {
    margin: 0;
}
.corpia-ut-heading .corpia-ut-divider {
    margin-top: 8px;
}
.corpia-ut-heading .heading-description {
    margin-top: 10px;
    font-size: 14px;
}
.center.corpia-ut-heading .heading-description {
    margin: 10px auto 0;
}
.right.corpia-ut-heading .heading-description {
    margin-right: 0;
    float: right;
}

/*---------- 3.9.1. Heading seperator position ----------*/
/*---------- 3.9.1.1. Center ----------*/
.divider-line.center,
.divider-line.center .corpia-ut-shape {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*---------- 3.9.1.2. Left ----------*/
.divider-line.left,
.divider-line.left .corpia-ut-shape {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}
/*---------- 3.9.1.3. Right ----------*/
.divider-line.right,
.divider-line.right .corpia-ut-shape {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

/*---------- 3.10. IconBox ----------*/
.corpia-ut-iconbox .corpia-iconbox-box {
    display: flex;
    flex-direction: column;
    position: relative;
}
.corpia-ut-iconbox .corpia-iconbox-icon {
    cursor: pointer;
    margin-bottom: 20px;
    cursor: pointer;
    z-index: 1;
}
.corpia-ut-iconbox .corpia-iconbox-icon i {
    font-size: 24px;
    color: #479ccf;
    cursor: pointer;
    line-height: 1;
}
.corpia-ut-iconbox .corpia-iconbox-content {
    z-index: 1;
}
.corpia-ut-iconbox .corpia-iconbox-content h6 {
    line-height: normal;
    margin: 0 0 10px 0;
}
.corpia-ut-iconbox a.btn,
.corpia-ut-iconbox a.read-more {
    margin-top: 20px;
}
.corpia-ut-iconbox a.btn i,
.corpia-ut-iconbox a.read-more i {
    font-size: 14px;
}

/*---------- 3.10.1. IconBox Style ----------*/
/*---------- 3.10.1.1 IconBox Style 1 ----------*/
.corpia-ut-iconbox.iconbox-style-1 .corpia-iconbox-icon {
    border: 2px solid transparent;
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.corpia-ut-iconbox.iconbox-style-1 .iconbox-size-large .corpia-iconbox-icon {
    width: 85px;
    height: 85px;
}
.corpia-ut-iconbox.iconbox-style-1 .corpia-iconbox-icon.icon-style-circle {
    overflow: hidden;
}
/* IconBox Size Large h6 tag margin bottom */
.corpia-ut-iconbox .iconbox-size-large .corpia-iconbox-icon {
    margin-bottom: 25px;
}
.corpia-ut-iconbox .iconbox-size-large .corpia-iconbox-content h6 {
    margin: 0 0 20px 0;
    font-size: 18px;
}
.corpia-ut-iconbox.iconbox-style-1 .corpia-iconbox-icon.corpia-iconbox-icon-image {
    width: auto;
    height: auto;
    border: none;
    background: none !important;
}
/*---------- 3.10.1.2 IconBox Style 2 ----------*/
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box {
    padding: 30px;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box .corpia-iconbox-box-bottom-line {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #479ccf;
    z-index: 2;
}
.corpia-iconbox-box-bottom-line {
    overflow: hidden;
    line-height: 20px;
    padding: 0 30px;
}
.corpia-iconbox-box-bottom-line a {
    display: inline-block;
}
.corpia-iconbox-box-bottom-line a i {
    opacity: 0;
    color: #fff;
    line-height: 20px;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    font-size: 18px;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box .iconbox-style-2-bg-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    background-position: top center;
    opacity: 0;
    z-index: 0;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box .iconbox-style-2-bg-image:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(45,53,56,0.6);
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-icon {
    margin-bottom: 15px;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-icon i {
    font-size: 48px;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-content h6 {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box:hover .iconbox-style-2-bg-image {
    opacity: 1;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box:hover .corpia-iconbox-box-bottom-line {
    height: 20px;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box:hover .corpia-iconbox-box-bottom-line i {
    opacity: 1;
}
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box:hover h6.hover-color-white,
.corpia-ut-iconbox.iconbox-style-2 .corpia-iconbox-box:hover p.hover-color-white {
    color: #fff;
}
/*---------- 3.10.1.3 IconBox Style 3 ----------*/
.corpia-ut-iconbox.iconbox-style-3 .corpia-iconbox-icon i {
    font-size: 32px;
}
/*---------- 3.10.1.4 IconBox Style 4 ----------*/
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-box {
    padding: 40px;
    background-color: #fff;
}
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-icon i,
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-icon img,
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-icon h6 {
    float: left;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-icon i,
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-icon img {
    margin-right: 10px;
    line-height: 1;
}
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-box.ut-align-right .corpia-iconbox-icon i,
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-box.ut-align-right .corpia-iconbox-icon img {
    margin-right: 0;
    margin-left: 10px;
}
.corpia-ut-iconbox.iconbox-style-4 .corpia-iconbox-box.ut-align-right .corpia-iconbox-icon {
    display: flex;
    flex-direction: row-reverse;
}

/*---------- 3.11. Image Scroll ----------*/
.corpia-ut-image-scroll > .scroll-thumb {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #999;
    -webkit-box-shadow: 0 9px 7px rgba(0,0,0,.21);
    -moz-box-shadow: 0 9px 7px rgba(0,0,0,.21);
    box-shadow: 0 9px 7px rgba(0,0,0,.21);
}
.corpia-ut-image-scroll img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: none;
}
.corpia-ut-image-scroll h6 {
    margin: 20px 0;
}
/*---------- 3.12. List ----------*/
.corpia-ut-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.corpia-ut-list ul li {
    line-height: 23px;
}
.corpia-ut-list li > i {
    color: #598feb;
    padding: 1px;
    margin-right: 8px;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
}
.corpia-ut-list li > img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 8px;
}

/*---------- 3.13. Map ----------*/
.corpia-ut-map iframe {
    min-width: 100%;
    min-height: 400px;
}
.corpia-ut-map-contact {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    overflow: hidden;
    padding: 30px;
    height: 100%;
    max-height: 100%;
}
.corpia-ut-map-contact > h2 {
    font-size: 26px;
    color: #FFF;
}
.corpia-ut-map-contact > p {
    color: #FFF;
}
.corpia-ut-map-contact .wpcf7 textArea {
    position: relative;
    display: inline-block;
    top: 0;
}
.corpia-ut-map-contact .wpcf7 input[type="submit"]:hover,
.corpia-ut-map-contact .wpcf7 input[type="submit"] {
    text-align: left;
    background: #598feb;
}
.corpia-ut-map-contact .wpcf7 input,
.corpia-ut-map-contact .wpcf7 textarea {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;
    padding: 15px !important;
}
.corpia-ut-map .map {
    height: 100%;
}
.corpia-ut-map > .map-markers {
    display: none;
}
.corpia-ut-map .map img {
    max-height: none;
    max-width: none;
}

/*---------- 3.14. Milestones ----------*/
.corpia-ut-milestones-box {
    position: relative;
}
.corpia-ut-milestones-count>.corpia-ut-milestones-show {
    float: left;
}
.corpia-ut-milestones-show.not-animated,
.corpia-ut-milestones-show.empty {
    opacity: 0;
}
.milestones-title {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: normal;
    letter-spacing: -0.025em;
    color: #666666;
}
.corpia-ut-milestones-count {
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    *display: inline;
    margin: 0;
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #2d3538;
}
.corpia-ut-milestones-icon,
.corpia-ut-milestones-content {
    text-align: center;
}
.corpia-ut-milestones-icon {
    margin-bottom: 35px;
}
.corpia-ut-milestones-icon i {
    font-size: 48px;
    color: #2d3538;
    line-height: 1;
}
/*---------- 3.15. Partner, 3.18. Post Carousel, Carousel ----------*/
.corpia-ut-partner {
    text-align: center;
    padding-bottom:0;
}
.corpia-ut-partner.owl-carousel .owl-item img {
    padding: 0 15px;
}
.ui-tooltip.corpia-ut-tooltip {
    padding: 8px 15px 6px;
    font-size: 9px;
    text-transform: uppercase;
    background: rgba(0,0,0,.8);
    color:#fff;
    border-style: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ui-tooltip.corpia-ut-tooltip>.ui-tooltip-content {
    position: relative;
}
.ui-tooltip.corpia-ut-tooltip>.ui-tooltip-content:after {
    position: absolute;
    content:'';
    border-top:  4px solid rgba(0,0,0,.8);
    border-left: 5px solid transparent;
    border-right:5px solid transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}
.ui-tooltip.corpia-ut-tooltip.top-arrow>.ui-tooltip-content:after {
    position: absolute;
    content:'';
    border-bottom: 4px solid rgba(0,0,0,.8);
    top: -12px;
    bottom: auto;
    border-top: none;
}

/*---------- jQuery-ui-tooltip ----------*/
.ui-tooltip {
    padding:8px;
    position:absolute;
    z-index:9999;
    -webkit-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    -o-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
* html .ui-tooltip { background-image: none;}
body .ui-tooltip { border-width:2px; }

/*---------- 3.18. Post Carousel ----------*/
.corpia-ut-post-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.corpia-ut-post-carousel.owl-carousel .owl-item .corpia-ut-owl-item {
    margin: 0 15px;
}
.corpia-ut-post-carousel .entry-media {
    margin: 0;
}
.corpia-ut-post-carousel .corpia-ut-owl-item .carousel-content h3 {
    font-size: 14px;
    margin: 20px 0 10px 0;
    line-height: normal;
    text-transform: uppercase;
    font-weight: normal;
}
.corpia-ut-post-carousel .corpia-ut-owl-item .carousel-content h3 a {
    margin: 0;
}

/*---------- 3.20. Portfolio Carousel ----------*/
.corpia-ut-portfolio-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.corpia-ut-portfolio-carousel .owl-carousel .owl-item {
    padding:0 1px;
}
.corpia-ut-portfolio-carousel .owl-carousel .owl-item .corpia-ut-owl-item {
    margin: 0;
}
.corpia-ut-portfolio-carousel .owl-carousel .owl-item .corpia-ut-owl-item .carousel-thumb .entry-media .corpia-ut-thumbnail {
    width: 100%;
}
.corpia-ut-portfolio-carousel .entry-media {
    margin: 0;
}
/*---------- Carousel ----------*/
.corpia-ut-partner .owl-carousel .owl-item .corpia-ut-owl-item,
.corpia-ut-post-carousel .owl-carousel .owl-item .corpia-ut-owl-item {
    margin-left: 15px;
    margin-right: 15px;
}

/*---------- 3.16. Pricing Table ----------*/
.corpia-ut-element.corpia-ut-pricing {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
}
.pricing-column {
    position: relative;
    text-align: center;
    line-height: 1;
    background-color: rgba(242,247,250,1);
    padding: 38px 40px 40px 40px;
    border-top: 2px solid transparent;
    letter-spacing: -0.025em;
}
.pricing-column.featured {
    border-top-color: #479ccf;
}

.pricing-column .pricing-footer a {
    width: 100%;
}
.pricing-column .pricing-header {
    position: relative;
}
.pricing-column .pricing-header h6 {
    line-height: 1;
    margin: 0;
    color: #2d3538;
}
.pricing-header .corpia-ut-shape {
    margin-right: auto;
    margin-left: auto;
}
.pricing-header .pricing-table-description {
    margin-top: 30px;
    color: #666666;
}
.pricing-top {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-weight: bold;
}
.pricing-column .pricing-top > span {
    color: #424242;
    vertical-align: middle;
    margin: 0;
    font-weight: bold;
}
.pricing-column .pricing-top .symbol {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    margin-right: 3px;
}
.pricing-column .pricing-top .price {
    font-size: 30px;
}
.pricing-content {
    padding: 0;
    margin-top: 30px;
}
.pricing-content ul {
    margin: 0;
    padding: 0;
}
.pricing-content ul li {
    padding: 0;
    list-style: none;
    margin: 0;
    line-height: 24px;
    color: #8c8c8c;
    font-style: italic;
}
.pricing-column .pricing-footer {
    padding: 0;
    margin-top: 40px;
    position: relative;
}
/* White text */
.ut-white-text.pricing-column .pricing-header h6,
.ut-white-text.pricing-column .pricing-top > span,
.ut-white-text.pricing-column .pricing-header .pricing-table-description,
.ut-white-text.pricing-column .pricing-content ul li {
    color: #fff;
}

/*---------- 3.17. Progress Bar ----------*/
.corpia-ut-progress {
    overflow:hidden;
}
.corpia-ut-progress.vc_progress_bar .vc_single_bar {
    height: 5px;
    margin: 45px 0 45px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #f5f5f5;
}
.corpia-ut-progress.vc_progress_bar .vc_single_bar:first-child {
    margin-top: 25px;
}
.corpia-ut-progress.vc_progress_bar .vc_single_bar .vc_bar {
    background-color:#1f2f4b;
}
.corpia-ut-progress .vc_single_bar .vc_label_units, 
.corpia-ut-progress.vc_progress_bar .vc_single_bar .vc_label {
    position: absolute;
    right: 0;
    top: -25px;
    color: #2d3538;
    font-size: 12px;
    font-family: Montserrat;
    letter-spacing: 0.025em;
}
.corpia-ut-progress.vc_progress_bar .vc_single_bar .vc_label {
    right: auto;
    left: 0;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}

/*---------- 3.21. Socials ----------*/
.corpia-ut-socials a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    float: left;
    color: #2d3538;
}
.corpia-ut-socials a:hover { text-decoration: none;}
.corpia-ut-socials i {
    font-size: 16px;
    cursor: pointer;
}

.corpia-ut-socials a.facebook:hover i,
.corpia-ut-socials a.facebook i.colored {
    color: #3b5998;
    border-color: #3b5998;
}
.corpia-ut-socials a.facebook:hover i.colored.hover-styled {
    background-color: #3b5998;
    color: #fff;
}

.corpia-ut-socials a.dribbble:hover i,
.corpia-ut-socials a.dribbble i.colored {
    color: #ea4c89;
    border-color: #ea4c89;
}
.corpia-ut-socials a.dribbble:hover i.colored.hover-styled {
    background-color: #ea4c89;
    color: #fff;
}

.corpia-ut-socials a.google:hover i,
.corpia-ut-socials a.google i.colored {
    color: #dd4b39;
    border-color: #dd4b39;
}
.corpia-ut-socials a.google:hover i.colored.hover-styled {
    background-color: #dd4b39;
    color: #fff;
}

.corpia-ut-socials a.instagram:hover i,
.corpia-ut-socials a.instagram i.colored {
    color: #3f729b;
    border-color: #3f729b;
}
.corpia-ut-socials a.instagram:hover i.colored.hover-styled {
    background-color: #3f729b;
    color: #fff;
}

.corpia-ut-socials a.vine:hover i,
.corpia-ut-socials a.vine i.colored {
    color: #00b488;
    border-color: #00b488;
}
.corpia-ut-socials a.vine:hover i.colored.hover-styled {
    background-color: #00b488;
    color: #fff;
}

.corpia-ut-socials a.youtube:hover i,
.corpia-ut-socials a.youtube i.colored {
    color: #e52222;
    border-color: #e52222;
}
.corpia-ut-socials a.youtube:hover i.colored.hover-styled {
    background-color: #e52222;
    color: #fff;
}

.corpia-ut-socials a.twitter:hover i,
.corpia-ut-socials a.twitter i.colored {
    color: #55acee;
    border-color: #55acee;
}
.corpia-ut-socials a.twitter:hover i.colored.hover-styled {
    background-color: #55acee;
    color: #fff;
}

.corpia-ut-socials a.behance:hover i,
.corpia-ut-socials a.behance i.colored {
    color: #1769ff;
    border-color: #1769ff;
}
.corpia-ut-socials a.behance:hover i.colored.hover-styled {
    background-color: #1769ff;
    color: #fff;
}

.corpia-ut-socials a.pinterest:hover i,
.corpia-ut-socials a.pinterest i.colored {
    color: #cc2127;
    border-color: #cc2127;
}
.corpia-ut-socials a.pinterest:hover i.colored.hover-styled {
    background-color: #cc2127;
    color: #fff;
}

.corpia-ut-socials a.foursquare:hover i,
.corpia-ut-socials a.foursquare i.colored {
    color: #f94877;
    border-color: #f94877;
}
.corpia-ut-socials a.foursquare:hover i.colored.hover-styled {
    background-color: #f94877;
    color: #fff;
}

.corpia-ut-socials a.twitch:hover i,
.corpia-ut-socials a.twitch i.colored {
    color: #6441a5;
    border-color: #6441a5;
}
.corpia-ut-socials a.twitch:hover i.colored.hover-styled {
    background-color: #6441a5;
    color: #fff;
}

.corpia-ut-socials a.tumblr:hover i,
.corpia-ut-socials a.tumblr i.colored {
    color: #35465c;
    border-color: #35465c;
}
.corpia-ut-socials a.tumblr:hover i.colored.hover-styled {
    background-color: #35465c;
    color: #fff;
}

.corpia-ut-socials a.trello:hover i,
.corpia-ut-socials a.trello i.colored {
    color: #0079bf;
    border-color: #0079bf;
}
.corpia-ut-socials a.trello:hover i.colored.hover-styled {
    background-color: #0079bf;
    color: #fff;
}

.corpia-ut-socials a.spotify:hover i,
.corpia-ut-socials a.spotify i.colored {
    color: #2ebd59;
    border-color: #2ebd59;
}
.corpia-ut-socials a.spotify:hover i.colored.hover-styled {
    background-color: #2ebd59;
    color: #fff;
}

.corpia-ut-socials a.soundcloud:hover i,
.corpia-ut-socials a.soundcloud i.colored {
    color: #ff8800;
    border-color: #ff8800;
}
.corpia-ut-socials a.soundcloud:hover i.colored.hover-styled {
    background-color: #ff8800;
    color: #fff;
}

.corpia-ut-socials a.linkedin:hover i,
.corpia-ut-socials a.linkedin i.colored {
    color: #2088be;
    border-color: #2088be;
}
.corpia-ut-socials a.linkedin:hover i.colored.hover-styled {
    background-color: #2088be;
    border-color: #2088be;
    color: #fff;
}

.corpia-ut-socials a.delicious:hover i,
.corpia-ut-socials a.delicious i.colored {
    color: #31a9ff;
    border-color: #31a9ff;
}
.corpia-ut-socials a.delicious:hover i.colored.hover-styled {
    background-color: #31a9ff;
    border-color: #31a9ff;
    color: #fff;
}

.corpia-ut-socials a.codepen:hover i,
.corpia-ut-socials a.codepen i.colored {
    color: #3d3d3d;
    border-color: #3d3d3d;
}
.corpia-ut-socials a.codepen:hover i.colored.hover-styled {
    background-color: #3d3d3d;
    color: #fff;
}

.corpia-ut-socials a.github:hover i,
.corpia-ut-socials a.github i.colored {
    color: #333333;
    border-color: #333333;
}
.corpia-ut-socials a.github:hover i.colored.hover-styled {
    background-color: #333333;
    color: #fff;
}

.corpia-ut-socials a.wordpress:hover i,
.corpia-ut-socials a.wordpress i.colored {
    color: #999999;
    border-color: #999999;
}
.corpia-ut-socials a.wordpress:hover i.colored.hover-styled {
    background-color: #999999;
    border-color: #999999;
    color: #fff;
}

/*---------- 3.22. Tabs ----------*/
.corpia-ut-tabs ul.wpb_tabs_nav li a {
    font-family: Montserrat;
}
/*---------- 3.22.1. Tabs Style ----------*/
/*---------- 3.22.1.1 Tabs Style 1 ----------*/
.style-1.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide {
    margin-top: -1px;
}
.style-1.corpia-ut-tabs ul.wpb_tabs_nav li.ui-tabs-active a {
    border-top: 3px solid transparent;
}
.style-1.corpia-ut-tabs ul.wpb_tabs_nav li:first-child {
    border-left: 1px solid #f6f6f6;
}
.style-1.corpia-ut-tabs ul.wpb_tabs_nav li {
    background-color: #f6f6f6;
    margin: 0;
    border-right: 1px solid #fff;
}
.style-1.corpia-ut-tabs ul.wpb_tabs_nav li:last-child {
    border-right: 1px solid #f6f6f6;
}
.style-1.corpia-ut-tabs ul.wpb_tabs_nav li a {
    border-top: 3px solid transparent;
}
/*---------- 3.22.1.2 Tabs Style 2 ----------*/
.style-2.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide {
    margin-left: -1px;
    z-index: 9998; /* ----------------------------------------------------------------------------- ? ----------------------------------- */
    position: relative;
}
.style-2.corpia-ut-tabs ul.wpb_tabs_nav {
    float: left;
    z-index: 9999; /* ----------------------------------------------------------------------------- ? ----------------------------------- */
    position: relative;
    max-width: 20%;
}
.style-2.corpia-ut-tabs ul.wpb_tabs_nav li.ui-tabs-active a {
    border-left: 3px solid transparent;
}
.style-2.corpia-ut-tabs ul.wpb_tabs_nav li:first-child {
    border-top: 1px solid #f6f6f6;
}
.style-2.corpia-ut-tabs ul.wpb_tabs_nav li {
    background-color: #f6f6f6;
    float: none;
    display: block;
    white-space: normal;
    border-bottom: 1px solid #fff;
    margin: 0;
}
.style-2.corpia-ut-tabs ul.wpb_tabs_nav li:last-child {
    border-bottom: 1px solid #f6f6f6;
}
.style-2.corpia-ut-tabs .wpb_tour_tabs_wrapper .ui-tabs-panel {
    float: left;
    max-width: 80%;
}
/*---------- 3.22.1.3 Tabs General ----------*/
.corpia-ut-tabs ul.wpb_tabs_nav li.ui-tabs-active.ui-state-active a {
    border-color: #f6f6f6;
}
.corpia-ut-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
    padding: 10px 25px;
    color: #666666;
}
.corpia-ut-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a i {
    margin-right: 10px;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide {
    border: 1px solid #f9f9f9;
}
.corpia-ut-tabs ul.wpb_tabs_nav li.ui-tabs-active a,
.wpb_content_element .wpb_tour_tabs_wrapper .ui-tabs-panel {
    background-color: #fff;
}
.wpb_content_element .wpb_tour_tabs_wrapper .ui-tabs-panel {
    padding: 25px;
}
.wpb_content_element .wpb_tour_tabs_wrapper .ui-tabs-panel .wpb_content_element {
    margin: 0;
}

/*---------- 3.23. Team ----------*/
.corpia-style-carousel.corpia-ut-team-carousel,
.default-style-carousel.corpia-ut-team-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.owl-item .team-member {
    padding: 0 15px;
    max-width: 585px;
}
.member-image {
    position: relative;
    display: inline-block;
    width: 100%;
}
.member-image img {
    width: 100%;
}
.member-content {
    padding-top: 20px;
}
.member-image.image-bottom-border:parent {
    padding-top: 13px;
}
.member-content .member-pos {
    font-size: 13px;
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    margin-bottom: 10px;
    line-height: normal;
    color: #666666;
}
.member-content h6 {
    font-size: 16px;
    line-height: normal;
    margin: 5px 0 0 0;
}
.member-content h6 a {
    margin: 0;
}
.member-content h6 a:hover {
    color: #479ccf;
}
.member-content p {
    margin-top: 20px;
}
/*---------- 3.23.1. All content bottom side style ----------*/
.member-image.image-bottom-border img {
    border-bottom: 2px;
    border-style: solid;
    border-color: transparent;
}
.member-content.all-content-bottom .member-title h6 {
    margin: 0;
}
.member-content.all-content-bottom .member-title .member-pos {
    margin: 5px 0 0 0;
}
.member-content.all-content-bottom .member-social {
    margin: 25px 0 0 0;
}
/*---------- 3.23.2. Team element Image-overlay ----------*/
.member-image .image-overlay {
    padding: 30px;
    text-align: start;
}
.member-image .image-overlay .member-title .member-pos,
.member-image .image-overlay .member-title svg.team-shape path,
.member-image .image-overlay .member-title h6 a,
.member-image .image-overlay .member-title h6 {
    color: #fff;
    fill: #fff;
}
.member-image .image-overlay .member-title .member-pos {
    font-size: 11px;
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    margin-bottom: 10px;
}
.member-image .image-overlay .member-title svg.team-shape {
    margin-bottom: 10px;
}
.member-image .image-overlay .member-title h6 {
    font-size: 15px;
    line-height: normal;
}
.team-member .member-social a {
    margin-right: 15px;
    line-height: 1;
}
.image-overlay .member-social i {
    font-size: 18px;
}
.team-member .member-social a:last-child {
    margin-right: 0;
}
.member-image .image-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-overlay.inside-content {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
}
.image-overlay.inside-content .member-social {
    align-self: flex-end;
}
.ui-helper-hidden-accessible { display: none; }

/* hover */
.member-image.image-bottom-border img:hover {
    border-bottom-color: #479ccf;
}

/*---------- 3.23.3. Team Style ----------*/
/*---------- 3.23.3.1. Team Corpia Style ----------*/
/*---------- 3.23.3.2. Team One Column Style ----------*/
.corpia-style.corpia-ut-team-carousel .member-content h6,
.corpia-style-carousel.corpia-ut-team-carousel .member-content h6 {
    margin: 0;
    margin-bottom: 10px;
}
.corpia-style.corpia-ut-team-carousel .member-content .member-pos,
.corpia-style-carousel.corpia-ut-team-carousel .member-content .member-pos {
    margin-top: 5px;
}
.corpia-style.corpia-ut-team-carousel .member-content,
.corpia-style-carousel.corpia-ut-team-carousel .member-content {
    padding: 0;
}
.corpia-style.corpia-ut-team-carousel .member-image.circle-image-team .image-overlay,
.corpia-style-carousel.corpia-ut-team-carousel .member-image.circle-image-team .image-overlay,
.corpia-style.corpia-ut-team-carousel .member-image.circle-image-team,
.corpia-style-carousel.corpia-ut-team-carousel .member-image.circle-image-team {
    overflow: hidden;
}
.team-member .vc_row.corpia-style,
.team-member .vc_row.corpia-style-carousel {
    text-align: center;
}
@media (max-width: 991px) {
    .vc_row.corpia-style .member-image,
    .vc_row.corpia-style-carousel .member-image {
        margin-bottom: 20px;
    }
    .vc_row.corpia-style .member-content,
    .vc_row.corpia-style-carousel .member-content {
        text-align: center;
    }
    .vc_row.corpia-style .member-content .team-shape,
    .vc_row.corpia-style-carousel .member-content .team-shape {
        margin-left: auto;
        margin-right: auto;
    }
}
/*---------- 3.23.4. Team Text Align ----------*/
/*---------- 3.23.4.1 Team Text Align Left ----------*/
/*---------- 3.23.4.2 Team Text Align Right ----------*/
.member-content.ut-align-right .team-shape {
    margin-left: auto;
    margin-right: 0;
}
/*---------- 3.23.4.3 Team Text Align Center ----------*/
.member-content.ut-align-center .team-shape {
    margin-left: auto;
    margin-right: auto;
}

/*---------- 3.24. Testimonial ----------*/
/*---------- Twitter Carousel Testimonials ----------*/
.corpia-ut-testimonial {
    text-align: center;
}
.corpia_ut_twitter_carousel.corpia-ut-testimonial > i,
.corpia-ut-twitter-carousel.corpia-ut-testimonial > i {
    font-size: 76px;
    line-height: 76px;
}
.corpia-ut-testimonial > i {
    font-size: 36px;
    margin-bottom: 25px;
    color:#223557;
}
.testimonial-item {
    display: none;
}
.testimonial-item:first-child {
    display: block;
}
.testimonial-content {
    font-size: 13px;
    line-height: 24px;
    max-width: 1000px;
    margin: 0 auto;
    color: #7d7d7d;
    display: flex;
    flex-direction: column;
}
.testimonial-content .testimonial-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-family: Montserrat;
    color: #223557;
}
.testimonial-content > p {
    margin-top:0;
    margin-bottom: 0;
    font-style: italic;
}
/* twitter */
.testimonial-main {
    margin-bottom: 35px;
}
.testimonial-main div.testimonial-main-style-image {
    padding: 0 15px;
    float: left;
    height: 70px;
}
.testimonial-main div.testimonial-main-style-text {
    padding: 0 15px;
    float: right;
    height: 70px;
    display: flex;
    align-items: center;
}
.testimonial-main div.testimonial-main-style-text p {
    text-align: left;
}
.testimonial-main p.testimonial-name,
.testimonial-main p.testimonial-pos,
.testimonial-main div a.twitter-name,
.testimonial-main div a.twitter-location {
    display: block;
    line-height: normal;
}
.testimonial-main p.testimonial-name,
.testimonial-main div a.twitter-name {
    font-size: 12px;
    font-family: Montserrat, serif;
    color: #479ccf;
    margin-bottom: 5px;
}
.testimonial-main p.testimonial-pos,
.testimonial-main div a.twitter-location {
    font-size: 11px;
    font-family: 'Libre Baskerville', serif;
    color: #8a8888;
    margin: 0;
}
.testimonial-main div i {
    font-size: 18px;
    line-height: 26px;
    margin-right: 5px;
}
.owl-carousel .owl-item .testimonial-main img {
    margin-top: 20px;
    width: 60px;
    height: 60px;
    display: inline-block;
}

/*---------- 3.24.1. Testimonial Style ----------*/
.testimonial-style-1.corpia-ut-testimonial .testimonial-main img {
    width: 80px;
    height: 80px;
}
.testimonial-content.testimonial-style-2 p.testimonial-text {
    margin-bottom: 35px;
}
.testimonial-style-2.corpia-ut-testimonial .testimonial-main {
    margin-bottom: 0px;
}
.testimonial-content.testimonial-style-2 {
    flex-direction: column-reverse;
}
.testimonial-outer-image img {
    width: 60px;
    height: 60px;
}

/*---------- 3.25. Video ----------*/
.background-video-player-container,.background-video,.video-mask,.video-mask-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.background-video>.wp-video {
    min-width: 100%;
}
.video-mask {
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
    background-image: url(assets/img/video-mask.png);
    background-repeat: repeat;
    -webkit-background-size: 2px 2px;
    background-size: 2px 2px;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
.video-mask-color {
    top: 0;
    left: 0;
    z-index: 3;
    background: #000;
    zoom: 1;
    filter: alpha(opacity=30);
    opacity: .3;
}
.bg-video-container {
    text-align: center;
    margin-top: 44px;
    margin-bottom: 46px;
    z-index: 999999;
    position: relative;
}
.bg-video-container .bg-video-play {
    cursor: pointer;
    color: #fff;
    width: 92px;
    height: 92px;
    border: 2px solid #f5f5f5;
    background-color: rgba(255,255,255,.2);
    font-size: 22px;
    line-height: 92px;
    margin: 50px auto;
    position: relative;
    z-index: 1;
}
.bg-video-play:hover {
    color: #ffffff;
    background-color:rgba(0,0,0,.33);
    border-color:#ffffff;
}
.bg-video-container h2 {
    color: #fff;
    text-transform: uppercase;
    font-size:24px;
}
.bg-video-horizontal {
    position: relative;
}
.bg-video-horizontal h2 {
    position: absolute;
    width: 50%;
    padding-right: 125px;
    top: 50%;
    margin-top: -70px;
    font-size: 40px;
}
.bg-video-horizontal h2.bg-video-last-text {
    right: 0;
    padding-right: 0px;
    padding-left: 125px;
}
.corpia-ut-element.corpia-ut-video {
    position: relative;
    overflow: hidden;
}
.background-video .mejs-overlay-play,
.background-video .mejs-controls{
    display: none !important;
}

iframe {
    width: 100%;
    max-width: 100%;
    border: none;
}
/*---------- 3.26. Skrollr animation ----------*/
.corpia-ut-element.corpia-ut-skroll-image {
    margin-bottom: 0;
}
.corpia-ut-element.corpia-ut-skroll-image .vc_row.ut-display-block {
    display: block;
}
.corpia-ut-element.corpia-ut-skroll-image .vc_row {
    display: flex;
}
.corpia-ut-element.corpia-ut-skroll-image .vc_row .corpia-ut-skrollr-text-column.ut-position-absolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.corpia-ut-skrollr-image {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    padding-top: 20%;
}

/*---------------------------------------------------- 4. Image overlay ----------------------------------------------------------*/
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(45,53,56,.9);
    -webkit-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.image-overlay .hover-content {
    opacity: 0;
}
.hover-content.top-to-bottom {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}
.hover-content.bottom-to-top {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}
.image-overlay:hover .hover-content {
    top: auto;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.overlay-disabled .image-overlay {
    opacity: 1;
}

/* Blog metro, another, grid & Post Carousel & Portfolio grid */
.corpia-ut-metro-style .image-overlay,
.corpia-ut-blog.corpia-ut-grid-style .image-overlay,
.corpia-ut-blog.corpia-ut-masonry-style .image-overlay,
.corpia-ut-portfolio.corpia-ut-grid-style .image-overlay,
.corpia-ut-portfolio.corpia-ut-masonry-style .image-overlay,
.corpia-ut-post-carousel .image-overlay,
.corpia-ut-portfolio.grid-layout .image-overlay {
    display: block;
}
.corpia-ut-portfolio.grid-layout-content .image-overlay {
    display: flex;
}
.image-overlay i {
    font-size: 64px;
    color: #fff;
}
.image-overlay i.grid-clean {
    font-size: 24px;
}
.widget .image-overlay i {
    font-size: 34px;
}
.corpia-ut-metro-style .image-overlay,
.corpia-ut-grid-style .image-overlay,
.corpia-ut-masonry-style .image-overlay,
.corpia-ut-post-carousel .image-overlay,
.corpia-ut-portfolio.grid-layout .image-overlay {
    padding: 30px;

}
.image-overlay .post-overlay-container {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: calc( 100% - 60px );
}
.image-overlay .column-blog-title {
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.025em;
    margin: 0;
    line-height: normal;
}
.image-overlay .column-blog-title a {
    color: #fff;
}

/* Blog Metro & Portfolio Metro Layout */
.corpia-ut-metro-style .post-thumb.overlay-disabled img,
.corpia-ut-masonry-style .post-thumb.overlay-disabled img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}
.corpia-ut-metro-style .post-thumb.overlay-disabled:hover img,
.corpia-ut-masonry-style .post-thumb.overlay-disabled:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.corpia-ut-metro-style .overlay-disabled .image-overlay .column-blog-title,
.corpia-ut-masonry-style .overlay-disabled .image-overlay .column-blog-title {
    font-size: 16px;
}
.corpia-ut-metro-style .overlay-disabled .image-overlay,
.corpia-ut-masonry-style .overlay-disabled .image-overlay {
    background: rgba(45,53,56,.6);
}
.corpia-ut-metro-style .overlay-disabled .image-overlay .post-overlay-container,
.corpia-ut-masonry-style .overlay-disabled .image-overlay .post-overlay-container {
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.corpia-ut-metro-style .post-thumb.overlay-disabled:hover .image-overlay .post-overlay-container,
.corpia-ut-masonry-style .post-thumb.overlay-disabled:hover .image-overlay .post-overlay-container {
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.2s, -moz-transform 0.35s;
    -o-transition: opacity 0.2s, -o-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    -webkit-transform: translate3d(0,40px,0);
    -moz-transform: translate3d(0,40px,0);
    -ms-transform: translate3d(0,40px,0);
    -o-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}
.corpia-ut-metro-style .post-thumb.overlay-disabled:hover .image-overlay,
.corpia-ut-masonry-style .post-thumb.overlay-disabled:hover .image-overlay {
    opacity: 0;
}
.corpia-ut-metro-style article[data-size="large"] .image-overlay .column-blog-title,
.corpia-ut-masonry-style article[data-size="large"] .image-overlay .column-blog-title {
    font-size: 20px;
}
.corpia-ut-masonry-style .corpia-ut-thumbnail,
.corpia-ut-masonry-style .corpia-ut-thumbnail img {
    width: 100%;
}
/* Blog Metro Layout End */

.image-overlay .column-blog-cat {
    color: #fff;
    font-size: 12px;
    margin: 0;
    font-family: 'Libre Baskerville', serif;
    line-height: normal;
    font-style: italic;
}
.corpia-ut-metro-style .image-overlay .column-blog-cat,
.corpia-ut-masonry-style .image-overlay .column-blog-cat {
    font-size: 12px;
    margin-top: 10px;
}
.image-overlay .column-blog-cat a {
    color: #fff;
}
.post-thumb .image-overlay a:hover,
.corpia-ut-thumbnail:hover .image-overlay,
.post-thumb:hover .image-overlay,
.member-image:hover .image-overlay {
    opacity: 1;
}

.corpia-ut-blog.corpia-ut-grid-style .image-overlay .corpia-ut-shape path,
.corpia-ut-blog.corpia-ut-masonry-style .image-overlay .corpia-ut-shape path,
.corpia-ut-portfolio.corpia-ut-grid-style .image-overlay .corpia-ut-shape path,
.corpia-ut-portfolio.corpia-ut-masonry-style .image-overlay .corpia-ut-shape path,
.corpia-ut-post-carousel .image-overlay .corpia-ut-shape path,
.corpia-ut-portfolio.grid-layout .image-overlay .corpia-ut-shape path {
    fill: #fff;
}

/*---------- 5. Elements Dark ----------*/
/*---------- Color white ----------*/
.row-dark,
.row-dark i,
.row-dark a,
.row-dark p,
.row-dark span,
.row-dark h1,
.row-dark h2,
.row-dark h3,
.row-dark h4,
.row-dark h5,
.row-dark h6,
.row-dark h1 a,
.row-dark h2 a,
.row-dark h3 a,
.row-dark h4 a,
.row-dark h5 a,
.row-dark h6 a,
.row-dark .corpia-ut-toggle .vc_toggle_title.style-1 a.toggle-header,
.row-dark .corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,
.row-dark .corpia-ut-toggle.vc_toggle .vc_toggle_title.style-1 a.toggle-header span.toggle-icon,
.row-dark .corpia-ut-accordion.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.row-dark .vc_toggle_content,
/* Callout */
.row-dark .corpia-ut-callout p,
/* Circle chart */
.row-dark .corpia-ut-circle-chart h5,
.row-dark .corpia-ut-circle-chart p,
/* Team */
.row-dark .member-content .member-pos,
/* Testimonial and Twitter */
.row-dark .testimonial-main p.testimonial-pos,
.row-dark .testimonial-main div a.twitter-location
{
    color: #fff;
}

.row-dark .fi {
    border-color: #fff;
}

/* Image scroll box-shadow */
.row-dark .corpia-ut-image-scroll > .scroll-thumb {
    -webkit-box-shadow: 0 9px 7px rgba(255,255,255,.41);
    -moz-box-shadow: 0 9px 7px rgba(255,255,255,.41);
    box-shadow: 0 9px 7px rgba(255,255,255,.41);
}

/* SVG shape */
.row-dark .corpia-ut-shape.both-colored path,
.row-dark .corpia-ut-shape.fill-colored path {
    fill: #fff;
}
.row-dark .corpia-ut-shape.both-colored path,
.row-dark .corpia-ut-shape.stroke-colored path {
    stroke: #fff;
}
/*---------- 8. Visual Composer ----------*/

/*.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 35px;}
.wpb_button:last-child, .wpb_content_element:last-child, ul.wpb_thumbnails-fluid > li:last-child { margin-bottom: 0px;}
.wpb_button:first-child, .wpb_content_element:first-child, ul.wpb_thumbnails-fluid > li:first-child { margin-bottom: 35px;}*/
.corpia-ut-composer .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0; }
.corpia-ut-composer .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner { padding-top: 0; }
.corpia-ut-composer .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner { padding-top: 0; }

.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
    padding-top: 0;
}


/*---------- Corpia UnionTheme Animate ----------*/
/*article.not-inited .corpia-ut-top-to-bottom {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
}

article.not-inited .corpia-ut-bottom-to-top {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}

article.not-inited .corpia-ut-left-to-right {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
}

article.not-inited .corpia-ut-right-to-left {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
}
.corpia-ut-left-to-right,
.corpia-ut-bottom-to-top,
.corpia-ut-top-to-bottom,
.corpia-ut-right-to-left {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}*/


.wpb_text_column p { line-height: 1.8; }
.corpia-ut-element.wpb_content_element { margin-bottom: 0px; }
@media (max-width: 991px) {
    .member-image {
        max-width: 270px;
    }
}
@media (min-width: 769px) {
    /* Header Left Fullwidth Row */
    .header-leftside .vc_row-fluid[data-vc-full-width]{
        padding-left: 280px;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

/*---------------------------------------------------- 6. Team & Pricing table & Iconbox & Milestones & Circle chart Responsive ----------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Team column responsive */
    .corpia-ut-team-carousel.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(2n+1),
    /* Pricing Table column responsive */
    .corpia-ut-pricing.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(2n+1),
    /* Iconbox column responsive */
    .element-column-4 .corpia-ut-iconbox.vc_col-sm-6.vc_col-md-3:nth-child(2n+1),
    /* Milestones column responsive */
    .corpia-ut-milestones.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(2n+1),
    /* Circle chart column responsive */
    .corpia-ut-circle-chart.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width: 992px) {
    /* Team column responsive */
    .corpia-ut-team-carousel.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(4n+1),
    /* Pricing Table column responsive */
    .corpia-ut-pricing.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(4n+1),
    /* Iconbox column responsive */
    .element-column-4 .corpia-ut-iconbox.vc_col-sm-6.vc_col-md-3:nth-child(4n+1),
    /* Milestones column responsive */
    .corpia-ut-milestones.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(4n+1),
    /* Circle chart column responsive */
    .corpia-ut-circle-chart.element-column-4 .vc_col-sm-6.vc_col-md-3:nth-child(4n+1) {
        clear: both;
    }
}
@media (min-width: 768px) {
    /* Team column responsive */
    .corpia-ut-team-carousel.element-column-3 .vc_col-sm-4.vc_col-md-4:nth-child(3n+1),
    .corpia-ut-team-carousel.element-column-2 .vc_col-sm-6.vc_col-md-6:nth-child(2n+1),
    /* Iconbox column responsive */
    .element-column-3 .corpia-ut-iconbox.vc_col-sm-4.vc_col-md-4:nth-child(3n+1),
    .element-column-2 .corpia-ut-iconbox.vc_col-sm-6.vc_col-md-6:nth-child(2n+1),
    /* Milestones column responsive */
    .corpia-ut-milestones.element-column-3 .vc_col-sm-4.vc_col-md-4:nth-child(3n+1),
    .corpia-ut-milestones.element-column-2 .vc_col-sm-6.vc_col-md-6:nth-child(2n+1),
    /* Milestones column responsive */
    .corpia-ut-milestones.element-column-3 .vc_col-sm-4.vc_col-md-4:nth-child(3n+1),
    .corpia-ut-milestones.element-column-2 .vc_col-sm-6.vc_col-md-6:nth-child(2n+1),
    /* Circle chart column responsive */
    .corpia-ut-circle-chart.element-column-3 .vc_col-sm-4.vc_col-md-4:nth-child(3n+1),
    .corpia-ut-circle-chart.element-column-2 .vc_col-sm-6.vc_col-md-6:nth-child(2n+1) {
        clear: both;
    }
}
@media (max-width: 767px) {
    .corpia-ut-element.corpia-ut-skroll-image .vc_row {
        display: block;
    }
}