@import url('https://fonts.googleapis.com/css?family=Belleza&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');





/*  color
------------------------*/

/*skincolor*/

.ttm-textcolor-skincolor,
.ttm-textcolor-white a:hover,
.btn.btn-inline.btn-color-skincolor,
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border,
.ttm-btn.ttm-btn-color-skincolor,
.ttm-blog-classic-content .post-date,
.ttm-blog-classic-content .post-date,
.ttm-bgcolor-black .widget i,
.widget a:hover,
.section-title h4,
#site-header-menu #site-navigation .menu ul.dropdown > li.active > a,
#site-navigation .menu > ul,
.ttm-header-style-classic-box.ttm-header-overlay #site-header-menu #site-navigation .menu > ul > li.active > a,
.ttm-header-style-classic-box.ttm-header-overlay #site-header-menu #site-navigation .menu > ul > li:hover > a,
.ttm-header-style-classic #site-header-menu #site-navigation .menu > ul > li.active > a,
.ttm-header-style-classic #site-header-menu #site-navigation .menu > ul > li:hover > a,
.ttm-search-overlay,
.ttm-header-icons .ttm-header-cart-link span.number-cart,
.content-inner .icon-service span,
.ttm-ptablebox-price-w,
.ttm-ptablebox .ttm-ptablebox-cur-symbol-before,
.ttm-ptablebox .ttm-ptablebox-price,
.layer-content.ttm-bgcolor-lightblack ul.ttm-list.ttm-list-style-icon li i,
.title-box-only h2 strong.ttm-strongcolor-skincolor,
.contactform label i,
.title-box .breadcrumb-wrapper > .container,
.title-box-only.style2 p,
.title-box-only.style2 span i,
ul.ttm-list.ttm-list-style-icon.ttm-textcolor-skincolor li,
.post-title h5 a:hover,
#site-header-menu #site-navigation .menu ul > li:hover > a,
.featured-item.ttm-portfolio-view-topimage .content-post .category a:hover,
article.post blockquote:before,
.star-ratings ul.rating  li i,
.products .price .product-Price-amount,
.coupon_toggle .coupon_code:before,
ul.widget-contact li i,
.ttm-header-icons .ttm-header-cart-link a:hover,
.first-footer .footer-title h3.title span,
section.error-404 .ttm-big-icon,
.accordion .toggle:not(.ttm-style-classic) .toggle-title:after,
.accordion .toggle-title a i,
.ttm-icon_element-color-skincolor i,
.ttm-item-view-topimage-bottom-content:hover .ttm-box-content h4 a,
.ttm-meta-line i,
.featured-imagebox-event.ttm-box-view-top-image .featured-content-event  i,
.ttm-box-view-overlay .ttm-media-link a:hover,
.ttm-box-post-date .ttm-entry-date .entry-month,
.ttm-box-post-date .ttm-entry-date .entry-year,
.ttm-box-post-date .entry-date,
.featured-imagebox.featured-imagebox-team:hover .featured-content-team .featured-title h5,
.ttm-bgcolor-black ul li i,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.sep-box h6,
.featured-title h5 a:hover,
span.category a:hover,
.ttm-team-list-title i,
.ttm-team-list-value a:hover,
.ttm-progress-bar.progress-bar-color-bar_skincolor i,
.summary .star-rating li i,
ul.stars li,
ul.star-rating li,
.price .Price-amount.amount,
.price .Price-amount.amount .Price-currencySymbol,
.ttm-bgcolor-white .ttm-fid-contents h4,
.ttm-header-style-classic-overlay .ttm-header-icons .ttm-header-cart-link a:hover{
    color: #6c176a;
}
/*bgcolor-skincolor*/
.ttm-bgcolor-skincolor,
#totop ,
.featured-iconbox a i,
.service-image-wrap:hover .service-label label,
.event-slide.owl-theme .owl-controls .owl-nav div:hover,
.ttm-btn.ttm-btn-color-black.ttm-btn-style-fill:hover,
.ttm-blog-classic-content .post-date,
.ttm-btn.ttm-btn-color-skin.ttm-btn-style-fill,
ul.social-icons li a:hover,
.ttm-search-overlay,
.ttm-header-search-link a,
.ttm-video-btn .ttm-btn-play,
.ttm-header-icons .ttm-header-cart-link span.number-cart,
.ttm-ptablebox-price-w:after, 
.ttm-ptablebox-price-w:before,
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-fill,
.ttm-tabs ul.tabs li a.active,
.ttm-tabs ul.tabs li a:focus,
.ttm-tabs ul.tabs li.active a,
.ttm-bgcolor-skincolor > .ttm-bg-layer,
#site-header-menu #site-navigation .menu ul li > ul li.active > a,
#site-header-menu #site-navigation .menu ul li > ul li > a:hover,
#site-header-menu #site-navigation .menu > ul > li > a:before,
.accordion .toggle.active .toggle-title,
.sidebar-left .widget.widget-nav-menu ul li.active a,
.sidebar-left .widget.widget-nav-menu ul li:hover a,
.sidebar .widget .widget-title:before,
#site-navigation .menu ul.dropdown > li > a:before,
.tp-caption.tp-shapewrapper,
.highlight-skin-button,
.social-icons.square li>a:hover,
.social-icons.circle li>a:hover,
.sidebar .widget .tagcloud a:hover,
.comment-list a.comment-reply-link:hover,
.ttm-pagination .page-numbers.current,
.ttm-pagination .page-numbers:hover,
ul.products li.product .ttm-shop-icon,
.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-range,
.price-slider-amount .button:hover,
.coupon button:hover,
.ttm-cart-form button:hover,
a.checkout-button:hover,
.checkout-form.place-order button:hover,
.ttm-bgcolor-skincolor > .ttm-bg-layer > .ttm-bg-layer-inner,
.tp-caption.highlight-black-button:hover,
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border:hover,
.ttm-progress-bar .progress .progress-bar,
.clients-logo.desc-style .owl-dots .owl-dot.active span,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-skincolor,
.featured-imagebox.static-title:hover .featured-content,
.featured-imagebox-event.ttm-box-view-top-image .ttm-box-post-date,
.ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_skin,
.mailchimp-inputbox input[type="submit"],
div.product ul.tabs li.active,
.progress .progress-bar.progress-bar-color-bar_skincolor.with-lable:before{
    background-color: #6c176a;
}
.ttm-box-view-overlay,
.ttm-portfolio-box-view-overlay {
    background-color: rgb(253, 34, 106,.95);
}
.featured-box.style3.ttm-servicebox-with-banner.ttm-bgimage-yes:hover .ttm-col-wrapper-bg-layer.ttm-bg-layer{
  background: rgb(253, 34, 106,.88);
}
/*skincolor-border*/
.wrap-form .text-input input:focus, 
.wrap-form .text-input button:focus,
.wrap-form .text-input textarea:focus,
.ttm-pagination .page-numbers:hover,
.ttm-pagination .page-numbers.current,
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border,
.tp-caption.highlight-black-button:hover{
    border-color: #6c176a ;

}
.sidebar .widget .widget-title:before, 
.ttm-tabs.style2 ul.tabs li.active a,
.ttm-bgcolor-skincolor .contactform .text-input:focus, .ttm-bgcolor-skincolor .contactform .text-area:focus,
.sidebar .widget .widget-title:before,
.ttm-bgcolor-grey .contactform .text-input:focus,
.highlight-skin-button,
.coupon_toggle .coupon_code,
.icon-outline-border .ttm-icon_element-style-rounded:before,
.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor{
    border-color: #6c176a;
}

