/*
///// CSS Index \\\\\\
    01. Slide css
    02. Section title css
    03. Service box
    04. Counter box
    05. Staff css
    06. Testimonial css
    07. Post box css
    08. Cta box css
    09. Logo Carousel css
    10. Boxed info css
    11. Project css
    12. Responsive CSS
*/


/*
******************************
>>> 00. Common css
******************************
*/

.slider-preloader-wrap {
    height: 610px;
}

.preloader2 {
    display: inline-block;
    height: 8px;
    padding: 0;
    width: 72px;
}
.preloader2 span {
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000000;
    opacity: 0.2;
    -webkit-animation: preloader21 2s linear infinite alternate;
    animation: preloader21 2s linear infinite alternate;
}
.preloader2 span:nth-child(2) {
    animation-name: preloader22;
    -webkit-animation-name: preloader22;
}
.preloader2 span:nth-child(3) {
    animation-name: preloader23;
    -webkit-animation-name: preloader23;
}
.preloader2 span:nth-child(4) {
    animation-name: preloader24;
    -webkit-animation-name: preloader24;
}
.preloader2 span:nth-child(5) {
    animation-name: preloader25;
    -webkit-animation-name: preloader25;
}
@keyframes preloader21 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 64px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader21 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 64px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader22 {
    0% {
        margin-left: 0px;
    }
    37.5% {
        margin-left: 48px;
    }
    87.5% {
        margin-left: 48px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader22 {
    0% {
        margin-left: 0px;
    }
    37.5% {
        margin-left: 48px;
    }
    87.5% {
        margin-left: 48px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader23 {
    0% {
        margin-left: 0px;
    }
    25% {
        margin-left: 32px;
    }
    75% {
        margin-left: 32px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader23 {
    0% {
        margin-left: 0px;
    }
    25% {
        margin-left: 32px;
    }
    75% {
        margin-left: 32px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader24 {
    0% {
        margin-left: 0px;
    }
    12.5% {
        margin-left: 16px;
    }
    62.5% {
        margin-left: 16px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader24 {
    0% {
        margin-left: 0px;
    }
    12.5% {
        margin-left: 16px;
    }
    62.5% {
        margin-left: 16px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader25 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 0px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader25 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 0px;
    }
    100% {
        margin-left: 64px;
    }
}
.counsel-padding-right {
    padding-right: 50px;
}
.preloader-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 99;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.spinner2 {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #ff8c27;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}
.vc_row {
    overflow-x: hidden;
}
.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.overlay, .vc_row.color-overlay {
    color: #fff;
    position: relative;
    z-index: 9;
}
.vc_row.overlay::after, .vc_row.color-overlay::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.overlay h1,
.overlay h2,
.overlay h3,
.overlay h4,
.overlay h5,
.overlay h6 {
    color: #fff;
}

/*
******************************
>>> 01. Slide css
******************************
*/

.single-counsel-slide-item {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    height: 615px;
    position: relative;
    z-index: 9;
}
.counsel-slide-table {
    display: table;
    height: 100%;
    width: 100%;
}
.counsel-slide-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.counsel-slide-text {
    color: #fff;
    text-align: center;
}
.counsel-slide-text h2 {
    font-size: 48px;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #fff
}
.counsel-btn {
    border-radius: 50px;
}
.counsel-slide-buttons a.counsel-btn {
    margin: 10px;
}
.counsel-slide-text > *:nth-child(1) {
    animation-duration: .3s;
    animation-delay: 0s;
}
.counsel-slide-text > *:nth-child(2) {
    animation-duration: .3s;
    animation-delay: .3s;
}
.counsel-slide-text > *:nth-child(3) {
    animation-duration: .3s;
    animation-delay: .6s;
}
.counsel-slide-text > *:nth-child(4) {
    animation-duration: .3s;
    animation-delay: .9s;
}
.counsel-slides .owl-nav div {
    color: #fff;
    font-size: 20px;
    height: 55px;
    left: 0;
    line-height: 55px;
    margin-top: -27.5px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 55px;
    z-index: -1;
}
.counsel-slides .owl-nav div::after {
    background: #f98a36 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.counsel-slides .owl-nav div i.fa {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #717171;
    height: 45px;
    left: 5px;
    line-height: 45px;
    position: absolute;
    top: 5px;
    width: 45px;
}
.counsel-slides .owl-nav div.owl-next {
    left: auto;
    right: 0;
}
.counsel-slides:hover .owl-nav div.owl-next {
    right: 50px;
    left: auto;
}
.counsel-slides:hover .owl-nav div {
    left: 50px;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

/*
******************************
>>> 02. Section title css
******************************
*/

.section-title-sep span.section-title-line {
    background: #333 none repeat scroll 0 0;
    height: 1px;
    margin-top: 6.5px;
    width: 40px;
}
.section-title-sep span {
    display: block;
    float: left;
    margin: 2px;
}
.section-title-dot {
    background: #fd8b37 none repeat scroll 0 0;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}
.section-title-sep {
    display: inline-block;
}
.counsel-section-title {
    margin-bottom: 80px;
    text-align: center;
}
.counsel-section-title h2 {
    color: #333;
    margin: 0 0 10px;
    text-transform: uppercase;
}

/*
******************************
>>> 03. Service box
******************************
*/

.counsel-service-box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 7px #ddd;
    margin-top: 10px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
    display: block;
    color: #666
}
.counsel-service-box h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 15px 0;
    text-transform: none;
}
.counsel-service-box p:last-child {
    margin: 0;
}
.counsel-service-box:hover {
    box-shadow: 0 6px 10px #ddd;
}
.service-box-imgage-wrap {
    height: 50px;
    margin-bottom: 20px;
}
.service-box-imgage-wrap img {
    max-height: 50px;
}
.service-box-imgage-table {
    display: table;
    height: 100%;
    width: 100%;
}
.service-box-imgage-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.counsel-service-box.counsel-service-box-style-2 {
    border: 1px solid #eeeeee;
    box-shadow: 0 0 0;
    text-align: left;
}
.counsel-service-box {
    margin-bottom: 30px;
}
.counsel-service-box.counsel-service-box-style-2:hover {
    border-color: #f98a36;
}

/*
******************************
>>> 04. Counter box
******************************
*/

.error_content {
    padding-bottom: 40px;
}
.counsel-counter-box {
    background: #f98a37 none repeat scroll 0 0;
    color: #fff;
    font-family: roboto slab;
    font-size: 18px;
    padding: 15px;
    text-align: center;
}
.counsel-counter-box h2 {
    color: #fff;
    font-size: 50px;
    margin: 0;
}
.counsel-counter-box p {
    margin: 0;
}

/*
******************************
>>> 05. Staff css
******************************
*/

.staff_img_wrap {
    border: 3px solid #dadada;
    border-radius: 50%;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    width: 80px;
}
.counsel-single-staff {
    border: 1px solid #dadada;
    padding: 30px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.counsel-single-staff:hover {
    background-color: #f5f5f5;
}
.counsel-staff-img {
    overflow: hidden;
    position: relative;
    z-index: 9;
}
ul.counsel-staff-social-link {
    list-style: outside none none;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9;
    margin-top: 25px;
}
.counsel-staff-social-link li {
    display: inline-block;
}
.counsel-staff-social-link li a {
    color: #fff;
    font-size: 14px;
    margin: 2px 4px;
    background-color: #33bdfd;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 3px;
}
.counsel-staff-social-link li a i {}
.counsel-staff-social-link li:hover a i {
    transform: rotate(-90deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.counsel-staff-social-link li:hover a {
    background-color: #ff8c27;
    color: #fff;
    transform: rotate(90deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.counsel-single-staff:hover ul.counsel-staff-social-link {
    bottom: 0;
}
.counsel-staff-detail h4 {
    margin: 0 0 5px;
    text-transform: none;
}
.counsel-staff-detail {
    margin-top: 20px;
    text-align: center;
}
.counsel-single-staff {
    margin-bottom: 50px;
}

.vc_row.color-overlay::after {background: #fd8b37 none repeat scroll 0 0;}
.vc_row.color-overlay {color: #333}
.color-overlay .vc_column-inner > .wpb_wrapper {
    padding: 30px;
}
.color-overlay h3 {
    color: #fff;
}
.color-overlay .vc_tta-panel {
    margin-bottom: 10px;
}

/*
******************************
>>> 06. Testimonial css
******************************
*/

.testimonial-preloader-wrap {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 40px;
    text-align: center;
}
.testimonial-author-photo img {
    border-radius: 50%;
    margin: 0 auto;
    max-width: 150px;
}
.testimonial-inner-title h4 {
    margin: 15px 0;
    text-transform: none;
}
.counsel-testimonials .owl-dots div {
    background: #d1d1d1 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 3px;
    width: 10px;
}
.counsel-testimonials .owl-dots div.active {
    background-color: #fd8b37;
}
.counsel-testimonials .owl-dots {
    margin-top: 15px;
}
.testimonial-preloader-wrap h3 {
    margin: 0 0 50px;color: #333
}

/*
******************************
>>> 07. Post box css
******************************
*/

.cs-single-post-block h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: none;
}
.cs-post-block-date {
    color: #bfb5b5;
    font-size: 13px;
}
.dc-post-readmore {
    color: #333;
    font-weight: 400;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.dc-post-readmore:hover {
    color: #fd8b37;
}
.cs-single-post-block {
    margin-bottom: 50px;
}

/*
******************************
>>> 08. Cta box css
******************************
*/

.counsel-cta-box {
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
    width: 80%;
}
.counsel-cta-info {
    max-width: 50%;
}
.counsel-btn.counsel-cta-btn {
    background: #fd8b37 none repeat scroll 0 0;
    font-weight: 700;
    line-height: 30px;
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 50%;
}
.counsel-cta-info h3 {}
.counsel-cta-info h3 {
    margin: 0 0 15px;
}
.counsel-cta-info p:last-child {
    margin: 0;
}

/*
******************************
>>> 09. Logo Carousel css
******************************
*/

.counsel-logo-table img {
    display: block;
    margin: 0 auto;
    width: inherit !important;
}
.counsel-logo-table {
    display: table;
    height: 100%;
    width: 100%;
}
.counsel-logo-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.counsel-logo-carousel .owl-nav div {
    border: 1px solid #ddd;
    color: #333;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    left: -50px;
    line-height: 26px;
    margin: 5px;
    text-align: center;
    width: 30px;
}
.counsel-logo-carousel {
    padding: 50px 0;
}
.counsel-logo-carousel .owl-nav {
    margin-top: 20px;
    text-align: center;
}
.counsel-btn.counsel-iconic-btn {
    background-color: #fd8b37;
    border-color: #fd8b37;
    border-radius: 0;
    font-weight: 700;
    display: block;
    text-align: center
}
.counsel-btn.counsel-iconic-btn i.fa {
    padding-right: 10px;
}
.counsel-btn.counsel-iconic-btn:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

/*
******************************
>>> 10. Boxed info css
******************************
*/

.counsel-boxed-info {
    background: #f0f0f0 none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 15px 25px 15px 90px;
    position: relative;
}
.counsel-boxed-info i.fa {
    background: #fd8b37 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    height: 50px;
    left: 25px;
    line-height: 50px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}
.counsel-boxed-info p:last-child {
    margin: 0;
}

/*
******************************
>>> 11. Project css
******************************
*/

.single-counsel-project-wrap {
    margin-bottom: 50px;
}
.counsel-project-thumb {
    background-position: center center;
    color: #333;
    display: block;
    height: 350px;
    text-align: center;
    position: relative;
    z-index: 99
}
.project-thumbnail-wrap {
    display: block;
    position: relative;
    background: #ddd;
}
.project-thumb-loading {
    color: #333;
    left: 0;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.counsel-project-inner a {
    color: #666;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.counsel-project-inner a:hover {
    color: #fd8b37;
}
.counsel-project-inner h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
    text-transform: none;
}
.counsel-project-inner {
    font-size: 12px;
    margin-top: 15px;
}
ul.counsel-project-categories {
    font-family: roboto slab;
    font-weight: 700;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}
.counsel-project-categories li {
    cursor: pointer;
    display: inline-block;
    padding: 20px;
}
.counsel-project-categories li.active {
    color: #fd8b37;
}
.load-more-projects-wrap {
    text-align: center;
}
.loadmore-project-btn {
    background: #fd8b37 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    padding: 10px 30px;
}

.projectmore-loading-text {
    text-align: center;
}

.counsel-project-info-item {
    font-family: roboto slab;
    font-size: 15px;
}
.counsel-project-info-item label {
    display: inline-block;
    min-width: 40%;
}
.counsel-related-projects {
    margin-top: 50px;
}
.counsel-related-projects h4 {
    margin: 0 0 30px;
    text-transform: none;
}
.single-related-project {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 130px;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}
.single-related-project i.fa {
    color: #fff;
    font-size: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 60%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 20px;
    z-index: -1;
}
.single-related-project:hover i.fa {
    opacity: 1;
    top: 50%;
    visibility: visible;
    z-index: 9;
}
.single-related-project::after {
    background: #fd8b37;
    content: "";
    height: 86%;
    left: 7%;
    opacity: 0;
    position: absolute;
    top: 7%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 86%;
    z-index: -1;
}
.single-related-project:hover::after {
    opacity: 0.8;
    visibility: visible;
}
.single-project .entry-content h3 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    text-transform: none;
}
.single-project .entry-content h3::after {
    background: #fd8b37 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a i:after,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    background: #ff8c27;
    color: #ffffff!important;
    border-color: #fff;
}
.slicknav_menu {
    display: none;
}

/*******************
***** 12. Responsive CSS
********************/


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counsel-single-staff {
        padding: 20px 10px;
        margin-right: -10px;
        margin-left: -10px;
    }
    .counsel-service-box {
        margin-right: -10px;
        margin-left: -10px;
        padding: 30px 5px;
        box-shadow: 0 0 7px #ddd;
    }
    .counsel-service-box.counsel-service-box-style-2 {
        margin-right: -5px;
        margin-left: -5px;
        padding: 20px;
    }
    .cs-single-post-block {
        min-height: 385px;
    }
    .slicknav_menu {
        display: block;
    }
    .color-overlay .vc_column-inner > .wpb_wrapper {
      padding: 0;
    }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .counsel-slides .owl-nav div{
        top: 100%;
        margin-top: -60px;
    }
    img.alignright{
        margin-left: 0!important;
        margin-bottom: 10px!important;
    }
    .slicknav_menu {
        display: block;
    }
    .counsel-cta-info{
        max-width: 100%; 
        text-align: center;
    }
    .counsel-btn.counsel-cta-btn{
        position: static;
        margin: 20px auto 0 ;
    }
    .counsel-cta-box{
        text-align: center;
    }
    .color-overlay .vc_column-inner > .wpb_wrapper {
      padding: 0;
    }
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}