/*

CSS Indexing



1. Default CSS

2. Slides CSS

3. Services CSS

4. Content Box CSS

5. Testimonial CSS

6. Blog Grid CSS

7. Team CSS

8. Project CSS

9. Project Details CSS

10. Brands CSS

11. Cta CSS

12. Gallery Addon CSS

13. Count Box CSS

14. Section Title CSS

15. Video Addon CSS

16. Skillbar CSS



*/

/******------------------------------

-----------Default CSS------------

------------------------------******/



.vc_col-has-fill > div.vc_column-inner,

.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,

.vc_row-has-fill + .vc_row > .vc_column_container > div.vc_column-inner,

.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,

.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,

.vc_row-has-fill > .vc_column_container > div.vc_column-inner,

.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,

.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner {

    padding-top: 0px;

}

.vc_row.wpb_row {

    overflow: hidden;

}

.vc_row.colored-overlay {

    color: #fff;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

    z-index: 1;

}

.vc_row.colored-overlay:before {

	position: absolute;

    left: 0;

    top: 0;

    content: '';

    width: 100%;

    height: 100%;

    background-color: #18ba60;

    z-index: -1;

    display: block;

    opacity: .65;

    filter: Alpha(opacity=65);

}

.custom-heading h1 {

    font-size: 45px;

    color: #fff;

    line-height: 45px;

}

.custom-heading p {

    color: #fff;

    font-size: 17px;

}

.section-heading h1 {

    margin: 0!important;

    font-size: 32px;

    font-weight: 600;

    line-height: 26px;

}

.promo-overlay a.finance-care-btn {

    color: #fff;

    display: inline-block;

    padding: 10px 25px;

    font-weight: bold;

    border-radius: 3px;

    -webkit-transition: .3s ease-in;

    transition: .3s ease-in;

}

.promo-overlay a.finance-care-btn:hover {

    background: #000033;

}

.vc_tta-panel {

    border-bottom: 1px solid #f6f8f9;

    margin-bottom: 15px;

    padding-bottom: 0;

}

.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    padding: 0 0 15px;

}

.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

}

.wpb-js-composer div.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {

    padding: 0 0 0 20px;

}

.wpb-js-composer div.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {

    left: 0;

}

.wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title {

    margin: 20px 0;

}

.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

}

.wpb-js-composer div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus,

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;

}

h4.vc_tta-panel-title {

    font-size: 20px;

}

