/*
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
3. Elements
    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.9. Heading
    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 Epoch 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 ----------------------------------------------------------*/
.epoch-ut-element {
    position: relative;
    margin-bottom: 0px;
}

/*---------------------------------------------------- 1.2. Transition ----------------------------------------------------------*/
/* Transition */
/* Button */
.btn,
button,
.wc-proceed-to-checkout a,
input[type="submit"] ,
/* Core Class */
.epoch-ut-element,
.epoch-ut-element a,
/* Image overlay */
.image-overlay .hover-content,
.epoch-ut-image-scroll > .scroll-thumb,
/* Callout */
.epoch-ut-callout,
.epoch-ut-callout p,
.epoch-ut-callout .callout-btns,
/* IconBox */
.epoch-ut-iconbox .epoch-iconbox-icon,
.epoch-ut-iconbox .epoch-iconbox-icon i,
.epoch-ut-iconbox .epoch-iconbox-content h6,
.epoch-ut-iconbox .epoch-iconbox-content p {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
/*---------------------------------------------------- 1.3. Divider ----------------------------------------------------------*/
/* Divider three dotted style */
.epoch-ut-divider.type-dotted3 .divider-line .divider-dotted3 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
/*---------------------------------------------------- 3. Elements ----------------------------------------------------------*/

article .post-thumb,
article .post-thumb img {
    width: 100%;
    height: 100%;
}
.epoch-ut-thumbnail,
.post-thumb {
    overflow: hidden;
}
/* 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;
}

.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;
}
h4.entry-title a {
    margin: 0;
    color: #2d3538;
}
article.single .entry-meta-container {
    margin-top: 0;
    margin-bottom: 22px;
}

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

.entry-meta {
    font-size: 11px;
    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.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);
}
.epoch-ut-blog > .isotope-container {
    margin: 0 -15px;
}
.epoch-ut-blog .isotope-container .entry-block {
    padding: 0 15px;
}

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

.epoch-ut-thumbnail {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
}
.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;
}
.epoch-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,
.wc-proceed-to-checkout a,
input[type="submit"] {
    font-family: Oswald;
    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.2 Flat Button ----------*/
.btn.btn-flat {
    background: #222222;
    color: #fff;
}
/*---------- 3.3.1.3 White Button ----------*/
.btn.btn-flat.white-button {
    color: #222222;
}

/*---------- 3.4. Callout ----------*/
.epoch-ut-callout {
    color: #ffffff;
    text-align: left;
    text-transform: initial;
    letter-spacing: 0.05em;
}
.epoch-ut-callout .callout-text {
    margin-right: 35px;
}
.epoch-ut-callout .callout-text h3 {
    background: #333333;
    display: table;
    padding: 20px 25px;
}
.epoch-ut-callout .callout-text h3:first-child {
    margin-bottom: 10px;
}
.epoch-ut-callout .btn {
    margin: 0 0 0 30px;
    white-space: nowrap;
}
.epoch-ut-callout .btn.btn-single {
    margin-left: 0;
}
.epoch-ut-callout .callout-btn a {
    text-transform: initial;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
}
.epoch-ut-callout .callout-btn a:hover {
    color: #ffffff;
    background: #f3709b;
}

/*---------- 3.7. Divider ----------*/
.epoch-ut-divider {
    position: relative;
    text-align: center;
}
.epoch-ut-divider .divider-line {
    position: relative;
    margin: 0 auto;
}
.epoch-ut-divider.type-line .divider-line {
    border-top-style: solid;
}
.epoch-ut-divider.type-dashed .divider-line {
    border-top-style: dashed;
}
.epoch-ut-divider.type-dotted .divider-line {
    border-top-style: dotted;
}
.epoch-ut-divider.type-dotted3 .divider-line {
    line-height: 0;
}
.epoch-ut-divider.type-dotted3 .divider-line .divider-dotted3 {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 20px;
}
.epoch-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 .epoch-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 .epoch-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 .epoch-ut-shape {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}

/*---------- 3.9. Heading ----------*/
.epoch-ut-heading {
    position: relative;
}
.epoch-ut-heading .heading-title.cd-headline span {
    padding: 0;
}
.epoch-ut-heading .heading-title {
    margin: 0;
}
.epoch-ut-heading .heading-title.heading-s {
    font-size: 48px;
}
.epoch-ut-heading .heading-title.heading-m {
    font-size: 72px;
}
.epoch-ut-heading .heading-title.heading-l {
    font-size: 92px;
}
.btn-s {
    padding: 15px;
    font-size: 10px;
}
.btn-m {
    padding: 20px;
    font-size: 14px;
}
/*---------- 3.3.2.3 Large Size ----------*/
.btn-l {
    padding: 25px;
    font-size: 18px;
}
/*---------- 3.3.2.4 Extra Large Size ----------*/
.btn-xl {
    padding: 30px;
    font-size: 24px;
}
.epoch-ut-heading .heading-description {
    position: relative;
    max-width: 36%;
    margin-top: 60px;
    margin-left: 60px;
    margin-bottom: 0;
    padding-top: 36px;
    padding-left: 36px;
    padding-bottom: 20px;
    
}
.epoch-ut-heading .heading-description:before {
    content: " ";
    position: absolute;
    background: #1d1d21;
    width: 65px;
    height: 4px;
    top: 0;
    left: 0;
}
.epoch-ut-heading .heading-description:after {
    content: " ";
    position: absolute;
    background: #1d1d21;
    width: 4px;
    height: 65px;
    top: 0;
    left: 0;
}
.epoch-ut-heading.right a.heading-link,
.epoch-ut-heading.left a.heading-link {
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 96px;
}
.epoch-ut-heading.right a.heading-link{
    padding: 0px 0px 10px 20px;
}
.epoch-ut-heading.left a.heading-link{
    padding: 0px 20px 10px 0;
}

/*---------- 3.9.1 Heading Position Right ----------*/
.right.epoch-ut-heading,
.right.epoch-ut-heading .heading-title {
    text-align: right;
}
.right.epoch-ut-heading .heading-description {
    text-align: right;
    margin: 60px 60px auto auto;
    padding-top: 36px;
    padding-right: 36px;
    padding-left: 0px;
    padding-bottom: 20px;
}
.right.epoch-ut-heading .heading-description:before {
    right: 0;
    left: initial
}
.right.epoch-ut-heading .heading-description:after {
    right: 0;
    left: initial;
}
.right.epoch-ut-heading a.heading-link {
    display: inline-block;
    text-align: right;
    margin-right: 96px;
    margin-left: 0px;
    padding: 0px 0px 10px 20px;
}
/*---------- 3.12. List ----------*/
.epoch-ut-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.epoch-ut-list ul li {
    line-height: 23px;
}
.epoch-ut-list li > i {
    color: #598feb;
    padding: 1px;
    margin-right: 8px;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
}
.epoch-ut-list li > img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 8px;
}

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

