/*////////////////tabs css //////////////////*/

/* ===============================================
    18.Tab
------------------------*/
.ttm-tabs ul.tabs{
    width:100%; 
    padding: 0;
    margin: 0;
}
.ttm-tabs ul.tabs li{ 
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.ttm-tabs ul.tabs li:last-child{
    margin-bottom: 0;
}
.ttm-tabs .content-tab .content-inner {
    display: none;
}
.ttm-tabs .content-tab .content-inner.active {
    display: block;
}


/* ttm-tab-style-01 */
.ttm-tabs.ttm-tab-style-01 ul.tabs { 
    margin: 15px 0 20px;
    display: flex;
    width: 100%;
}
.ttm-tabs.ttm-tab-style-01 ul.tabs li a{
    display: block;
    cursor: pointer;
    padding: 18px 28px 23px;
    margin-bottom: 0px;
    width: auto;
    color: #7a8a9e;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    position: relative;
    background-color: #fff;
    border: 0;
    margin: 0 5px 25px;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    text-transform: capitalize;
}
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 14px solid #fff;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
}
.ttm-tabs.ttm-tab-style-01 ul.tabs li a i {
    display: block;
    font-size: 44px;
    line-height: 60px;
    font-weight: 400;
    font-weight: normal;
}
.ttm-tabs.ttm-tab-style-01 .content-inner h3 {
    font-size: 32px;
    line-height: 40px;
}
.ttm-tabs.ttm-tab-style-01 .content-tab {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgba(41,61,88,.18);
    -moz-box-shadow: 0 0 7px 0 rgba(41,61,88,.18);
    box-shadow: 0 0 7px 0 rgba(41,61,88,.18);
}


/* ttm-tab-style-02 */
.ttm-tabs.ttm-tab-style-02 ul.tabs li { 
    padding: 20px 20px;
    font-size: 24px;
    display: block;
    font-weight: bold;
    border: 1px solid #eeeeee;
    box-shadow: 0 0 10px 0 rgb(43 52 59 / 9%);
    margin-bottom: 13px;
    border-radius: 6px;
    border-left: 4px solid transparent;
}
.ttm-tabs.ttm-tab-style-02 ul.tabs li:last-child { margin-bottom: 0;}
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active:after {
    content: "";
    position: absolute;
    background: #e6e6e6;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -5px;
    height: 5px;
}
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active {
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%);
}
.ttm-tabs.ttm-tab-style-02 ul.tabs li:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
}
.ttm-tabs.ttm-tab-style-02 ul.tabs li i {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 40px;
    position: absolute;
}
.ttm-tabs.ttm-tab-style-02 ul.tabs li h3 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    padding-left: 58px;
    margin-bottom: 0;
    transition: all 500ms ease;
}
.ttm-tabs.ttm-tab-style-02 {
    padding-top: 15px;
}


.ttm-tabs.ttm-tab-style-03 ul.tabs{
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
}
.ttm-tabs.ttm-tab-style-03 ul.tabs li {
    display: inline-block;
    margin: 0 5px;
}
.ttm-tabs.ttm-tab-style-03 ul.tabs li a {
    display: block;
    cursor: pointer;
    padding: 10px 25px;
    margin-bottom: 5px;
    line-height: 22px;
    width: auto;
    position: relative;
    z-index: 3;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e0e0e0;
}


