/*
This is the custom css file for The Feeding Co
*/

/* ***** FONTS ***** */


/* Alegreya Sans SC */
/* css rules to specify families
font-family: 'Alegreya Sans SC', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

/* Laterlocks */
/* usage looks like this:
body {
  font-family: 'Laterlocks', Fallback, sans-serif;
}
*/
/* @font-face {
    font-family: 'Laterlocks';
    src:url('Laterlocks.woff') format('woff'),
        url('Laterlocks.woff2') format('woff2'),
        url('Laterlocks.ttf') format('trutype'),
        url('Laterlocks.otf') format('otf');
} */

@font-face {
    font-family: "laterlocksregular";
    src: url("fonts/Laterlocks.otf") format('otf'),
         url("fonts/laterlocks-webfont.woff") format('woff'),
         url("fonts/laterlocks-webfont.woff2") format('woff2'),
         url("fonts/Laterlocks.ttf") format('ttf');

}




/* font usage */

h1, h2, h3, h4, h5, h6{ font-family: 'laterlocksregular'!important; margin-bottom: 15px;font-weight: 100 !important ;color: #7c9ab4;}
h1 { font-size: 40px; line-height: 45px; }
h2 { font-size: 35px; line-height: 43px; }
h3 { font-size: 30px; line-height: 38px; }
h4 { font-size: 24px; line-height: 34px; }
h5 { font-size: 20px; line-height: 30px; }
h6 { font-size: 18px; line-height: 28px; }

body {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    /* color: #c1d4e4; */
    color: #7c9ab4;
    font-family: 'Alegreya Sans SC', sans-serif;
}

/* ***** COLORS ***** */

/** 1.Skin-color **/
.ttm-textcolor-skincolor, .ttm-textcolor-skincolor h1, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1, 
.ttm-textcolor-skincolor h2, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2, 
.ttm-textcolor-skincolor h3, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3, 
.ttm-textcolor-skincolor h4, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4, 
.ttm-textcolor-skincolor h5, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5, 
.ttm-textcolor-skincolor h6, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6, 
.ttm-textcolor-skincolor a, .ttm-textcolor-skincolor i,  .ttm-location-place a:hover,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,  .top_bar .social-icons li a i:hover,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, .header_search .ttm-search-outer .ttm-icon-close i,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a,  .widget-Categories ul li a:hover,
.ttm-team-member-single-content .ttm-short-desc cite:before, .ttm-sidebar-left a:hover,
.featured-imagebox-blog.style2 .featured-content .featured-title h5 a:hover,
.featured-imagebox-services.style1 .featured-header .featured-title h5 a:hover,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, a.ttm-textcolor-skincolor, 
:not(.ttm-bgcolor-darkgrey) a.ttm-textcolor-skincolor, i.ttm-textcolor-skincolor, 
:not(.ttm-bgcolor-darkgrey) i.ttm-textcolor-skincolor, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor, 
.ttm-btn-color-skincolor, .ttm-btn-style-border.ttm-btn-color-skincolor, 
.testimonials.style2 .ttm-ratting-star i, .top_bar_icon i,
.featured-imagebox-team.style1 .media-block .social-icons li a:hover i,
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor, .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor i, 
.ttm-bgcolor-grey .ttm-btn-color-skincolor, .ttm-bgcolor-grey .ttm-btn-color-skincolor i, 
.ttm-list-icon-color-skincolor li i, .ttm-icon_element-border.ttm-icon_element-color-skincolor, 
.ttm-icon_element-border.ttm-icon_element-color-grey, .ttm-icon_element-fill.ttm-icon_element-color-white, 
 .ttm-icon_element-color-skincolor, .top_bar .social-icons li a:hover,
.ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i, 
.ttm-header-style-03 .top_bar_contact_item .social-icons li a:hover,
.footer.ttm-textcolor-white .second-footer .widget.widget_latest_tweets a,
.ttm_quotebox blockquote strong, .featured-icon-box.style5 .ttm-icon i,
.section-title h2.title strong, .testimonials.style1 .ttm-ratting-star i,
.featured-icon-box.style1 .featured-title h5:hover a, .footer.ttm-textcolor-white a:hover,
.featured-icon-box.style1 .featured-content .ttm-num:before,
.ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i, .widget.widget-download ul li a:hover,
.ttm-header-style-02 .top_bar_icon i, .ttm-textcolor-white a:hover, .ttm-bgcolor-darkgrey a:hover, 
nav.main-menu ul.menu li > ul.mega-submenu li a:hover, nav.main-menu ul.menu li ul.mega-submenu li.active > a, 
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li >a:hover, 
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li.active >a, 
.widget_info .widget_icon i, .ttm-bgcolor-darkgrey .slick_slider.slick-arrows-style3 .slick-arrow:hover, 
.ttm-bgcolor-skincolor .slick_slider.slick-arrows-style3 .slick-arrow:hover, 
.accordion .toggle.ttm-toggle_style_classic .toggle-title a.active:after, 
nav.main-menu ul.menu > li.active > a, .ttm-highlight-fid-style1 h4, 
.ttm-header-style-03 .social-icons li a:hover,
.ttm-bgcolor-darkgrey .ttm-textcolor-skincolor,
nav.main-menu ul.menu li.active > a i,
.featured-imagebox-portfolio.style2 .featured-title h5:hover, 
.featured-imagebox-portfolio.style2 .featured-title h5:hover a, 
.footer.ttm-textcolor-white .second-footer .widget.widget_latest_tweets .tweet-details a:hover,
.featured-imagebox-post.style1 .featured-content .featured-title h5 a:hover, 
.widget ul#menu-footer-service-link li a:before, 
.ttm-processbox-wrapper .ttm-processbox:hover .featured-title h5, 
.ttm-header-style-02 #site-header-menu .site-navigation ul.menu > li.active >a,
.second-footer .widget.widget_latest_tweets .tweet-text i,
.footer.ttm-textcolor-white .copyright ul.footer-nav-menu li a:hover,
.featured-imagebox-portfolio.style2 .featured-content .category, 
.ttm-page-title-row .breadcrumb-wrapper span,
.ttm-blog-classic .entry-header .entry-title a:hover,
.widget ul.ttm-recent-post-list>li> .post-detail a:hover,
.coupon_toggle .coupon_code:before, #payment .payment_box:before {
    color: #c1d4e4;
}