.t-overlyy {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.vc_row.cta-overlay {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

    z-index: 1;

}

.vc_row.cta-overlay:after {

    background: #222 none repeat scroll 0 0;

    position: absolute;

    width: 100%;

    height: 100%;

    content: '';

    display: block;

    z-index: -1;

    left: 0;

    top: 0;

    opacity: .9;

    filter: Alpha(opacity=90);

}

.vc_row.promo-overlay   {

    background-attachment: fixed;

}

.vc_row.cbox-overlayy  {

	background-size: cover;

    background-position: center;

}

.vc_row.home-contact-bg  {

	background-size: cover;

    background-position: center;

}



.vc_row.testimonial-home-section .finance-testimonial-content {

    font-size: 17px;

    color: #fff;

    line-height: 32px;

    max-width: 80%;

    margin: auto;

}

.vc_row.testimonial-home-section .finance-testimonial-image h3 {

    font-size: 17px;

    color: #fff;

}

.finance-testimonial-image span {

	font-size: 14px;

}

.home-news-section .wpb_content_element {

    margin-bottom: 25px!important;

}

.home-news-section .wpb_content_element:last-child {

    margin-bottom: 0!important;

}

/******------------------------------

-----------Slides CSS------------

------------------------------******/



.finance_slide_item {

    background-position: center;

    background-size: cover;

    background-color: #ddd;

    height: 600px;

    position: relative;

    font-size: 26px;

    color: #cb1c1c;

    z-index: 1;

}

.finance-slide-table {

    width: 100%;

    height: 100%;

    display: table;

    position: relative;

    z-index: 2;

    text-align: left;

}

.finance-slide-tablecell {

    display: table-cell;

    vertical-align: middle;

}

.finance_slide_item p {

    width: auto;

    margin: auto auto 10px;

    letter-spacing: 4px;

    font-size: 24px;

    line-height: 24px;
color: #cb1c1c;
font-weight: bold;


}

.slide-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.finance-slide-buttons {

    margin-top: 35px;

}

.finance_slide_item h2 {

    color: #cb1b1b;

    font-size: 35px;

    margin-bottom: 25px;

    font-weight: 700;

}

.finance-slider-btn {

    display: inline-block;

    font-size: 13px;

    text-transform: uppercase;

    padding: 12px 28px;

    border: 0px solid;

    margin-right: 20px;

    border-radius: 3px;

    font-weight: bold;

    color: #ffffff;

}

.filled-btn {

    background: #18ba60;

    color: #ffffff;

}

.filled-btn:hover {

    background-color: #28406d;

    color: #ffffff;

}

.bordered-btn {

    border: 2px solid #fff;

    background: transparent;

    padding: 10px 25px;

}

.bordered-btn:hover {

    border: 2px solid;

    border-color: #18ba60;

    background-color: #18ba60;

    color: #fff;

}

.finance-slider-btn:active,

.finance-slider-btn:focus {

    color: #ffffff;

}

.finance-slides .owl-nav div {

    position: absolute;

    top: 50%;

    width: 40px;

    height: 40px;

    color: #fff;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.5);

    font-size: 24px;

    line-height: 40px;

    margin-top: -20px;

    left: 0px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    z-index: -1;

}

.finance-slides .owl-nav div:hover {

    background: #222222;

    color: #ffffff;

}

.finance-slides .owl-nav div.owl-next {

    left: auto;

    right: 0px;

}

.finance-slides:hover .owl-nav div {

    visibility: visible;

    opacity: 1;

    filter: Alpha(opacity=100);

    z-index: 9;

    left: 20px;

}

.finance-slides:hover .owl-nav div.owl-next {

    left: auto;

    right: 20px;

}

.finance-slides .owl-dots div {

    background-color: #fff;

    display: inline-block;

    margin: 7px;

	padding: 6px 6px 6px 6px;

    border-radius: 50%;

    box-shadow: none;

    opacity: 1;

    filter: Alpha(opacity=100);

}

.finance-slides .owl-dots {

    bottom: 40px;

    left: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.finance-slides .owl-dots div.active {

    background-color: #fff;

    box-shadow: 0px 0px 1px 4px RGBA(255,255,255,0.41);

}

/******------------------------------

-----------Services CSS------------

------------------------------******/



.finance-single-services {

    margin-bottom: 60px;

}

.service-thumb {

    position: relative;

    margin-bottom: 25px;

}

.finance-single-services h3 {

    font-size: 20px;

    font-weight: 600;

    margin: 0px 0 10px 0;

}

.finance-single-services h3 a {

    color: #222222;

}

.services-excerpt {

    color: #666666;

    line-height: 1.5;

    margin-bottom: 15px;

}

.finance-services-btn {

    display: inline-block;

    font-weight: normal;

    color: #222222;

    padding-right: 20px;

    position: relative;

    text-transform: capitalize;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.finance-services-btn:after {

    position: absolute;

    font-family: "FontAwesome";

    content: "\f054";

    font-weight: normal;

    font-size: 12px;

    top: 5px;

    right: 5px;

}

.finance-services-btn:hover {

    margin-left: 5px;

}

.service-thumb-box {

    display: block;

    position: relative;

}

.service-thumb-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease;

    opacity: 0;

    filter: Alpha(opacity=0);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 1;

}

.service-thumb-overlay:after {

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.65);

    z-index: -1;

}

.service-overlay-icon {

    position: relative;

    -ms-flex-item-align: center;

    align-self: center;

    width: 60px;

    height: 60px;

    -webkit-transition: background .4s ease;

    transition: background .4s ease;

    z-index: 2;

    text-align: center;

	background: url(../img/plus.png) no-repeat scroll;

}



.service-overlay-left {

    position: absolute;

    left: 0;

    top: 0;

    border-top: 1px solid #fff;

    border-left: 1px solid #fff;

    display: inline-block;

    width: 50px;

    height: 50px;

    -webkit-transition: all .4s;

    transition: all .4s;

}

.service-overlay-right {

    position: absolute;

    bottom: 0;

    right: 0;

    border-bottom: 1px solid #fff;

    display: inline-block;

    width: 50px;

    height: 50px;

    border-right: 1px solid #fff;

    -webkit-transition: all .4s;

    transition: all .4s;

}

.service-thumb-box:hover .service-thumb-overlay {

    opacity: 1;

    filter: Alpha(opacity=100);

}

.service-thumb-box:hover .service-overlay-left {

    top: 22px;

    left: 22px;

}

.service-thumb-box:hover .service-overlay-right {

    right: 22px;

    bottom: 22px;

}

.services-content .wpb_text_column {

    font-size: 16px;

    font-weight: 300;

    color: #333;

}

.services-content .wpb_text_column ul {

    margin: 0;

    padding: 0!important;

    list-style: none;

}

.services-content .wpb_text_column li {

    position: relative;

    padding: 0 0 0 22px;

    margin-bottom: 6px;

}

.services-content .wpb_text_column li:before {

    position: absolute;

    top: 0;

    left: 0;

    font-family: fontAwesome;

    content: "\f00c";

    font-size: 15px;

    line-height: 25px;

    color: #18ba60;

}

/******------------------------------

-----------Content Box CSS------------

------------------------------******/



.content-box {

    position: relative;

    color: #848892;

    font-size: 15px;

    margin-bottom: 30px;

    overflow: hidden;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

	text-align: center;

	padding-top: 20px;

    cursor: pointer;

}



.content-icon {

    position: relative;

    display: inline-block;

    text-align: center;

    margin-bottom: 20px;

	transform: scale(1, 1);

    transition: transform 0.5s ease-in;

}



.content-box-inner h3 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 8px;

}