/* ttm-tab-style-vertical */
.ttm-tabs.ttm-tab-style-vertical{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.ttm-tabs.ttm-tab-style-vertical .content-tab { 
    padding: 0; margin: 0;
    padding-left: 30px;
}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li { 
    margin-top: 1px; 
    width: 100%; 
    display: block;
}
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a{ 
    color: #fff;
    display: block;
    padding: 14px 20px; 
    font-size: 17px; 
    line-height: 25px; 
    margin: 0; 
    border-radius: 0;
}

.ttm-textcolor-darkgrey, .ttm-textcolor-darkgrey p, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h1, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h2, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h3, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h4, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h5, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h6, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey p, :not(.ttm-bgcolor-skincolor) .ttm-textcolor-darkgrey span, .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey, .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover, .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white i, .ttm-btn-style-fill.ttm-btn-color-skincolor:hover, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover, .ttm-textcolor-white .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover, .ttm-btn-color-dark, .ttm-btn-color-skincolor:hover, .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white, .ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white, .ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white, .ttm-btn-style-fill.ttm-btn-color-white, .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover, .ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:hover, .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover, .ttm-icon_element-color-darkgrey, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey > i, .ttm-icon_element-color-darkgrey:not(.ttm-icon_element-fill) i, .ttm-progress-bar .progressbar-title, .ttm-progress-bar .progress-bar-percent, .featured-imagebox-portfolio.style5 .featured-content .featured-title h3 a:hover, .ttm-blog-single .ttm-social-share-wrapper .ttm-social-share-title, .ttm-bgcolor-skincolor .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a, ul.footer-nav-menu li, .ttm-tabs.ttm-tab-style-01 ul.tabs li a i, .ttm-toggle-title-bgcolor-white .toggle-title a, .ttm-p_table-features li:before {
 color: #3a4386;
}

.ttm-bgcolor-skincolor, .ttm-bgcolor-skincolor > .ttm-bg-layer, .ttm-bgcolor-skincolor > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, .ttm-icon_element-fill.ttm-icon_element-color-skincolor, .ttm-btn-style-fill.ttm-btn-color-skincolor, .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after, .ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:before, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:before, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:before, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover:after, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after, .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:before, .ttm-bgcolor-grey .tooltip:after, .ttm-bgcolor-grey [data-tooltip]:after, .ttm-bgcolor-darkgrey .tooltip:after, .ttm-bgcolor-darkgrey [data-tooltip]:after, .ttm-textcolor-skincolor .tooltip:after, .ttm-textcolor-skincolor [data-tooltip]:after, .slick_slider.slick-dots-style1 .slick-dots li.slick-active button, .slick_slider.slick-dots-style2 .slick-dots li.slick-active button, .slick_slider.slick-arrows-style3 .slick-arrow:hover, .slick_slider.slick-arrows-style4 .slick-arrow:hover, .slick_slider.slick-arrows-style1 .slick-prev:hover, .slick_slider.slick-arrows-style1 .slick-next:hover, .header_cart .cart_count, .heading-seperator span:before, nav.main-menu ul.menu li ul.mega-submenu li a:before, #site-header-menu .site-navigation .sep-img, .ttm-header-style-03 .social-icons li a:hover, .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a, .ttm-tabs.ttm-tab-style-01 ul.tabs li:hover a, .side-menu a, .ttm-pf-single-detail-box .ttm-pf-single-title h3:after, .ttm-pf-single-detail-box ul li i, .featured-imagebox-services.style1 .featured-content .ttm-btn:hover span, .featured-icon-box.icon-align-top-content.style2:before, .featured-icon-box.icon-align-top-content.style2:hover a.di_link, .featured-imagebox-portfolio.style1 .ttm-media-link a, .progress-bar-inner .progress-bar.progress-bar-color-bar_skincolor:before, .testimonials.ttm-testimonial-box-view-style2 .testimonial-content blockquote::before, .testimonials.ttm-testimonial-box-view-style3 .testimonial-content .quote-icon::after, .featured-imagebox-post.style3 .featured-content-post .cat_block-wrapper, .featured-imagebox-post.style3 .featured-title:before, .social-icons.circle li>a:hover, .featured-icon-box.icon-align-top-content.style3:before, .toggle.ttm-toggle_style_border .toggle-title a.active, .ttm-toggle-title-bgcolor-skincolor, .ttm-tabs.ttm-tab-style-03 ul.tabs li.active a, .ttm-tabs.ttm-tab-style-03 ul.tabs li:hover a, .ttm-tabs.ttm-tab-style-vertical ul.tabs li.active a, .ttm-tabs.ttm-tab-style-vertical ul.tabs li:hover a, .testimonials.ttm-testimonial-box-view-style4 .testimonial-avatar:before, .widget.widget-nav-menu ul li:hover a:before, .widget.widget-nav-menu ul li.active a:before, .featured-imagebox-portfolio.style2 .ttm-media-link a:hover, .featured-imagebox-portfolio.style3 .ttm-media-link a.ttm_link, .featured-imagebox-portfolio.style4 .ttm-box-view-overlay.ttm-portfolio-box-view-overlay:before, .featured-imagebox-portfolio.style5 .ttm-box-view-overlay.ttm-portfolio-box-view-overlay:before, article.ttm-blog-classic .ttm-box-post-date .ttm-entry-date, .ttm-blog-classic .entry-header .entry-title:before, .ttm-blog-classic .ttm-blog-classic-content:before, .widget .tagcloud a:hover, .featured-imagebox-post.style4 .ttm-box-post-date, .featured-imagebox-post.style4 .post-header:before, .ttm-progress-bar .progress-bar.progress-bar-color-bar_skincolor, .featured-imagebox-services.style4:hover .more-button, .featured-imagebox-services.style5 .featured-header .featured-title:before, .featured-imagebox-team.style2 .media-block .social-icons li a, .featured-imagebox-team.style1 .media-block .social-icons li a:hover, .featured-imagebox-team.style2 .media-block a.media-btn:hover, .featured-imagebox-team.style3 .featured-content:after, .featured-imagebox-team.style3 .featured-content:before, .featured-imagebox-team.style3 .media-block .social-icons li a:hover, .featured-imagebox-team.style4 .media-block a.media-btn, .featured-imagebox-team.style4 .media-block .social-icons li a:hover, .pagination-block .page-numbers:hover, .pagination-block .page-numbers.current, #totop.top-visible, .progress-bar-color-bar_white.progress-bar, .progress-bar-color-bar_white.progress-bar:before, .ttm-progress-bar .progress-bar.progress-bar-color-bar_skincolor, .progress-bar-inner .progress-bar.progress-bar-color-bar_skincolor:before, .footer .widget .widget-title:before, .footer .widget .widget-title:after, .testimonials.ttm-testimonial-box-view-style1:hover .testimonial-content:after, .featured-icon-box.style3:hover .featured-icon:before, .widget.widget-nav-menu ul li.active a, .widget.widget-nav-menu ul li:hover a, .ttm-fid.inside.ttm-fid-with-icon.style1 .ttm-fid-icon-wrapper i, .featured-imagebox-post.style1 .ttm-box-post-date, .post-category, .testimonials.ttm-testimonial-box-view-style2 .testimonial-content:before, .featured-imagebox-team.style2 .media-block .media-btn, .sidebar .widget-area .widget:before, .sidebar .widget.widget-search .search-form .btn[type="submit"] {
  background-color: #3a4386;
    color: #fff;
}