/** Skin-bg-color **/
.ttm-bgcolor-skincolor, .ttm-bgcolor-skincolor > .ttm-bg-layer, 
.ttm-bgcolor-skincolor > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, 
#site-header-menu .site-navigation .sep-img, .ttm-icon_element-fill.ttm-icon_element-color-skincolor, 
nav.main-menu ul.menu > li > a:before, .featured-imagebox-team.style1 .featured-content .featured-title:after, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover,
.ttm-processbox-wrapper .ttm-processbox .process-num, .ttm-tabs.ttm-tab-style-01 ul.tabs li a,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover, 
.featured-imagebox-services.style1 .featured-content:before, 
.featured-imagebox-services.style1 .featured-content:after,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover, .featured-icon-box.style11,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover, 
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover, 
.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, .widget.widget-nav-menu ul li:hover a,
.ttm-toggle-title-bgcolor-skincolor, .calendar header,
.featured-imagebox-team.style1 .media-btn:hover, .conatact-section [data-tooltip]:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover ,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover ,
.ttm-team-member-content .wpb_wrapper h5:before, .ttm-pf-detailbox-list li i,
.featured-imagebox-services.style1:hover .featured-content .ttm-btn.ttm-btn-size-sm,
.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, .featured-imagebox-team.style1:hover .featured-content, 
.slick_slider.slick-arrows-style4 .slick-arrow:hover, .ttm-videoplay,
.testimonials.style1 .testimonial-content:after,
.featured-imagebox-portfolio.style1 .featured-content-portfolio,
.ttm-blog-classic:hover .ttm-blogbox-desc-footer .ttm-btn.ttm-btn-size-sm,
.first-footer .newsletter-form button[type="submit"], 
.header_cart .cart_count, .heading-seperator span:before, 
.ttm-pf-detailbox-list:before, .ttm-pf-detailbox-list:after,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrow.style2:hover .slick-prev:hover,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrow.style2:hover .slick-next:hover,
.featured-imagebox-blog.style1:hover .featured-content .ttm-btn.ttm-btn-size-md, 
.footer .social-icons li>a:hover, .social-icons.circle li>a:hover, 
.featured-icon-box.icon-align-top-content.style2:before, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover,
.featured-icon-box.icon-align-top-content.style2:hover a.di_link, 
.featured-icon-box.icon-align-top-content.style2 .featured-icon .ttm-icon:before, .featured-icon-box.style3,
.accordion .toggle.ttm-style-classic .toggle-title a:after, 
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active a, .ttm-tabs.ttm-tab-style-03 ul.tabs li:hover a, 
.featured-icon-box.style2:hover .featured-content .ttm-btn.ttm-btn-size-sm, 
.featured-imagebox-portfolio.style2 .ttm-media-link a, .ttm-play-icon-btn .ttm-play-icon-animation:before, 
.ttm-play-icon-btn .ttm-play-icon-animation:after, .featured-imagebox-team.style1 .featured-content:before, 
.featured-imagebox-team.style1 .media-block .media-btn, .featured-icon-box.style9, 
.featured-icon-box.style9 .featured-icon-box-inner-2, .calendar.small table td.today,
.featured-imagebox-blog.style2:hover .featured-content .ttm-btn.ttm-btn-size-sm,
.ttm-pricing-plan.pricing-recommended .ttm-p_table-head,
article.ttm-blog-classic .ttm-box-post-date, 
article.ttm-blog-single .ttm-box-post-date,
.testimonials.style2 .testimonial-content blockquote:before,
.testimonials.style2 .testimonial-content blockquote:after,
.social-icons.radius li>a:hover, .featured-icon-box.style2 .featured-desc:after,
.featured-imagebox-portfolio.style1:hover .ttm-media-link a:hover,
.ttm-blog-single .ttm-blog-single-content .ttm-social-share-wrapper .social-icons li a:hover, 
.ttm-pf-single-content-wrapper .ttm-social-share-wrapper .social-icons li a:hover,
.ttm-team-member-single-content .media-block .social-icons li:hover a, 
.featured-icon-box.icon-align-top-content.style8 .fea_num i,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrows:hover .slick-prev:hover, 
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrows:hover .slick-next:hover,
.header_search_content button.close-search, .widget.widget-nav-menu ul li.active a,  
.widget.widget-download ul li i, .ttm-progress-bar .progress-bar, .sidebar .widget .widget-title:before, 
.widget .tagcloud a:hover, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor, .product .onsale, 
.product:hover .ttm-shop-icon .product-btn:hover, .ttm-single-product-details ul.tabs li a:before, 
.ttm-tabs.ttm-tab-style-01 ul.tabs li a, .pagination-block .page-numbers:hover, 
.pagination-block .page-numbers.current, #totop.top-visible {
    background-color: #c1d4e4;
}