.content-iconbox i {

    color: #f7a34a;

    font-size: 50px;

}

.content-box:hover .content-icon {

    transform: scale(1.2, 1.2);

    cursor: pointer;

}

/******------------------------------

-----------Testimonial CSS------------

------------------------------******/



.single-finance-testimonial {

    padding: 0px;

    margin-bottom: 0px;

}

.finance-testimonial-content {

    font-size: 16px;

    color: #333333;

    font-weight: 400;

    text-align: center;

    line-height: 28px;

}

.finance-testimonial-image {

    margin-top: 25px;

    text-align: center;

}

.finance-testimonial-image img {

    width: 105px!important;

    height: 105px!important;

    background: #d1d1d1 none repeat scroll 0 0;

    border-radius: 50%;

    margin: auto;

}

.finance-testimonial-image h3 {

    font-size: 16px;

    color: #333;

    font-weight: 500;

    text-align: center;

    line-height: 15px;

    margin-top: 25px!important;

}

.single-finance-testimonial {

    position: relative;

    -webkit-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;

}

.finance-testimonial-list .owl-nav {

    text-align: center;

}

.finance-testimonial-list .owl-nav div {

    position: absolute;

    top: 50%;

    color: #fff;

    font-size: 45px;

    line-height: 45px;

    margin-top: -22.5px;

    left: 0px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    z-index: -1;

}

.finance-testimonial-list .owl-nav div:hover {

    color: #ffffff;

}

.finance-testimonial-list .owl-nav div.owl-next {

    left: auto;

    right: 0px;

}

.finance-testimonial-list:hover .owl-nav div {

    visibility: visible;

    opacity: 1;

    filter: Alpha(opacity=100);

    z-index: 9;

    left: 20px;

}

.finance-testimonial-list:hover .owl-nav div.owl-next {

    left: auto;

    right: 20px;

}