.ttm-bgcolor-darkgrey .tooltip-top:before, .ttm-bgcolor-darkgrey .tooltip:before, .ttm-textcolor-skincolor .tooltip-top:before, .ttm-textcolor-skincolor .tooltip:before, .ttm-bgcolor-grey .tooltip-top:before, .ttm-bgcolor-grey .tooltip:before, .ttm-bgcolor-grey [data-tooltip]:before, .ttm-bgcolor-skincolor .bottom-angle, .featured-icon-box.style1:hover:before, nav.main-menu, .header_search .header_search_content, .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a:after {
    border-top-color: #3a4386;
}


/** 3.White-color **/
.ttm-textcolor-white, .ttm-bgcolor-skincolor a, .ttm-textcolor-white a, 
.ttm-btn-color-white, .ttm-icon_element-color-white, .ttm-icon_element-color-white > i, 
.ttm-bgcolor-skincolor i, .ttm-bgcolor-darkgrey i,
.ttm-bgcolor-skincolor .ttm-icon_element-color-white i, .ttm-bgcolor-darkgrey .ttm-icon_element-color-white i,
.ttm-textcolor-white h1, .ttm-textcolor-white h2, .ttm-textcolor-white h3, 
.ttm-textcolor-white h4, .ttm-textcolor-white h5, .ttm-textcolor-white h6, .ttm-textcolor-white a,
.ttm-bgcolor-skincolor h1, .ttm-bgcolor-skincolor h2, .ttm-bgcolor-skincolor h3, 
.ttm-bgcolor-skincolor h4, .ttm-bgcolor-skincolor h5, .ttm-bgcolor-skincolor h6, .ttm-bgcolor-skincolor a,
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-white span:not(.ttm-textcolor-skincolor),
.ttm-bgcolor-darkgrey h1, .ttm-bgcolor-darkgrey h2, .ttm-bgcolor-darkgrey h3, 
.ttm-bgcolor-darkgrey h4, .ttm-bgcolor-darkgrey h5, .ttm-bgcolor-darkgrey h6, .ttm-bgcolor-darkgrey a,
.ttm-bgcolor-darkgrey div, .ttm-bgcolor-skincolor div,
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor i, 
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-textcolor-white:not(.ttm-bgcolor-darkgrey) .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover, 
.ttm-bgcolor-skincolor .ttm-btn.btn-inline.ttm-btn-color-white:hover, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor:hover i,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-skincolor i,
.ttm-bgcolor-skincolor .section-title h2.title,
.ttm-bgcolor-darkgrey .section-title h2.title,
.social-icons.circle li>a:hover,
.social-icons.circle li>a:hover i,
.ttm-toggle-title-bgcolor-darkgrey .toggle-title a ,
.ttm-toggle-title-bgcolor-skincolor .toggle-title a ,
.ttm-toggle-title-bgcolor-grey .toggle-title a.active,
.ttm-toggle-title-bgcolor-white .toggle-title a.active,
.toggle.ttm-toggle_style_border .toggle-title a.active,
.slick_slider.slick-arrows-style1 .slick-prev:hover, 
.slick_slider.slick-arrows-style1 .slick-next:hover,
.slick_slider.slick-arrows-style3 .slick-prev:hover, 
.slick_slider.slick-arrows-style3 .slick-next:hover,
.slick_slider.slick-arrows-style4 .slick-prev:hover, 
.slick_slider.slick-arrows-style4 .slick-next:hover,
.ttm-bgcolor-skincolor .ttm-fid.inside .ttm-fid-icon-wrapper i,
.page-title-heading h2, .side-menu a:hover, .side-menu a:hover i,
.ttm-header-style-03 .social-icons li a:hover,
.ttm-header-style-03 .social-icons li a:hover i,
.ttm-bgcolor-skincolor .ttm-progress-bar .progressbar-title,
.ttm-bgcolor-skincolor .ttm-progress-bar .progress-bar-percent,
.ttm-bgcolor-darkgrey .ttm-progress-bar .progressbar-title,
.ttm-bgcolor-darkgrey .ttm-progress-bar .progress-bar-percent,
.ttm-bgcolor-skincolor .inside h3, .ttm-bgcolor-skincolor .inside h3 span:not(.ttm-textcolor-skincolor),
.ttm-bgcolor-darkgrey .inside h3, .ttm-bgcolor-darkgrey .inside h3 span:not(.ttm-textcolor-skincolor),
.featured-imagebox-post.style3 .featured-content-post .cat_block-wrapper span,
.featured-imagebox-post.style3 .featured-content-post .cat_block-wrapper a,
.ttm-tabs.ttm-tab-style-03 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-03 ul.tabs li:hover a,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-01 ul.tabs li:hover a,
.ttm-tabs.ttm-tab-style-01 ul.tabs li:hover a i,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a i,
.toggle.ttm-toggle-title-bgcolor-skincolor .toggle-content p,
.toggle.ttm-toggle-title-bgcolor-darkgrey .toggle-content p,
.featured-imagebox-portfolio.style2 .featured-content .featured-title h3 ,
.featured-imagebox-portfolio.style2 .featured-content .featured-title h3 a,
.featured-imagebox-portfolio.style4 .featured-content .featured-title h3,
.featured-imagebox-portfolio.style4 .featured-content .featured-title h3 a,
.featured-imagebox-portfolio.style5 .featured-content .category, 
.featured-imagebox-portfolio.style5 .featured-content .featured-title h3,
.featured-imagebox-portfolio.style5 .featured-content .featured-title h3 a,
.featured-imagebox-portfolio.style5 .ttm-media-link a.ttm_link:hover, 
.widget .tagcloud a:hover,
.featured-imagebox-services.style4:hover .more-button a,
.featured-imagebox-services.style5:hover .featured-header .featured-title h3 a,
.featured-imagebox-team.style2 .media-block a.media-btn:hover,
.featured-imagebox-team.style3 .media-block a.media-btn:hover,
.featured-imagebox-team.style3 .media-block:hover a.media-btn ,
.featured-imagebox-team.style3 .media-block .social-icons li a:hover ,
.featured-imagebox-team.style4 .media-block a.media-btn,
.featured-imagebox-team.style4 .media-block .social-icons li a:hover,
.featured-imagebox-services.style1:hover .featured-content-services .category,
.featured-imagebox-services.style1:hover .featured-content-services .featured-title a,
.featured-icon-box.icon-align-top-content.box-style2 a.di_link,
.pagination-block .page-numbers:hover,
.pagination-block .page-numbers.current,
a.end_button span:hover,
.widget.widget-nav-menu ul li.active a,
.widget.widget-nav-menu ul li:hover a,
.featured-imagebox-team.style1 .media-block .social-icons li a:hover,
.featured-imagebox-team.style1 .featured-content h3 a,
.featured-imagebox-post.style2 .featured-content h3 a,
.featured-imagebox-post.style2 .featured-content .post-meta span { 
    color: #fff; 
}
.ttm-bgcolor-skincolor p, .ttm-bgcolor-darkgrey p,
.ttm-bgcolor-skincolor span, .ttm-bgcolor-darkgrey span,
.ttm-bgcolor-skincolor i, .ttm-bgcolor-darkgrey i ,
.footer .widget ul.ttm-timelist-block li,
.featured-imagebox-team.style1 .featured-content .team-position {

    color: rgba(255,255,255,.85);
}