/** Skin-border-color **/
.ttm-btn-style-border.ttm-btn-color-skincolor, 
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.featured-imagebox-team.style1 .media-btn:hover, .featured-icon-box.style2 .featured-desc:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.featured-imagebox-portfolio.style1:hover .ttm-media-link a:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrows:hover .slick-prev:hover, 
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrows:hover .slick-next:hover,
.featured-icon-box.icon-align-top-content.style1 a.di_link:hover, 
.ttm-play-icon-btn.style2 .ttm-play-icon-animation:after,
.social-icons.circle li>a:hover, .ttm-btn.ttm-btn-style-border:hover,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
.testimonials-nav .slick-current.testimonial-author_info .testimonial-avatar img,
.widget .tagcloud a:hover {
    border-color: #c1d4e4;
}

.ttm-bgcolor-darkgrey .tooltip-top:before, .ttm-bgcolor-darkgrey .tooltip:before,
.slick-active.slick-current+.slick-active .featured-imagebox-blog.style1, 
.featured-imagebox-team.style1 .featured-content,
.ttm-textcolor-skincolor .tooltip-top:before, .ttm-textcolor-skincolor .tooltip:before, 
.ttm-bgcolor-grey .tooltip-top:before, .ttm-bgcolor-grey .tooltip:before, .conatact-section .tooltip-top:before, 
.ttm-bgcolor-grey [data-tooltip]:before, .header_search .header_search_content, nav.main-menu,  
article.ttm-blog-classic, #payment .payment_box, .coupon_toggle .coupon_code {
    border-top-color: #c1d4e4 !important;
}