.finance-testimonial-list .owl-dots div {

    background-color: #fff;

    display: inline-block;

    height: 10px;

    margin: 5px;

    opacity: 1;

    filter: Alpha(opacity=100);

    width: 10px;

    border-radius: 50%;

}

.finance-testimonial-list .owl-dots {

    bottom: -25px;

    left: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.finance-testimonial-list .owl-dots div.active {

    background-color: #18ba60;

}

/******------------------------------

-----------Blog Grid CSS------------

------------------------------******/



.finance-single-post-block {

    margin-bottom: 30px;

}

.post-block-thumb {

    display: block;

    position: relative;

    background-size: cover;

    background-position: center center;

    background-color: #dddddd;

    height: 210px;

}

.post-block-content {

    padding: 25px 20px 25px 25px;

    background-color: #FAFAFA;

}

.post-block-content h3 {

    font-size: 18px;

    margin-bottom: 5px;

    line-height: 1.3;

    font-weight: 500;

}

.finance-single-post-block a {

    color: #333333;

}

.post-block-content h3 a {

    color: #333333;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.post-block-content h3 a:hover {

    text-decoration: underline;

}

.post-block-excerpt {

    color: #999999;

    margin-bottom: 20px;

    margin-top: 15px;

    display: none;

}

.post-block-meta {

    font-size: 14px;

    color: #000;

    opacity: 0.8;

    filter: Alpha(opacity=80);

    margin: 0px auto 5px;

}

.post-block-author {

    padding-left: 20px;

}

.finance-single-post-block a.post-block-readmore {

    color: #18ba60;

    display: none;

}

.post-block-readmore.button-3 {

    font-weight: 700;

}

.post-thumb-box {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.post-block-thumb:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: #000;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.post-block-thumb:after {

    position: absolute;

    left: 50%;

    top: 50%;

    content: ' \f0c1';

    font-family: fontAwesome;

    color: #fff;

    width: 42px;

    height: 42px;

    font-size: 15px;

    text-align: center;

    margin-left: -21.5px;

    margin-top: -21.5px;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    border: 2px solid #fff;

    border-radius: 50%;

    line-height: 40px;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}

.post-thumb-box:hover .post-block-thumb:before {

    opacity: 0.70;

    filter: Alpha(opacity=70);

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.post-thumb-box:hover .post-block-thumb:after {

    opacity: 1;

    filter: Alpha(opacity=100);

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}

/******------------------------------

-----------Team CSS------------

------------------------------******/



.finance-single-team {

    position: relative;

    overflow: hidden;

    margin-bottom: 35px;

    box-shadow: 0px 0px 19px -1px rgba(0, 0, 0, 0.06);

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.finance-single-team:hover {

    -webkit-transform: translate3d(0px, -6px, 0px);

    transform: translate3d(0px, -6px, 0px);

    box-shadow: 0px 9px 25px 0px rgba(0, 0, 0, 0.15);

}

.single-team-list {

    margin-bottom: 40px;

    padding-bottom: 40px;

    border-bottom: 1px solid #f7f7f7;

    box-shadow: none;

}

.single-team-list:hover {

    -webkit-transform: none;

    transform: none;

    box-shadow: none

}

.finance-team-list div.col-md-12:last-child .single-team-list {

    border-bottom: 0px solid;

    margin-bottom: 0;

    padding-bottom: 0;

}

.finance-team-img {

    background-size: cover;

    background-color: #ddd;

    background-position: center center;

    height: 250px;

}

.finance-team-list .col-md-3.col-sm-3 .finance-team-img {

    height: 200px;

}

.finance-team-detail h3 {

    font-size: 20px;

    margin-top: 0px!important;

    font-weight: 600;

    margin-bottom: 10px;

    letter-spacing: -.5px;

    font-family: 'Poppins', sans-serif;

}

.finance-team-detail h3 span {

    font-size: 15px;

    display: block;

    color: #999999;

    margin-top: 7px;

    font-weight: 400;

}

.finance-team-detail {

    text-align: center;

    padding: 25px 0 20px 25px;

}

.team-thumb-wrap {

    display: block;

    position: relative;

}

.team-thumb-wrap:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background-color: #000;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    display: none;

}

.team-thumb-wrap:after {

    position: absolute;

    left: 50%;

    top: 50%;

    content: '\f07e';

    font-family: fontAwesome;

    color: #ffffff;

    width: 30px;

    height: 30px;

    font-size: 18px;

    text-align: center;

    margin-left: -15px;

    margin-top: -15px;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    display: none;

}

.team-thumb-box:hover .team-thumb-wrap:before {

    opacity: 0.75;

    filter: Alpha(opacity=75);

    visibility: visible;

}

.team-thumb-box:hover .team-thumb-wrap:after {

    opacity: 1;

    filter: Alpha(opacity=100);

    visibility: visible;

}

ul.finance-team-social-link {

    margin: 0;

    padding: 0;

    list-style: none;

    padding-left: 0!important;

    display: none;

}

ul.finance-team-social-link li {

    display: inline-block;

}

ul.finance-team-social-link li a {

    display: block;

    font-size: 15px;

    color: #333;

    padding: 0px 10px 0 0px;

}

.single-team-list .finance-team-img {

    height: 205px;

}

.single-team-list .finance-team-detail {

    text-align: left;

    background: transparent;

    font-size: 16px;

    padding: 0 10px;

    line-height: 1.5;

}

.single-team-list .finance-team-detail h3 {

    font-size: 20px;

    margin-top: 0px!important;

    padding-bottom: 0px!important;

}

.single-team-list .finance-team-detail h3 span {

    font-size: 15px;

    color: #333333;

    margin-top: 5px;

    font-weight: 400;

}

.finance-team-btn {

    background-color: #0052a5;

    color: #fff;

    display: inline-block;

    padding: 8px 20px 10px;

    font-weight: 600;

    font-size: 14px;

    margin-top: 22px;

    border-radius: 4px;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.finance-team-btn:hover {

    background-color: #333333;

    color: #fff;

}

.finance-team-list .col-md-12 {

    padding-left: 0;

    padding-right: 0;

}

.team-content .wpb_text_column {

    font-size: 16px;

    font-weight: 400;

    color: #333;

}

.team-content .wpb_text_column ul {

    margin: 0;

    padding: 0!important;

    list-style: none;

}

.team-content .wpb_text_column li {

    position: relative;

    padding: 0 0 0 40px;

    margin-bottom: 15px;

}

.team-content .wpb_text_column li:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 30px;

    height: 30px;

    border: 1px solid;

    border-radius: 50%;

    text-align: center;

    font-family: fontAwesome;

    content: "\f00c";

    font-size: 13px;

    line-height: 27px;

}

/******------------------------------

-----------Project CSS------------

------------------------------******/



.finance-related-projects {

    margin-top: 35px;

    margin-bottom: 70px;

}

ul.finance-project-categories {

    list-style: outside none none;

    margin: 0;

    padding: 0 !important;

}

.finance-project-categories li {

    color: #333;

    cursor: pointer;

    display: inline-block;

    padding: 15px 30px 15px 0;

}

.finance-project-thumb {

    background-position: center center;

    background-size: cover;

    height: 360px;

}

.project-thumbnail-wrap {

    display: block;

    position: relative;

}

.single-finance-project-wrap {

    overflow: hidden;

    margin: 15px 0;

}

.finance-project-hover {

    position: absolute;

    left: 0;

    top: 50%;

    z-index: 9999;

    text-align: center;

    color: #fff;

    width: 100%;

    margin-top: -38px;

}

.finance-project-inner {

    margin-top: 0px;

    font-size: 13px;

}

.finance-project-inner a {

    color: #fff!important;

}

.finance-project-inner h3 {

    font-size: 18px;

    color: #fff;

    margin: 0 0 30px !important;

    line-height: 25px;

    position: relative;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    top: -20px;

    opacity: 0;

    filter: Alpha(opacity=0);

}

.finance-project-inner p {

    margin: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    top: 30px;

    opacity: 0;

    filter: Alpha(opacity=0);

    position: relative;

}

.finance-project-inner h3:before {

    position: absolute;

    left: 50%;

    bottom: -18px;

    width: 40px;

    height: 5px;

    content: '';

    margin-left: -20px;

}

.finance-project-column-4 .finance-project-inner h3:before {

    bottom: -6px;

    width: 35px;

    height: 4px;

    margin-left: -17.5px;

}

.single-finance-project-wrap:hover .project-thumbnail-wrap:after {

    opacity: 1;

    filter: Alpha(opacity=100);

}

.single-finance-project-wrap:hover .finance-project-inner h3 {

    opacity: 1;

    filter: Alpha(opacity=100);

    top: 0;

}

.single-finance-project-wrap:hover .finance-project-inner p {

    opacity: 1;

    filter: Alpha(opacity=100);

    top: 0;

}

.project-thumb-loading {

    color: #333;

    left: 0;

    line-height: 30px;

    margin-top: -15px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 100%;

    z-index: 1;

}

.project-hover-link {

    color: #fff;

    left: 50%;

    margin-left: -55px;

    margin-top: -23px;

    opacity: 0;

    filter: Alpha(opacity=0);

    position: absolute;

    top: 60%;

    -webkit-transition: all 0.2s ease 0s;

    transition: all 0.2s ease 0s;

    visibility: visible;

    z-index: 999;

    text-align: center;

}

.project-hover-link i.fa {

    width: 43px;

    height: 43px;

    margin: 0 5px;

    display: inline-block;

    line-height: 40px;

    text-align: center;

    background-color: transparent;

    border: 2px solid #fff;

    border-radius: 50%;

    font-size: 15px;

}

.single-finance-project-wrap:hover .project-hover-link {

    opacity: 1;

    filter: Alpha(opacity=100);

    top: 50%;

    visibility: visible;

    z-index: 9;

}

.project-thumbnail-wrap {

    z-index: 1;

}

.project-thumbnail-wrap:after {

    background-color: rgba(0, 0, 0, 0.75);

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    filter: Alpha(opacity=0);

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 100%;

    z-index: 2;

}

.single-finance-project-wrap:hover .project-thumbnail-wrap:after {

    opacity: 1;

    filter: Alpha(opacity=100);

    visibility: visible;

}

.finance-project-thumb {

    position: relative;

    z-index: 2;

}

.project-thumbnail-wrap {

    background-color: #ddd;

}

.loadmore-project-btn {

    cursor: pointer;

    display: inline-block;

    padding: 11px 31px;

    text-transform: uppercase;

    -webkit-transition: .3s ease-in;

    transition: .3s ease-in;

    font-size: 13px;

    font-weight: 700;

	background: #0052a5;

    color: #ffffff;

}

.loadmore-project-btn:hover {

	color: #fff;

    background-color: #333333;

}

.load-more-projects-wrap {

    margin-top: 30px;

    text-align: center;

}

.finance-project-categories.finance-project-category-style-3 {

    margin: 0px 0 0px;

    text-align: center;

}

.finance-project-categories.finance-project-category-style-2 {

    margin: 0px 0 0px;

    text-align: left;

}

.finance-project-categories.finance-project-category-style-2 li {

    padding-left: 0;

    padding-right: 30px;

}

.single-finance-project-wrap.col-md-4 .finance-project-thumb {

    height: 260px;

}

.single-finance-project-wrap.col-md-3 .finance-project-thumb {

    height: 220px;

}

.single-finance-project-wrap.col-md-3 .finance-project-inner {

    padding: 10px;

    font-size: 13px;

}

.single-finance-project-wrap.col-md-3 .finance-project-inner h3 {

    font-size: 18px;

    margin-bottom: 10px!important;

}

/******------------------------------

-----------Project Details CSS------------

------------------------------******/



.project_image {

    display: block;

    width: 100%;

    margin-bottom: 50px;

}

.project_image img {

    width: 100%;

}

.project-meta-infos {

    border-top: 1px solid #ddd;

    padding-top: 40px;

    padding-bottom: 55px;

    border-bottom: 1px solid #ddd;

}

.project-meta-item-wrap {

    overflow: hidden;

    position: relative;

}

.project-meta-item {

    display: inline-block;

    width: 25%;

    text-align: center;

    float: left;

    vertical-align: top;

    position: relative;

    margin: 0 0px 15px 0px;

}

.project-meta-item .project-meta-title {

    display: block;

    text-transform: uppercase;

    margin-bottom: 0px;

    color: #666;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: -.4px;

}

.project-meta-item .project-meta-desc {

    letter-spacing: -.4px;

    font-weight: bold;

    font-size: 14px;

    color: #222;

}

.portfolio-content {

    font-size: 17px;

    font-weight: 300;

    color: #333;

}

.portfolio-content h1 {

    margin-top: 0!important;

    margin-bottom: 15px!important;

}

.portfolio-content p {

    margin-bottom: 25px;

}

.portfolio-content h1 {

    margin-bottom: 30px!important;

}

/******------------------------------

-----------Brands CSS------------

------------------------------******/



.brand-carousel {

    padding: 0;

}

.brand-item-table {

    display: table;

    padding: 10px;

}

.brand-item-tablecell {

    display: table-cell;

    vertical-align: middle;

}

.brand-carousel .owl-nav div {

    position: absolute;

    top: 50%;

    width: 40px;

    height: 40px;

    color: #fff;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.5);

    font-size: 24px;

    line-height: 40px;

    margin-top: -20px;

    left: 0px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

    filter: Alpha(opacity=0);

    visibility: hidden;

    z-index: -1;

}

.brand-carousel .owl-nav div:hover {

    background: #222222;

    color: #ffffff;

}

.brand-carousel .owl-nav div.owl-next {

    left: auto;

    right: 0px;

}

.brand-carousel:hover .owl-nav div {

    visibility: visible;

    opacity: 1;

    filter: Alpha(opacity=100);

    z-index: 9;

    left: 20px;

}

.brand-carousel:hover .owl-nav div.owl-next {

    left: auto;

    right: 20px;

}

.brand-carousel .owl-dots div {

    background-color: #000000;

    display: inline-block;

    height: 5px;

    margin: 5px;

    opacity: 1;

    filter: Alpha(opacity=100);

    width: 25px;

}

.brand-carousel .owl-dots {

    bottom: -15px;

    left: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.brand-carousel .owl-dots div.active {

    background-color: #18ba60;

}

/******------------------------------

-----------Cta CSS------------

------------------------------******/



.finance-cta-box {

    text-align: left;

    font-size: 17px;

    color: #fff;

    position: relative;

}

.cta-box-text {

    padding-right: 200px;

}

.finance-cta-box h1 {

    color: #fff;

    font-size: 45px;

    margin-bottom: 20px;

}

.cta-box-text {

    font-size: 25px;

    margin: 0;

    font-weight: 600;

    letter-spacing: 1.5px;

}

.cta-btn {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    padding: 10px 35px;

    text-transform: uppercase;

    margin: 0px auto auto;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -23.5px;

    text-align: center;

    font-weight: 600;

    border: 2px solid;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    border-radius: 3px;

}

.cta-btn:hover {

    background-color: transparent;

    color: #fff;

    border: 2px solid #0052a5;

}

/******------------------------------

-----------Gallery Addon CSS------------

------------------------------******/



.single-gallery-item {

    display: block;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}

.single-gallery-item a {

    display: block;

    position: relative;

    overflow: hidden;

}

.single-gallery-item img {

    width: 100%;

    height: auto;

    position: relative;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all .45s cubic-bezier(0.25, .46, .47, .83);

    transition: all .45s cubic-bezier(0.25, .46, .47, .83);

}

.single-gallery-item:hover img {

    -webkit-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

    -webkit-transform-origin: center center;

    transform-origin: center center;

}

.gallery-overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: block;

    text-align: center;

    z-index: 99;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    opacity: 0;

    filter: Alpha(opacity=0);

}

.gallery-overlay:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .6);

}