.ttm-search-overlay {border-top-color: #6c176a;}
.comment-form textarea:focus,
.comment-form input[type="text"]:focus, 
.comment-form input[type="email"]:focus, 
.comment-form input[type="url"]:focus,
.heading-seperator:after,
.ttm-search-overlay .w-search-form-row:before,
.contactform .text-input:focus,
.contactform .text-area:focus{
    border-bottom-color: #6c176a !important ;
}
div.product ul.tabs li.active:before{
    border-top-color: #6c176a !important ;
}
/*white-color*/
.ttm-textcolor-white,
.ttm-textcolor-white a,
.ttm-textcolor-white h1, .ttm-textcolor-white h2, .ttm-textcolor-white h3, 
.ttm-textcolor-white h4, .ttm-textcolor-white h5, .ttm-textcolor-white h6,
#site-header-menu #site-navigation .menu > ul > li > a,
.ttm-bgcolor-black .section-title h2.title,
.ttm-bgcolor-skincolor .section-title h2.title,
.ttm-bgcolor-skincolor .section-title h4,
.ttm-bgcolor-black .section-title h3,
.ttm-bgcolor-black .section-title h5,
.ttm-bgcolor-black .section-title h2.title,
.featured-iconbox a i,
.ttm-bgcolor-skincolor .ttm-btncolor-white:hover,
.ttm-btn-style-fill.ttm-btn-color-black,
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border:hover,
.service-image-wrap:hover .service-label label a,
.ttm-btn.ttm-btn-color-black.ttm-btn-style-fill:hover,
.ttm-blog-classic-content .post-date .date,
.ttm-blog-classic-content .post-date .month,
.ttm-row.bg-img .ttm-btn.ttm-btn-style-border.border-white,
.first-footer .footer-title h3.title,
.footer .widget .widget-title,
ul.social-icons li a,
.ttm-play-btn:hover, .ttm-video-btn span.ttm-btn-play,
.ttm-video-btn .ttm-btn-play,
.ttm-header-icons .ttm-header-search-link a,
.entry-box-wrapper .services-overlay:hover .content-inner h3,
.entry-box-wrapper .services-overlay:hover .content-inner p,
.entry-box-wrapper .services-overlay:hover .content-inner a,
.entry-box-wrapper .services-overlay:hover .content-inner a:after,
.entry-box-wrapper .services-overlay:hover .content-inner span,
.ttm-btn.ttm-bgcolor-skincolor:hover,
.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-fill,
.layer-content.ttm-bgcolor-lightblack ul.ttm-list.ttm-list-style-icon .ttm-list-li-content,
.title-box-only h2,
.ttm-tabs ul.tabs li.active a,
.ttm-bgcolor-skincolor .layer-content,
.ttm-bgcolor-skincolor .layer-content .featured-box .featured-icon i,
.ttm-bgcolor-skincolor .layer-content h3,
.ttm-bgcolor-black .ttm-fid-contents h4,
.ttm-bgcolor-black .ttm-fid-contents h3,
.ttm-bgcolor-black .ttm-fid-contents h4,
.ttm-bgcolor-black .ttm-fid-contents h3,
.ttm-bgcolor-skincolor .ttm-fid-contents h4,
.ttm-bgcolor-skincolor .ttm-fid-contents h3,
.breadcrumb-wrapper a:hover,
#site-header-menu #site-navigation .menu ul li > ul li > a:hover,
#site-header-menu #site-navigation .menu ul li > ul li.active > a,
.sidebar-left .widget.widget-nav-menu ul li.active a,
.sidebar-left .widget.widget-nav-menu ul li:hover a,
footer .widget a,
.ttm-tabs ul.tabs li.active a,
.highlight-skin-button,
.classic-border-button,
.social-icons.square li>a:hover,
.social-icons.circle li>a:hover,
.sidebar .widget .tagcloud a:hover,
.featured-box.icon-color-white .featured-icon i,
.ttm-pagination .page-numbers.current,
.ttm-pagination .page-numbers:hover,
ul.products li.product .ttm-shop-icon a,
a.checkout-button,
.ttm-btn.ttm-btn-color-white,
.accordion .toggle.active .toggle-title a,
.testimonial-slide .testimonial-caption h6,
.accordion .toggle.active .toggle-title,
.accordion .toggle.active.toggle-left-click-event .toggle-title:after,
.featured-box.style3.ttm-servicebox-with-banner.ttm-bgimage-yes:hover .featured-icon i,
.featured-box.style3.ttm-servicebox-with-banner.ttm-bgimage-yes:hover .featured-title h5,
.featured-box.style3.ttm-servicebox-with-banner.ttm-bgimage-yes:hover .featured-desc p,
.featured-box.style3.ttm-servicebox-with-banner.ttm-bgimage-yes:hover .ttm-btn,
.post:hover .post-label label a,
.post-item .post-date,
.ttm-icon_element-color-white i,
.ttm-icon_element-background-skincolor i,
.ttm-bgcolor-skincolor .ttm-box-content h4,
.ttm-media-link a,
.ttm-box-view-overlay .featured-title h5,
.ttm-box-view-overlay .featured-title h5 a,
.ttm-box-view-overlay .category a,
.ttm-box-view-overlay .category a:hover,
.featured-title.ttm-textcolor-white h5,
.ttm-bgcolor-black ul.ttm-list.ttm-list-style-icon .ttm-list-li-content,
.featured-content-portfolio .featured-title h5 a:hover,
.ttm-bgcolor-black li,
.ttm-bgcolor-black li,
.ttm-bgcolor-skincolor .featured-title h5,
.ttm-bgcolor-darkgrey .featured-title h5,
.featured-imagebox.static-title:hover .featured-title h5 a,
.featured-imagebox-event.ttm-box-view-top-image .ttm-box-post-date .ttm-entry-date .entry-month,
.featured-imagebox-event.ttm-box-view-top-image .ttm-box-post-date .ttm-entry-date .entry-year,
.featured-imagebox-event.ttm-box-view-top-image .ttm-box-post-date .entry-date,
.featured-imagebox-post-details.ttm-box-view-top-image .ttm-box-post-date .ttm-entry-date .entry-month,
.featured-imagebox-post-details.ttm-box-view-top-image .ttm-box-post-date .ttm-entry-date .entry-year,
.featured-imagebox-post-details.ttm-box-view-top-image .ttm-box-post-date .entry-date,
.ttm-bgcolor-black .ttm-progress-bar h4,
.ttm-bgcolor-black .ttm-progress-bar h4,
.ttm-box-view-overlay .featured-content-portfolio .category,
.ttm-header-icons .ttm-header-cart-link a, 
.ttm-header-style-classic .ttm-header-icons .ttm-header-search-link a,
.ttm-header-style-classic-overlay .ttm-header-icons .ttm-header-cart-link a,
ul.products li.product .onsale,
ul.social-icons li a i
{
  color: #fff;
}

/*transparent-white*/
.ttm-textcolor-lightwhite,
.ttm-bgcolor-black .featured-box .featured-desc p,
.ttm-bgcolor-skincolor .featured-box .featured-desc p,
.layer-content.ttm-bgcolor-lightblack.padding-4 p,
.breadcrumb-wrapper a,
.ttm-bgcolor-black .section-title p,
.ttm-bgcolor-black .section-title p,
.ttm-bgcolor-skincolor .section-title p,
.ttm-search-overlay .ttm-site-searchform input::placeholder,
.top-contact .list-inline-item a:hover,
.topbar-right ul.social-icons li a:hover,
.ttm-bgcolor-black  input,
.ttm-bgcolor-black  textarea,
.ttm-bgcolor-black  input::placeholder,
.ttm-bgcolor-black  textarea::placeholder,
.ttm-bgcolor-skincolor .testimonials .testimonial-content blockquote,
.second-footer-inner .widget ul.widget-contact li,
.ttm-newstter-box p,
.company-desc p,
.ttm-footer2-right p{
    color: rgba(255,255,255,.80);
}
ul.ttm-recent-post-list>li .post-date{
  color: rgba(255,255,255,.70);
}


.first-footer .section-title  p,
.ttm-site-searchform input::placeholder,
.mailchimp-inputbox input::placeholder{
    color: rgba(255,255,255,.40);
}


/*bgcolor-white*/
.ttm-bgcolor-white,
.featured-iconbox a:hover i,
.ttm-bgcolor-black .ttm-custombutton.btn-bgcolor-skincolor:hover,
.ttm-row.bg-img .ttm-btn.ttm-btn-style-border.border-white:hover,
.second-footer .widget.style2 .widget-title:after,
.footer .widget .widget-title:after,
.ttm-bgcolor-black .ttm-fid-contents h4:before,
.ttm-bgcolor-black .ttm-fid-contents h4:before,
.ttm-bgcolor-skincolor .ttm-fid-contents h4:before,
.ttm-tabs ul.tabs li,
.sidebar-left .widget.widget-nav-menu ul li a,
.tp-caption.classic-border-button:hover,
.tp-caption.highlight-skin-button:hover,
.ttm-pf-view-left-image .ttm-pf-single-detail-box,
article.ttm-blog-classic .ttm-blog-classic-content,
.ttm-sidebar-right aside:not(:first-child),
.shop_table,
.coupon_toggle .coupon_code,
.accordion .toggle.with-bg.active .toggle-title:after,
.accordion .toggle.with-bg.active .toggle-title a i,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-white,
.ttm-box-view-overlay .ttm-media-link a:hover,
.testimonials .testimonial-content blockquote:after{
    background-color: #fff;
}
.testimonial-slide .with-caption-border .testimonial-caption:before{
  background-color: rgba(255,255,255,.45)!important;
}
.ttm-bgcolor-black .col-md-3:not(:last-child) .ttm-fid.ttm-fid-icon:after{ background-color: rgba(255,255,255,.07);}
.title-box .breadcrumb-wrapper > .container,
.title-box .breadcrumb-wrapper > .container:after{ 
  background-color: rgba(20, 8, 31, .9) !important;
}
/*white-border*/
.tp-caption.highlight-skin-button:hover,
.tp-caption.classic-border-button:hover{border-color: #fff;}

.ttm-bgcolor-skincolor .heading-seperator span:after,
.ttm-bgcolor-skincolor .heading-seperator:after{
    border-bottom-color: #fff !important;
}
.ttm-icon_element-border.ttm-icon_element-color-white{border-color: #fff;}
.ttm-box-seperator.row .col-lg-4 .featured-box {
    border-color: rgba(255,255,255,.1);
}
.ttm-col-bgimage-yes .contact-form-box input,
.ttm-col-bgimage-yes .contact-form-box textarea,
.ttm-bgcolor-black .contactform .text-input,
.ttm-bgcolor-black .contactform .text-area,
.ttm-bgcolor-skincolor .contactform .text-input, 
.ttm-bgcolor-skincolor .contactform .text-area{
    border-bottom-color: rgba(255,255,255,.15);
}

.ttm-bgcolor-lightblack{
    background-color: rgb(14, 56, 94,.95);
}
.ttm-bgcolor-skincolor .separator .sep-line {
    border-color: rgba(255,255,255,0.18);
}
/*black-color*/
.ttm-textcolor-black,
.ttm-btncolor-black,
.content-post h5.title-post, 
.section-title h2.title,
.ttm-btn.ttm-btn-color-black,
.ttm-row.bg-img .ttm-btn.ttm-btn-style-border.border-white:hover,
ul.ttm-list.ttm-list-style-icon.ttm-list-color-black .ttm-list-li-content,
ul.ttm-list.ttm-list-style-icon li,
.ttm-btn.ttm-btn-color-black.ttm-btn-style-border,
.ttm-tabs ul.tabs li a,
.title-box-only.style2 h2.title,
.title-box-only.style2 h3,
.accordion .toggle.ttm-toggle-title .toggle-title:after,
.widget a,
.tp-caption.classic-border-button:hover,
.tp-caption.highlight-skin-button:hover,
.ttm-pf-details-date .ttm-pf-left-details,
.ttm-social-share-title,
.social-icons.square li > a,
.social-icons.circle li > a,
.comments-area h2,
.post .post-desc h3,
.ttm-bgcolor-white .timer-box,
.timer-details .section-title h2.title,
.ttm-header-style-classic #site-header-menu #site-navigation .menu > ul > li > a,
.ttm-header-style-classic-box.ttm-header-overlay #site-header-menu #site-navigation .menu > ul > li > a,
.accordion .toggle-title a,
.featured-title h5,
.featured-title h5 a,
span.category a,
.post-title h5 a,
.ttm-team-list-value a,
.ttm-team-list-title,
ul.products li.product h3 a,
.ttm-bgcolor-grey .timer-box,
.ttm-bgcolor-grey .timer-box .bottom-txt,
.ttm-header-icons .ttm-header-cart-link a
{
color: #232323;
}
/*bgcolor-black*/
.ttm-bgcolor-black,
.ttm-btn.ttm-btn-color-black.ttm-btn-style-fill,
.event-slide.owl-theme .owl-controls .owl-nav div,
.ttm-btn.ttm-btn-color-skin.ttm-btn-style-fill:hover,
.ttm-btn.ttm-bgcolor-skincolor:hover,
.ttm-bgcolor-black,
.ttm-topbar-wrapper.ttm-bgcolor-black,
.ttm-bgcolor-black > .ttm-bg-layer > .ttm-bg-layer-inner,
.ttm-bgcolor-black > .ttm-bg-layer,
.price-slider-amount .button,
.coupon button,
.ttm-cart-form button,
a.checkout-button,
.checkout-form.place-order button,
.ttm-header-style-classic-overlay .ttm-stickable-header-w,
.tp-caption.highlight-black-button,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-background-black,
.mailchimp-inputbox input[type="submit"]:hover,
ul.products li.product .onsale,
.ttm-single-content-wrap-box,
.ttm-pf-single-content-wrapper.ttm-pf-view-top-image .ttm-pf-single-detail-box{
    background-color: #14081f;
}
/*black-border*/
.ttm-icon_element-border.ttm-icon_element-color-black{
    border-color: #14081f !important ;
}