.ttm-blog-single blockquote {
    border-left-color: #c1d4e4 !important;
}

.ttm-bgcolor-darkgrey .tooltip-bottom:before,
.featured-icon-box.icon-align-top-content.style2:before,
.featured-icon-box.icon-align-top-content.style6:before,
.header_search .header_search_content:before {
    border-bottom-color: #c1d4e4;
}


/** 2.Darkgrey-color **/
.ttm-textcolor-darkgrey, .ttm-textcolor-darkgrey p,
.featured-imagebox-team.style1 .media-block .social-icons li a:hover, 
.featured-imagebox-team.style1 .media-block .social-icons li a:hover, 
: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-bgcolor-skincolor .ttm-bgcolor-white h1, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h1, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white h2, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h2, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white h3, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h3, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white h4, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h4, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white h5, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h5, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white h6, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h6, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white a, .ttm-bgcolor-darkgrey .ttm-bgcolor-white a, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white p, .ttm-bgcolor-darkgrey .ttm-bgcolor-white p, 
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover, 
.ttm-bgcolor-skincolor .ttm-textcolor-darkgrey, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white, .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white i, 
.ttm-textcolor-white , .ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover, 
.ttm-btn-color-dark, .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-btn.ttm-btn-style-fill.ttm-btn-color-grey, 
.ttm-btn-style-fill.ttm-btn-color-white i, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey i, 
nav.main-menu ul.menu li ul.mega-submenu li a, 
.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 .progress-bar-percent, 
.ttm-bgcolor-skincolor .ttm-bgcolor-white .section-title h2.title, 
.ttm-icon_element-fill.ttm-icon_element-color-white, .featured-icon-box.style12:hover .featured-title h5,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white .section-title h2.title, 
.accordion .toggle.ttm-style-classic .toggle-title a:after,
.featured-icon-box.icon-align-top-content.style2 .featured-title h5,
.featured-imagebox-team.style1 .media-block .social-icons li a:hover, 
.featured-imagebox-post.style1 .featured-content .featured-title h5, 
.featured-imagebox-post.style1 .featured-content .featured-title h5 a,  
.ttm-tabs.ttm-tab-style-01 ul.tabs li a i {
    color: #7d93a6;
}

/** DarkGrey-bg-color **/
.ttm-bgcolor-darkgrey, .ttm-bgcolor-darkgrey > .ttm-bg-layer,
.ttm-bgcolor-darkgrey > .ttm-bg-layer, .ttm-pricing-plan .ttm-p_table-head,
.ttm-bgcolor-darkgrey > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-skincolor .tooltip:after, .ttm-bgcolor-skincolor [data-tooltip]:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark, .tooltip:after, [data-tooltip]:after,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey: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.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-darkgrey .ttm-stickable-header.fixed-header,
.ttm-toggle-title-bgcolor-darkgrey, .featured-icon-box.style5,
.featured-icon-box.style3:hover .box-plus-icon, .ttm-toggle-title-bgcolor-darkgrey,
.header.logo-with-bg-shape .site-header-menu-inner:not(.fixed-header) .site-branding ,
.toggle.ttm-toggle-title-bgcolor-darkgrey .toggle-title a.active,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey , .ttm-header-style-01 .themetechmount-slider-wrapper:before,
.ttm-progress-bar .progress-bar-inner .progress-bar.progress-bar-color-bar_darkgrey:before,
.ttm-box-view-overlay:before, .ttm-box-view-content-inner:before,
.calendar thead th, .ttm-bgcolor-white .ttm-btn.ttm-btn-color-darkgrey:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover,
.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:after, 
.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:before,
.accordion .toggle.ttm-toggle_style_classic .toggle-title a:after ,
.featured-icon-box.icon-align-top-content.style5 .ttm-btn:after ,
.featured-icon-box.icon-align-top-content.style5 .ttm-btn i,
.product:hover .ttm-shop-icon .product-btn {
  background-color: #7d93a6;
}

.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark,
.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-border:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.tooltip-top:before, .tooltip:before, [data-tooltip]:before {
    border-color: #7d93a6;
}