.single-gallery-item .gallery-overlay .overlay-icon {

    width: 100%;

    height: 100%;

    display: table;

    position: relative;

    z-index: 999;

}

.single-gallery-item .gallery-overlay i {

    display: table-cell;

    vertical-align: middle;

    color: #fff;

    font-size: 25px;

    opacity: 0;

    filter: Alpha(opacity=0);

    -webkit-transition: opacity .6s ease-in-out;

    transition: opacity .6s ease-in-out;

}

.single-gallery-item:hover .gallery-overlay {

    opacity: 1;

    filter: Alpha(opacity=100);

}

.single-gallery-item:hover .gallery-overlay i {

    opacity: 1;

    filter: Alpha(opacity=100);

}

.finance-gallery-wrap .full-width-gallery [class*=' col-'] {

    padding-right: 0;

    padding-left: 0;

}

.finance-gallery-wrap .full-width-gallery {

    margin-right: 0;

    margin-left: 0;

}

.finance-gallery-wrap .full-width-gallery .single-gallery-item {

    margin-bottom: 0;

}

/******------------------------------

-----------Count Box CSS------------

------------------------------******/



.finance-count-box {

    text-align: left;

    font-size: 14px;

}

.finance-count-box h1 {

    font-size: 40px;

    margin-bottom: 5px!important;

    line-height: 45px;

}