/*//////////////////////////////fetured box */

/*
 * Shortcode: clients.scss
 * -----------------------------------------------
*/
.tm-sc-clients .item {
  padding: 15px 10px;
  margin: 15px 0;
  text-align: center; }
  .tm-sc-clients .item img {
    transition: all 0.3s; }
    @media (prefers-reduced-motion: reduce) {
      .tm-sc-clients .item img {
        transition: none; } }

.tm-sc-clients.tm-sc-clients-grid .item {
  margin: 15px 0; }

.tm-sc-clients.clients-animation-grayscale .item img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5; }

.tm-sc-clients.clients-animation-grayscale .item:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1; }

.tm-sc-clients.clients-animation-opacity .item img {
  opacity: .7; }

.tm-sc-clients.clients-animation-opacity .item:hover img {
  opacity: 1; }

.tm-sc-clients.clients-animation-blur .item:hover img {
  -webkit-filter: blur(1px);
  filter: blur(1px); }

.tm-sc-clients.clients-animation-zoom .item img {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95); }

.tm-sc-clients.clients-animation-zoom .item:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.tm-sc-clients.clients-animation-contrast .item:hover img {
  -webkit-filter: contrast(300%);
  filter: contrast(300%); }

.tm-sc-clients.clients-animation-invert .item:hover img {
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.tm-sc-clients.clients-animation-rollover .item {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none; }
  .tm-sc-clients.clients-animation-rollover .item:hover .client-thumb {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }
  .tm-sc-clients.clients-animation-rollover .item:hover .client-thumb-hover {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .tm-sc-clients.clients-animation-rollover .item .client-thumb {
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
    transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); }
  .tm-sc-clients.clients-animation-rollover .item .client-thumb-hover {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
    transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); }

.tm-sc-clients.bgcolor-logo .item {
  background-color: #fff;
  margin-bottom: 30px; }

.tm-sc-clients.client-white .item {
  border: 1px solid rgba(203, 203, 203, 0.2); }

.tm-sc-clients.clients-grid {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  .tm-sc-clients.clients-grid .item {
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 40px; }