.ttm-bgcolor-skincolor .tooltip-top:before, .ttm-bgcolor-skincolor .tooltip:before, 
.ttm-bgcolor-skincolor [data-tooltip]:before, .tooltip-top:before, .tooltip:before, [data-tooltip]:before {
    border-top-color: #7d93a6 !important;
}


/** 3.White-color **/
.ttm-textcolor-white, .ttm-bgcolor-skincolor a, 
.featured-imagebox-team.style1:hover .media-block .social-icons li 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-darkgrey i, .ttm-textcolor-white h1, .ttm-bgcolor-skincolor h1, .ttm-bgcolor-darkgrey h1, 
.ttm-textcolor-white h2, .ttm-bgcolor-darkgrey h2, .ttm-textcolor-white h3, .ttm-bgcolor-skincolor h3, 
.ttm-bgcolor-darkgrey h3, .ttm-textcolor-white h4, .ttm-bgcolor-skincolor h4, .ttm-bgcolor-darkgrey h4, 
.ttm-textcolor-white h5, .ttm-bgcolor-skincolor h5, .ttm-bgcolor-darkgrey h5, .ttm-textcolor-white h6, 
.ttm-bgcolor-skincolor h6, .ttm-bgcolor-darkgrey h6, .ttm-bgcolor-skincolor a, .ttm-bgcolor-darkgrey a, 
.ttm-textcolor-white span, .ttm-bgcolor-skincolor span, .ttm-bgcolor-darkgrey span, 
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-white span:not(.ttm-textcolor-skincolor), 
.ttm-textcolor-white .ttm-social-links-wrapper ul li a, .ttm-pricing-plan .ttm-p_table-head h5, 
.ttm-p_table-head.title-style h5, .featured-icon-box.style11 .featured-title h5,
.featured-imagebox-blog.style2:hover .featured-content .ttm-btn.ttm-btn-size-sm,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor, .accordion .toggle-title a:hover,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor i, 
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey, 
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark i, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover i, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover, .ttm-btn-style-fill.ttm-btn-color-skincolor, 
.ttm-btn-style-fill.ttm-btn-color-skincolor i, .ttm-btn-style-border.ttm-btn-color-skincolor:hover, 
.ttm-btn-style-border.ttm-btn-color-skincolor:hover i, .calendar header .button, 
.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-btn.ttm-btn-style-fill.ttm-btn-color-grey: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-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover, 
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover i, 
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor: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-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 .toggle-title a.active,
 .ttm-tabs.ttm-tab-style-02 ul.tabs li.active a, 