.finance-count-box p {

    margin-bottom: 20px;

}

/******------------------------------

-----------Section Title CSS------------

------------------------------******/



.finance-section-title {

    text-align: center;

}

.finance-section-title h2 {

    font-size: 28px;

    font-weight: bold;

    position: relative;

    line-height: 35px;

    padding-bottom: 20px;

    margin-top: 0!important;

    color: #222222;

}

.title-des {

    font-size: 15px;

}

.finance-section-title h2:before {

    position: absolute;

    left: 50%;

    bottom: 3px;

    content: '';

    width: 45px;

    height: 6px;

    opacity: 0.75;

    filter: Alpha(opacity=75);

    margin-left: -22.5px;

    z-index: 9;

    border-radius: 0px;

}

/******------------------------------

-----------Video Addon CSS------------

------------------------------******/



.flex-mod {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.flex-mod iframe,

.flex-mod object,

.flex-mod embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.video-modal {

    position: relative;

    display: block;

    z-index: 1;

}

.video-modal {

    background-size: cover;

    background-position: center;

    width: 100%;

    height: 350px;

}

.video-modal:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: #000 none repeat scroll 0 0;

    opacity: 0.1;

    filter: Alpha(opacity=10);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.video-modal:hover:after {

    opacity: 0.5;

    filter: Alpha(opacity=50);

}

.video-icon i {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    font-size: 25px;

    width: 50px;

    height: 50px;

    margin-left: -25px;

    margin-top: -25px;

    background: #fff;

    border-radius: 50%;

    text-align: center;

    line-height: 53px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    padding-left: 5px;

}

.video-icon i:hover {

    color: #333;

}

/******------------------------------

-----------Skillbar CSS------------

------------------------------******/



.skillbar {

    position: relative;

    display: inline-block;

    margin: 0px 0;

    width: 100%;

    background-color: #000033;

    height: 12px;

    border-radius: 0px;

    width: 100%;

}

.skillbar-title {

    font-size: 15px;

    color: #333333;

    display: block;

    margin-bottom: 8px;

    font-weight: 600;

}

.skillbar-bar {

    height: 12px;

    width: 0px;

    border-radius: 0px;

    display: inline-block;

    margin-bottom: 8px;

}

.skill-bar-percent {

    position: absolute;

    right: 10px;

    top: -25px;

    font-size: 13px;

    color: #333;

    font-weight: 600;

}

.finance-skill-wrap {

    margin-bottom: 3px;

}