/*---------- 3.22. Tabs ----------*/
.epoch-ut-tabs ul.wpb_tabs_nav li a {
    font-family: Oswald;
}
/*---------- 3.22.1. Tabs Style ----------*/
/*---------- 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.epoch-ut-tabs ul.wpb_tabs_nav {
    float: left;
    z-index: 9999;
    position: relative;
    max-width: 40%;
    width: 40%;
}
.style-2.epoch-ut-tabs ul.wpb_tabs_nav li {
    float: none;
    display: block;
    white-space: normal;
    margin: 0;
}
.style-2.epoch-ut-tabs ul.wpb_tabs_nav li {
    background: transparent;
}
.style-2.epoch-ut-tabs .wpb_tour_tabs_wrapper .ui-tabs-panel {
    max-width: 60%;
    width: 60%;
    float: right;
    background: transparent;
}
/*---------- 3.22.1.3 Tabs General ----------*/
.style-2.epoch-ut-tabs ul.wpb_tabs_nav li:hover {
    background-color: initial;
}
.epoch-ut-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
    padding: 10px 25px;
    color: #1d1d21;
    font-size: 32px;
    cursor: pointer;
}
.epoch-ut-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a i {
    margin-right: 10px;
}
.epoch-ut-tabs ul.wpb_tabs_nav li.ui-tabs-active a,
.wpb_content_element .wpb_tour_tabs_wrapper .ui-tabs-panel {
    background: transparent;
}
.wpb_content_element .wpb_tour_tabs_wrapper .ui-tabs-panel .wpb_content_element {
    margin: 0;
}

/*---------------------------------------------------- 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.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    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;
}

.image-overlay i {
    font-size: 64px;
    color: #fff;
}
.image-overlay i.grid-clean {
    font-size: 24px;
}
.widget .image-overlay i {
    font-size: 34px;
}
.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;
}

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

/*---------- 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,
/* Callout */
.row-dark .epoch-ut-callout p {
    color: #fff;
}

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

.row-dark .epoch-ut-heading .heading-description:before,
.row-dark .epoch-ut-heading .heading-description:after {
    background: #ffffff;
}
/*---------- 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;}*/
.epoch-ut-composer .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0; }
.epoch-ut-composer .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner { padding-top: 0; }
.epoch-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;
}

.wpb_text_column p { line-height: 1.8; }
.epoch-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;
    }
}
.wpb_content_element {
    margin-bottom: 0 !important;
}