.ttm-tabs.ttm-tab-style-03 ul.tabs li:hover a, .ttm-processbox-wrapper .ttm-processbox .process-num, 
.accordion .toggle.ttm-toggle_style_classic .toggle-title a:after,
.featured-imagebox-portfolio.style1 .featured-title h5 a, .calendar.small table td.today,
.featured-icon-box.icon-align-top-content.style5 .ttm-btn:hover, 
.featured-imagebox-portfolio.style2 .featured-title h5, .first-footer .newsletter-form button[type="submit"], 
.featured-imagebox-portfolio.style2 .featured-title h5 a, .calendar header .header-label, 
.featured-imagebox-team.style1 .media-block .media-btn,  .calendar thead th,
.ttm-team-member-single-content .media-block .social-icons li:hover a,
.featured-imagebox-services.style1:hover .featured-content .ttm-btn.ttm-btn-size-sm,
.ttm-bgcolor-darkgrey .section-title.style2 .title-desc, .ttm-page-title-row .breadcrumb-wrapper .ttm-bread-sep i, 
.ttm-bgcolor-skincolor .section-title.style2 .title-desc, .widget.widget-nav-menu ul li.active a,
.widget.widget-nav-menu ul li:hover a, .ttm-blog-classic:hover .ttm-blogbox-desc-footer .ttm-btn.ttm-btn-size-sm,
.footer.ttm-textcolor-white .second-footer .widget.widget_latest_tweets .tweet-details a, 
.featured-imagebox-team.style1:hover .featured-content, .widget .tagcloud a:hover, 
.featured-icon-box.style5 .featured-title h5, .featured-imagebox-team.style1:hover 
.featured-content .featured-title h5 a,  .ttm-tabs.ttm-tab-style-01 ul.tabs li a, 
.featured-icon-box.style3:hover .box-plus-icon a, .ttm-btn.ttm-btn-style-border:hover, 
.featured-icon-box.style2:hover .featured-content .ttm-btn.ttm-btn-size-sm, 
.ttm-shop-icon .product-btn a, .ttm-pf-detailbox-list li i,
.first-footer .newsletter-form input[type="email"], .social-icons.radius li>a:hover,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrows:hover .slick-prev:hover, 
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrows:hover .slick-next:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-color-white:hover,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrow.style2:hover .slick-prev:hover,
.row.ttm-boxes-spacing-10px.slick_slider.slick-arrow.style2:hover .slick-next:hover,
.ttm-blog-single .ttm-blog-single-content .ttm-social-share-wrapper .social-icons li a:hover, 
.ttm-pf-single-content-wrapper .ttm-social-share-wrapper .social-icons li a:hover,
.featured-imagebox-blog.style1:hover .featured-content .ttm-btn.ttm-btn-size-md, 
.featured-icon-box.style3 .featured-title h5, .pagination-block .page-numbers:hover, 
.pagination-block .page-numbers.current { 
    color: #fff; 
}
.ttm-bgcolor-skincolor p, .ttm-bgcolor-darkgrey p, .ttm-bgcolor-skincolor span, .ttm-bgcolor-darkgrey span, 
.ttm-bgcolor-skincolor i, .testimonials.ttm-testimonial-box-view-style1 .testimonial-content blockquote, 
.footer .copyright,  
.ttm-bgcolor-skincolor .testimonials-info .testimonial-caption label, 
.ttm-bgcolor-darkgrey .testimonials-info .testimonial-caption label, 
.ttm-bgcolor-skincolor .testimonials-info .testimonials .testimonial-content blockquote, 
.ttm-bgcolor-darkgrey .testimonials-info .testimonials .testimonial-content blockquote {
    color: rgba(255,255,255,.85);
}

.ttm-play-icon-btn.style1 h6,
.top_bar_contact_item {
    color: rgba(255,255,255,.8);
}
.ttm-bgcolor-skincolor p, 
.ttm-bgcolor-skincolor span, 
.ttm-bgcolor-skincolor i{
    color: rgba(255,255,255,.95);
}
.footer.ttm-textcolor-white p,
.footer.ttm-textcolor-white .widget ul.ttm-pricelist-block li,
.footer.ttm-textcolor-white .widget ul.ttm-pricelist-block li .service-price,
.footer.ttm-textcolor-white .copyright span,
.footer.ttm-textcolor-white .copyright ul.footer-nav-menu li a {
  color: rgba(255, 255, 255, 0.7);

}

/** White-bg-color **/
.ttm-bgcolor-white, 
.ttm-bgcolor-white > .ttm-bg-layer,
.ttm-bgcolor-white > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-darkgrey .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-bgcolor-skincolor .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-btn-style-fill.ttm-btn-color-white, .featured-icon-box.style12:hover,
.ttm-icon_element-fill.ttm-icon_element-color-white,
.ttm-fid.inside.style2 .ttm-fid-icon-wrapper i,
.ttm-bgcolor-skincolor .heading-seperator span:before,
.ttm-toggle-title-bgcolor-white, .about-overlay-01,
.featured-icon-box.style3 .box-plus-icon, .ttm-pricing-plan,
.ttm-play-icon-btn.style2 .ttm-play-icon-animation:after,
.ttm-play-icon-btn.style1 .ttm-play-icon-animation:after,
.ttm-play-icon-btn.style1 .ttm-play-icon-animation:before,
.featured-icon-box.style3 .featured-title h5:before,
.ttm-play-icon-btn .ttm-play-icon-animation:before,
.ttm-fid.inside.style2 .ttm-fid-contents:before,
.widget.widget-download ul li a, .ttm-header-style-03 .ttm-widget_header,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.sidebar .widget-area .widget.widget-banner,
.ttm-toggle-title-bgcolor-white, .widget.widget-nav-menu ul li a,
.featured-imagebox-team.style1 .media-block .social-icons li a:hover,
.featured-imagebox-team.style1:hover .featured-content .featured-title:after,
.accordion .toggle.ttm-toggle_style_classic .toggle-title a.active:after,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_white,
.progress-bar-color-bar_white {
    background-color: #fff;
}
/** White-border-color **/
.ttm-bgcolor-darkgrey > .sep_holder .sep_line,
.ttm-bgcolor-skincolor > .sep_holder .sep_line{
  border-color: rgba(255,255,255,.06);
}
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-border:hover,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white {
    border-color: #fff;
}


/** 4.Grey-color **/
.ttm-bgcolor-grey, .ttm-bgcolor-grey > .ttm-bg-layer, 
.ttm-bgcolor-grey > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, .ttm-btn-style-fill.ttm-btn-color-grey, 
.ttm-icon_element-fill.ttm-icon_element-color-grey, .ttm-toggle-title-bgcolor-grey .toggle-title,  
nav.main-menu ul.menu li > ul.mega-submenu li a:hover, .ttm-toggle-title-bgcolor-grey, 
.ttm-team-member-single-content .ttm-social-links-wrapper ul li a,  
.calendar .calendar-frame tbody td:last-child,
.ttm-blog-single .ttm-blog-single-content .ttm-social-share-wrapper .social-icons li a, 
.ttm-pf-single-content-wrapper .ttm-social-share-wrapper .social-icons li a,
.header_search #search_query_top, .widget.widget-download ul li, .ttm-tabs.ttm-tab-style-02 ul.tabs li a,
.sidebar .widget-title, .featured-icon-box.style16, .comment-form textarea,
.comment-form input[type="text"], .ttm_quotebox blockquote:after,
.wrap-form.contact_form_1 span.text-input input[type="text"],
.wrap-form.contact_form_1 span.text-input textarea, .header,
.ttm-pf-single-content-wrapper.ttm-pf-view-left-image .ttm-btn.ttm-btn-size-sm,
.ttm-header-style-02 .header_search .search_btn, .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a,
.comment-body, .ttm-single-product-details ul.tabs li a, 
nav.main-menu ul.menu li ul.mega-submenu li:not(.mega-menu-item).active > a, .coupon_toggle .coupon_code, 
.checkout #payment {
    background-color: #d4dde1;
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-grey {
    border-color: #d4dde1;
}
.comment-body:after {
    color: #d4dde1;
} 
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-grey {
    color: inherit;
}


/***** Other Colors *****/
.ttm_quotebox blockquote {
    background-color: #fff;
    color: #7c9ab4;
    font-family: 'laterlocksregular', sans-serif;
    font-size: 23px;
    line-height: 35px;
    font-style: normal;
    font-weight: 100;
    margin: 0;
    z-index: 9;
    padding: 25px 35px 10px;
    border-left: 3px solid;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 9px 0 rgba(75,77,117,.1);
    -moz-box-shadow: 0 0 9px 0 rgba(75,77,117,.1);
    box-shadow: 0 0 9px 0 rgba(75,77,117,.1);
    position: relative;
    border-color: #c1d4e4;
}

.slick_slider.slick-arrows-style1 .slick-prev:before, 
.slick_slider.slick-arrows-style1 .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #7c9ab4;
    line-height: 16px;
}

.ttm-team-member-single-content .ttm-short-desc cite { 
    padding-top: 0px;
    position: absolute;
    font-size: 18px;
    left: 40px;
    font-weight: 100;
    font-style: normal;
    color: #7c9ab4;
}

.ttm-pf-detailbox-list li span:not(.ttm-pf-right-details) {
    margin-left: 40px;
    position: relative;
    color: #7c9ab4;
    font-weight: 100;
    margin-right: 5px;
    flex: 0 0 33.333333%;
}

.ttm-blog-single .ttm-blog-single-content .ttm-social-share-wrapper .social-icons li a, 
.ttm-pf-single-content-wrapper .ttm-social-share-wrapper .social-icons li a {
    text-align: center;
    display: block;
    font-size: 14px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 5px;
    color: #7c9ab4;
}

a { color: #7d93a6; }
a, img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}






/***** Brand Dark Grey ******/

/* top nav hover color */

    /* color: #7c9ab4; */