/*activity   */

a {
    color: #182333;
}

a, .site-branding a, #site-header-menu #site-navigation .menu ul li >a, .ttm-header-icon, .header-btn, a.ttm-btn, i.ttm-btn, a.nav-link, .social-icons li>a, .ttm-header-style-infostack .ttm-custombutton a, .ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link a, .accordion .toggle-title a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a, button, input {
    outline: medium none;
    color: #ff5e14;
}

::selection {
    background: #ff5e14;
    color: #fff;
    text-shadow: none;
}

.ttm-topbar-wrapper.ttm-textcolor-white, .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-bgcolor-skincolor a, .ttm-textcolor-white a, .skin-flatborder-button:hover, .dark-flatborder-button:hover, .ttm-bg-highlight-dark, .ttm-bg-highlight-skin, .ttm-header-style-classicinfo .ttm-header-icons .ttm-header-search-link a:hover, .ttm-header-style-classic .ttm-header-icons .ttm-header-search-link a:hover, .ttm-header-icons .ttm-header-search-link a:hover, .ttm-header-icons .ttm-header-cart-link a:hover, .ttm-icon.ttm-icon_element-border.ttm-icon_element-color-white, .ttm-textcolor-white .ttm-fid-icon-wrapper i, .ttm-textcolor-white .featured-content .featured-title h5 a, .ttm-textcolor-white .ttm-social-links-wrapper ul li a, .ttm-textcolor-white .ttm-social-links-wrapper ul li a:hover, .footer .social-icons li>a:hover, .ttm-btn-bgcolor-white:hover, .ttm-btn.ttm-btn-color-black:hover, .ttm-btn.ttm-btn-color-white.ttm-btn-bgcolor-white:hover, .ttm-btn.ttm-btn-color-white.ttm-btn-bgcolor-skincolor:hover, .ttm-btn.ttm-btn-color-skincolor.ttm-btn-bgcolor-white:hover, .ttm-btn.ttm-btn-color-skincolor.ttm-btn-bgcolor-skincolor:hover, .ttm-btn.ttm-btn-bgcolor-grey:hover, .ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border:hover, .ttm-btn-bgcolor-black, a.ttm-btn-bgcolor-black, .ttm-btn-bgcolor-black:hover, a.ttm-btn-bgcolor-black:hover, .ttm-btn-bgcolor-skincolor, a.ttm-btn-bgcolor-skincolor, .ttm-btn-bgcolor-skincolor:hover, a.ttm-btn-bgcolor-skincolor:hover, .featured-imagebox-team .ttm-team-box-view-overlay .ttm-social-links-wrapper ul li a, .featured-imagebox-team .ttm-team-box-view-overlay .featured-content .featured-title h5 a, .featured-imagebox-team .ttm-team-box-view-overlay .featured-content .category, .accordion .ttm-style-classic.ttm-toggle-title-border.active .toggle-title a, .ttm-box-view-top-image:hover .category, .ttm-box-view-top-image:hover .category a, .ttm-box-view-top-image:hover .ttm-box-bottom-content h2.featured-title a, .ttm-box-view-top-image:hover .ttm-box-bottom-content h2.featured-title, .widget.widget-nav-menu ul li:hover a, .widget.widget-nav-menu ul li.active a, .sidebar .widget_product_categories li span, .sidebar .widget-Categories li span, .ttm-pagination .page-numbers.current, .sidebar .widget .tagcloud a:hover, .ttm-pagination .page-numbers:hover, .ttm-box-view-left-image .featured-content .category>a:hover, .featured-imagebox.ttm-box-view-left-image .featured-content .category>a:hover, .single .ttm-team-member-view-default .ttm-social-links-wrapper ul li a:hover, a.checkout-button, .coupon button, .ttm-cart-form button, .place-order button {
    color: rgba(255,255,255,1);
}

.ttm-box-view-top-image .ttm-box-bottom-content h2.featured-title a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.ttm-bgcolor-skincolor, .ttm-bgcolor-skincolor >.ttm-bg-layer, .tp-shapewrapper, .ttm-bg-highlight-skin, .tp-caption.skin-flatborder-button:hover, .top-contact.ttm-highlight-left:after, .top-contact.ttm-highlight-right:after, .ttm-header-icons .ttm-header-cart-link span.number-cart, .ttm-header-icons .ttm-header-search-link a:hover, #site-navigation .menu ul.dropdown >li >a:before, .ttm-search-overlay .ttm-site-searchform button, .section-title .title-header:after, .section-title.title-style-center_text .title-header:after, .ttm-bgcolor-darkgrey .section-title .title-header:after, .ttm-icon_element-background-color-skincolor, .ttm-btn-bgcolor-skincolor, .ttm-tabs ul.tabs li.active a, .ttm-portfolio-box-view-overlay .featured-content h2.featured-title:after, .ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_skincolor, .newsletter-form input[type="submit"], .ttm-quote-form input[type="submit"], .widget .widget-title:after, .title-box .page-title-heading .title:before, .social-icons.circle li>a:hover, .ttm-btn-bgcolor-black:hover, .ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border:hover, #totop.top-visible, .ttm-processbox-wrapper .ttm-processbox:hover .process-num, .ttm-video-btn .ttm-btn-play, .accordion .toggle.toggle-title.ttm-style-classic.active .toggle-title, .accordion .ttm-style-classic.ttm-toggle-title-border.active .toggle-title, .featured-imagebox-portfolio.ttm-box-view-top-image:hover .ttm-box-bottom-content, .ttm-box-view-left-image .featured-content .category>a:hover, .featured-imagebox.ttm-box-view-left-image .featured-content .category>a:hover, .ttm-nextprev-bottom-nav .nav-next a, .ttm-nextprev-bottom-nav .nav-previous a, .ttm-tabs.ttm-tab-style-horizontal ul.tabs li.active a, .ttm-tabs.tabs-for-single-products ul.tabs li:hover a, .ttm-blog-classic .ttm-box-post-date, .widget.widget-nav-menu ul li a:after, .sidebar .widget_product_categories li span, .sidebar .widget-Categories li span, .ttm-pagination .page-numbers.current, .ttm-pagination .page-numbers:hover, .ttm-bgcolor-grey .ttm-pagination .page-numbers.current, .ttm-bgcolor-grey .ttm-pagination .page-numbers:hover, .mailchimp-inputbox button[type="submit"], .sidebar .widget .tagcloud a:hover, .comment-list a.comment-reply-link, .single .ttm-team-member-view-default .ttm-social-links-wrapper ul li a:hover, a.checkout-button:hover, .coupon button:hover, .ttm-cart-form button:hover, .place-order button:hover {
    background-color: #fda12b;
}

.featured-imagebox-portfolio.ttm-box-view-top-image:hover .ttm-box-bottom-content:before {
    border-color: transparent transparent #fda12b transparent;
}

a:hover, .ttm-textcolor-skincolor, .ttm-textcolor-white a:hover, .ttm-btn-color-skincolor, .ttm-btn.ttm-btn-color-skincolor, a.tp-caption.dark-text-button:hover, .ttm-textcolor-white.ttm-topbar-wrapper .social-icons li>a:hover, ul li .icon-box.icon-style-border i, .ttm-header-style-stackcenter .info-widget-content h2, .featured-imagebox-team .ttm-social-links-wrapper ul li a:hover, #site-header-menu #site-navigation .menu ul.dropdown >li.active >a, #site-header-menu #site-navigation .menu ul.sub-menu >li.active >a, .ttm-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown >li.active >a, .ttm-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown >li:hover >a, #site-header-menu #site-navigation .menu ul >li:hover >a, .ttm-header-icons .ttm-header-search-link a:hover, #site-header-menu #site-navigation .menu ul.sub-menu li >a:hover, #site-navigation .menu ul >li:hover >a:before, .ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link a:hover, .featured-imagebox .ttm-box-view-content-inner .featured-content .category, .featured-imagebox .ttm-box-view-content-inner .featured-content .category a, .featured-imagebox .ttm-box-view-content-inner .featured-content h2.featured-title a:hover, .ttm-icon_element-color-skincolor, .ttm-btn.ttm-btn-color-white:hover, .testimonial-slide .testimonials .testimonial-content label, .ttm-team-details-list .ttm-team-list-title i, .ttm-fid.inside h4, .ttm-bgcolor-darkgrey .ttm-fid-view-righticon .ttm-fid-icon-wrapper i, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper i, .ttm-bgcolor-darkgrey .ttm-fid-view-righticon.inside h4, .ttm-fid-view-lefticon.inside h4, .ttm-bgcolor-darkgrey .featured-title h6, .title-box .breadcrumb-wrapper span:last-child, ul.ttm-timelist-block li .service-time strong, .ttm-processbox-wrapper .ttm-processbox:hover .featured-title h5, .ttm-pricing-plan .ttm-ptablebox-price, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-before, .ttm-pf-detailbox-list .ttm-pf-details-date i, .featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a:hover, .ttm-blog-classic .entry-header .ttm-meta-line, .ttm-blog-classic .entry-header .ttm-meta-line a, .ttm-blog-classic .ttm-blogbox-footer-readmore a, .ttm-box-view-left-image .featured-content .category>a, .featured-imagebox.ttm-box-view-left-image .featured-content .category>a, .sidebar .widget a:hover, .sidebar ul.contact-widget-wrapper li i, .products .product .price .product-Price-amount, .products .product .star-ratings, div.product .summary .price .Price-amount, div.product .summary .star-rating {
    color: #fda12b;
}

a:focus, a:hover {
    color: #ff5e14;
    text-decoration: none;
}


.ttm-row {
    padding: 90px 0;
}

.ttm-row.row-top-section {
    padding: 0 0;
}

.ttm-row.about-section {
    padding: 100px 0 122px;
}

.ttm-row.broken-section {
    padding: 0 0;
}

.ttm-row.portfolio-section {
    padding: 144px 0 90px;
}

.ttm-row.services-section {
    padding: 0 0 70px;
}

.ttm-row.only-title-section {
    padding-top: 155px;
    padding-bottom: 155px;
}

.ttm-row.team-section {
    padding-top: 0px;
    padding-bottom: 85px;
}

.ttm-row.row-title-section {
    padding-top: 130px;
    padding-bottom: 215px;
}

.ttm-row.about3-section {
    padding: 90px 0 65px;
}

.ttm-row.contact-section {
    padding: 0 0 100px;
}

.ttm-row.testimonial2-section {
    padding: 90px 0 100px;
}

.ttm-row.blog-section {
    padding: 90px 0 136px;
}

.ttm-row.blog2-section {
    padding: 80px 0 146px;
}

.ttm-row.about2-section {
    padding: 108px 0 47px;
}

.ttm-row.services2-section {
    padding: 90px 0 75px;
}

.ttm-row.desc-only-section {
    padding: 40px 0 25px;
}

.ttm-row.contact-form-section {
    padding: 110px 0 0;
}

.ttm-row.services3-section {
    padding: 90px 0 70px;
}

.ttm-row.fid-section {
    padding-top: 126px;
    padding-bottom: 70px;
}

.ttm-row.partners-section {
    padding: 100px 0 65px;
}

.ttm-row.multi-content-section {
    padding: 90px 0 220px;
}

.ttm-row.company-template-section {
    padding: 0 0;
}

.ttm-row.actionbox-section {
    padding : 35px 0 76px;
}

.ttm-row.row-text-section {
    padding: 78px 0 60px;
}

.ttm-row.services-box-section {
    padding: 0 0 95px;
}

.ttm-row.fid2-section {
    padding: 34px 0 65px;
}

.ttm-row.only-title-section.style2 {
    padding-top: 93px;
    padding-bottom: 70px;
}

.ttm-row.processbox2-section {
    padding: 0 0 140px;
}

.ttm-row.map-section {
    padding: 0 0;
}

.ttm-row.carrer-pos-section {
    padding: 0 0 120px;
}

.ttm-row.featured-section {
    padding: 45px 0;
}

.ttm-row.banner-box-section {
    padding: 80px 0 42px;
}

.ttm-row.product-section {
    padding: 0 0 45px;
}

.ttm-row.cart-section {
    padding: 82px 0 130px;
}

.ttm-row.expertise-section {
    padding: 60px 0 20px;
}

.ttm-row.cta-form-section {
    padding: 60px 0 130px;
}

/* ===============================================    2.Row-Equal-Height------------------------*/
.row-equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row-equal-height >[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* ===============================================    3.Bg-Layer ------------------------*/
.ttm-bg {
    position: relative;
}

.ttm-col-bgimage-yes, .bg-layer-equal-height .ttm-col-bgcolor-yes {
    height: 100%;
    z-index: 9;
}

.ttm-bg-layer , .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.ttm-left-span .ttm-col-wrapper-bg-layer {
    width: auto;
    margin-left: -100px;
    right: 0;
}

.ttm-right-span .ttm-col-wrapper-bg-layer {
    width: auto;
    margin-right: -100px;
    right: 0;
}

.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer {
    opacity: .9;
}

.layer-content {
    position: relative ;
    z-index: 9;
    height: 100%;
}

.bg-layer >.container >.row {
    margin: 0;
}

.bg-layer >.container >.row >[class*='col-'] ,.bg-layer >.container-fluid >.row >[class*='col-'] {
    padding: 0;
}



/* ===============================================    5.Col-Bg-Image  ------------------------*/
.ttm-equal-height-image {
    display: none;
}

.col-bg-img-one.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url(../images/bg-image/col-bgimage-1.jpg) !important;
    background-position: left center!important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.col-bg-img-two.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url(../images/bg-image/col-bgimage-2.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.col-bg-img-three.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url(../images/bg-image/col-bgimage-3.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.col-bg-img-four.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url(../images/bg-image/col-bgimage-4.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.col-bg-img-five.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
    background-image: url(../images/bg-image/col-bgimage-5.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* ===============================================    6.highlight-text------------------------*/
.highlight-text h2 {
    text-align: left;
    font-size: 90px;
    line-height: 90px;
    font-family: 'Poppins',Arial,Helvetica;
    font-weight: 600;
}

.highlight-text {
    background: url(../images/highlight-text-bg.jpg) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: center center;
}

.max-content {
    max-width: max-content !important;
    width: auto;
}

/* ===============================================    7.Section-Title  ------------------------*/
.section-title {
    position: relative;
}

.section-title h5 {
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 2px;
    margin-top: 5px;
    color: #8d9297;
}

.section-title h2.title {
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 0;
}

.section-title .title-desc {
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 32px;
}

.section-title .title-header {
    position: relative;
    padding-left: 29px;
    margin-bottom: 29px;
}

.section-title.with-desc .title-header {
    margin-bottom: 25px;
}

.section-title .title-header:after {
    display: block;
    content: "";
    position: absolute;
    background-color: transparent;
    width: 6px;
    top: 0%;
    height: 95%;
    left: 0;
    margin-left: 0;
}

/* style2 */
.section-title.style2 {
    padding-bottom: 42px;
    margin-right: -35px;
}

.section-title.style2.with-seprator {
    padding-bottom: 35px;
}

.section-title.style2 .title-desc:after {
    content: "";
    right: 55%;
    height: 70%;
    position: absolute;
    top: 0%;
    width: 1px;
    border-right: 1px solid rgba(122,122,122,.34);
}

.ttm-bgcolor-skincolor .section-title.style2 .title-desc:after {
    border-right: 1px solid rgba(255,255,255,.16);
}

.section-title.style2 .title-header {
    width: 50%;
    padding-right: 60px;
}

.section-title.style2 .title-header,.section-title.style2 .title-desc {
    display: table-cell;
    vertical-align: middle;
}

.section-title.title-style-center_text,.section-title.title-style-center_text .title-desc {
    text-align: center;
}

.section-title.title-style-center_text.with-desc .title-header {
    margin-bottom: 47px;
}

.section-title.title-style-center_text .title-header:after {
    width: 70px;
    bottom: -20px;
    height: 6px;
    left: 50%;
    margin-left: -35px;
    top: auto;
}

.section-title.without-sep-line .title-header, .section-title.title-style-center_text.with-desc .title-header {
    padding-left: 0;
}

.section-title.without-sep-line .title-header:after, .section-title.title-style-center_text.without-sep-line .title-header:after {
    content: unset;
}

/* row-title*/
.row-title h2.title {
    font-size: 60px;
    line-height: 65px;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-weight: 600;
    margin-bottom: 0px;
    padding: 0;
}

.row-title h5 {
    text-align: center;
    font-size: 18px;
    line-height: 52px;
    text-transform: capitalize;
}

/* ===============================================    8.separator------------------------*/
.separator .sep-line {
    height: 1px;
    border-top: 1px solid #dbdbdb;
    display: block;
    position: relative;
    top: 5px;
    width: 100%;
}

.ttm-bgcolor-darkgrey .separator .sep-line {
    border-color: rgba(255,255,255,0.14);
}

.ttm-bgcolor-white .separator .sep-line {
    border-color: #f1f1f1;
}

/* ===============================================    9.Buttons------------------------*/
.ttm-btn {
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    padding: 11px 32px 11px 31px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 9;
    vertical-align: middle;
    text-transform: capitalize;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.ttm-btn.ttm-icon-btn-left {
    padding-left: 44px;
}

.ttm-btn.ttm-icon-btn-right {
    padding-right: 44px;
}

.ttm-btn.ttm-icon-btn-left i {
    left: 20px;
}

.ttm-btn.ttm-icon-btn-right i {
    right: 20px;
}

.ttm-btn.ttm-icon-btn-right {
    padding-right: 22px;
}

.ttm-btn.ttm-icon-btn-right i {
    right: 2px;
}

.ttm-bgcolor-darkgrey .ttm-btn:hover.btn-inline.ttm-btn-color-skincolor {
    background-color: transparent;
    color: #fff;
}

/** btn-with-icon **/
.ttm-btn i {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.ttm-btn.ttm-icon-btn-right {
    text-align: right;
}

.ttm-btn.ttm-icon-btn-left {
    text-align: left;
}

/** btn-size-xs **/
.ttm-btn.ttm-btn-size-xs {
    font-size: 11px;
    padding: 8px 20px;
}

.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-right {
    padding-right: 31px;
}

.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left {
    padding-left: 31px;
}

.ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left i {
    left: 12px;
}

.ttm-btn.ttm-btn-size-xs i {
    font-size: 14px;
    height: 11px;
    line-height: 11px;
    right: 12px;
}

/** btn-size-sm **/
.ttm-btn.ttm-btn-size-sm {
    font-size: 14px;
    padding: 10px 24px 10px 24px;
}

.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-right {
    padding-right: 39px;
}

.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left {
    padding-left: 39px;
}

.ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left i {
    left: 16px;
}

.ttm-btn.ttm-btn-size-sm i {
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    right: 16px;
}

/** btn-size-md **/
.ttm-btn.ttm-btn-size-md {
    font-size: 14px;
    padding: 13px 30px 13px 30px;
}

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right {
    padding-right: 48px;
}

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left {
    padding-left: 48px;
}

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-left i {
    left: 20px;
}

.ttm-btn.ttm-btn-size-md.ttm-icon-btn-right i {
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    right: 20px;
}

/** btn-size-lg **/
.ttm-btn.ttm-btn-size-lg {
    font-size: 20px;
    line-height: 20px;
    padding: 18px 45px;
}

.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right {
    padding-right: 60px;
}

.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left {
    padding-left: 60px;
}

.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left i {
    left: 25px;
}

.ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right i {
    font-size: 20px;
    height: 16px;
    line-height: 16px;
    right: 25px;
}

/** btn-shape **/
.ttm-btn.ttm-btn-shape-round {
    border-radius: 2em;
}

.ttm-btn.ttm-btn-shape-rounded {
    border-radius: 5px;
}

.ttm-btn.ttm-btn-shape-square {
    border-radius: 0;
}

/** btn-style-border **/
.ttm-btn.ttm-btn-style-border {
    background-color: transparent;
    border: 2px solid;
}

.ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

.ttm-btn.ttm-btn-color-white.ttm-btn-style-border:hover {
    color: #020d26;
    border-color: #FFF;
    background-color: #FFF;
}

/** btn-inline **/
.ttm-btn.btn-inline {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
}

/* videao-btn */
.ttm-video-btn.video-btn-left {
    left: 0;
}

.ttm-video-btn.text-center {
    position: absolute;
    left: 0;
    right: 0;
    top: 165px;
}

.video-btn-left .ttm-play-btn {
    padding-left: 90px;
}

.ttm-video-btn.video-btn-center {
    left: 50%;
    margin-top: -25px;
    position: absolute;
    top: 50%;
}

.ttm-video-btn:hover a {
    opacity: 0.9;
    color: #fff;
}

.ttm-play-btn {
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 10px 20px 10px 50px;
    position: relative;
}

.ttm-video-btn .ttm-btn-play {
    height: 65px;
    width: 65px;
    line-height: 65px;
    border-radius: 50%;
    padding-left: 7px;
    text-align: center;
    font-size: 30px;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translate(-25%,-10%);
    -ms-transform: translate(-25%,-10%);
    -o-transform: translate(-25%,-10%);
    transform: translate(-25%,-10%);
}

.ttm-btn-play:after, .ttm-btn-play:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #fda12b;
}

.ttm-btn-play:after {
    z-index: 1;
    width: 105px;
    height: 105px;
    opacity: .09;
}

.ttm-btn-play:before {
    z-index: 2;
    width: 94px;
    height: 94px;
    opacity: .21;
}

.ttm-play-btn:hover, .ttm-video-btn span.ttm-btn-play {
    color: #fff;
}

.ttm-video-btn:hover .ttm-btn-play {
    background-color: rgba(253, 161, 43, 0.95);
    color: rgba(255, 255, 255, 1);
}

/* ===============================================    10.Icons------------------------*/
.ttm-icon {
    margin-bottom: 35px;
    display: inline-block;
    text-align: center;
    border: 2px solid transparent;
    position: relative;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    box-sizing: content-box;
    position: relative;
}

.ttm-icon i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/** icon-size-xs **/
.ttm-icon.ttm-icon_element-size-xs {
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.ttm-icon.ttm-icon_element-size-xs i {
    font-size: 19px;
}

/** icon-size-sm **/
.ttm-icon.ttm-icon_element-size-sm {
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.ttm-icon.ttm-icon_element-size-sm i {
    font-size: 28px;
}

/** icon-size-md **/
.ttm-icon.ttm-icon_element-size-md {
    height: 58px;
    width: 58px;
    line-height: 58px
}

.ttm-icon.ttm-icon_element-size-md i {
    font-size: 30px;
}

/** icon-size-lg **/
.ttm-icon.ttm-icon_element-size-lg {
    height: 58px;
    width: 58px;
    line-height: 58px;
}

.ttm-icon.ttm-icon_element-size-lg i {
    font-size: 45px;
}

/** icon-shape **/
.ttm-icon.ttm-icon_element-style-round {
    border-radius: 5px;
}

.ttm-icon.ttm-icon_element-style-rounded {
    border-radius: 50%;
}

.ttm-icon.ttm-icon_element-style-square {
    border-radius: 0;
}

/** icon-style-border **/
.ttm-icon.ttm-icon-color-black.ttm-icon-style-border {
    background-color: transparent;
}

/* ===============================================    11.Fid------------------------*/
.inside {
    text-align: center;
    position: relative;
    padding: 29px 15px 25px 15px;
    margin-bottom: 30px;
}

.inside h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
}

.ttm-fid-view-righticon.inside h4, .ttm-fid-view-lefticon.inside h4 {
    margin-bottom: 0;
    float: left;
    display: block;
}

.ttm-fid-view-lefticon.inside h4 span:nth-child(2) {
    margin-left: 5px;
}

.inside h3 {
    margin-bottom: 0;
    bottom: -11px;
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    padding-top: 0;
}

.ttm-fid-view-righticon .ttm-fid-left, .ttm-fid-view-lefticon .ttm-fid-left {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 44px;
}

.ttm-fid-view-righticon .ttm-fid-icon-wrapper, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper {
    position: absolute;
    top: 0;
}

.ttm-fid-icon-wrapper i {
    font-size: 40px;
}

.ttm-fid-view-topicon .ttm-fid-icon-wrapper i {
    position: absolute;
    top: 50%;
    left: 50%;
    -khtml-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.ttm-fid-view-lefticon.inside h4 {
    padding-left: 55px;
}

.ttm-fid-view-righticon .ttm-fid-contents, .ttm-fid-view-lefticon .ttm-fid-contents {
    padding-top: 12px;
    text-align: left;
    border-top: 1px solid #E8E8E8;
    clear: both;
    overflow: hidden;
    margin-top: 15px;
}

.row.ttm-fid-row-wrapper {
    margin: 0;
}

.row.ttm-fid-row-wrapper .col-md-4 {
    padding: 0;
}

.ttm-fid-view-topicon {
    padding: 30px 0 2px;
    padding-left: 0;
}

.ttm-facts-colum-sep .ttm-fid-view-topicon {
    padding: 5px 0 2px;
    margin-bottom: 14px;
}

.ttm-facts-colum-sep .col-md-3:not(:last-child):after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, .23);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    top: 50%;
    -khtml-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}

.ttm-fid.ttm-fid-view-topicon .ttm-fid-icon-wrapper {
    margin-bottom: 0;
    width: 122px;
    height: 61px;
    line-height: 61px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.inside.ttm-fid-view-topicon h4 {
    font-size: 44px;
    line-height: 55px;
}

.inside.ttm-fid-view-topicon h3 {
    position: relative;
}

.inside.ttm-fid-view-topicon h3:after {
    content: "";
    left: 50%;
    height: 2px;
    position: absolute;
    top: -9px;
    width: 30px;
    margin-left: -17px;
    background-color: transparent;
}

.ttm-fid-contents sub {
    font-size: 15px;
    font-weight: 400;
    bottom: -.25em;
}

/* ===============================================    12.featured-icon-box ( only contents )------------------------*/
.featured-icon-box {
    position: relative;
}

.featured-icon-box .ttm-icon {
    margin-bottom: 0px;
}

.featured-icon-box.top-icon .featured-content {
    padding-top: 14px;
}

.featured-icon-box .ttm-icon.ttm-icon_element-size-md {
    height: 42px;
    width: 42px;
    line-height: 42px;
}

.featured-icon-box .ttm-icon.ttm-icon_element-fill.ttm-icon_element-size-md {
    height: 72px;
    width: 72px;
    line-height: 72px;
}

.featured-icon-box.left-icon {
    display: table;
}

.featured-icon-box.left-icon .featured-icon:not(.ttm-icon_element-border),.featured-icon-box.left-icon .featured-icon, .featured-icon-box.left-icon .featured-content {
    display: table-cell;
    vertical-align: middle;
}

.featured-icon-box.left-icon.icon-align-top .featured-icon {
    vertical-align: top;
}

.featured-icon-box.left-icon .featured-content {
    padding-left: 12px;
}

.featured-title h5 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 10px;
    font-weight: 600;
}

.featured-title h6 {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 0px;
}

.featured-icon-box.iconalign-before-heading {
    padding: 20px 0;
}

.featured-icon-box.iconalign-before-heading .featured-content {
    display: table;
}

.featured-icon-box.iconalign-before-heading .ttm-icon.ttm-icon_element-size-md {
    height: auto;
    width: auto;
}

.featured-icon-box.iconalign-before-heading .featured-content .ttm-icon,.featured-icon-box.iconalign-before-heading .featured-content .featured-title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 18px;
}

body {
    counter-reset: section;
}

.featuredbox-number .ttm-num:before {
    counter-increment: section;
    content: counter(section, decimal-leading-zero) " " ;
}

.featured-icon-box.style1 {
    padding: 41px 20px 31px;
}

.featured-icon-box.style2 {
    padding: 0 25px 0 0;
    position: relative;
}

.featured-icon-box.style2 .ttm-icon {
    margin-bottom: 0;
}

.featured-icon-box.style2 .featured-title h5 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}

.col-md-4:not(:last-child) .featured-icon-box.style2:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #f1f1f1;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -khtml-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}

.featured-icon-box.style3 {
    padding: 0 0 11px 0;
}

.featured-icon-box.style3 .ttm-icon.ttm-icon_element-size-md {
    height: 75px;
    width: 75px;
    margin-right: 10px;
    margin-top: 5px;
}

.featured-icon-box.style3 .ttm-icon.ttm-icon_element-size-md i {
    font-size: 30px;
}

.featured-icon-box.style4 {
    border: 1px solid #f1f1f1;
    padding: 19px 20px;
    margin-bottom: 19px;
    display: block;
}

.featured-icon-box.style4 .ttm-icon {
    margin-bottom: 0;
}

.featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-sm {
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.featured-icon-box.style4 .featured-title h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 4px;
}

.featured-icon-box.style4.left-icon .featured-content {
    padding-left: 20px;
}

.featured-icon-box.style6 {
    padding: 45px 40px 45px 80px;
}

/* ===============================================    13.featured-imagebox ( contents with image)------------------------*/
.featured-imagebox .ttm-box-view-content-inner {
    position: relative;
    overflow: hidden;
}

.featured-imagebox .featured-content h2.featured-title {
    padding-top: 10px;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 30px;
    position: relative;
}

.featured-imagebox .featured-content h2.featured-title a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.featured-imagebox .featured-content .category,.featured-imagebox .featured-content .category a {
    font-size: 15px;
}

.featured-imagebox .featured-icon-box {
    padding: 37px 30px 42px 30px;
    text-align: center;
    background-color: #fff;
}

.featured-imagebox .ttm-box-bottom-content {
    padding: 37px 30px 42px 30px;
    text-align: center;
}

.ttm-box-view-top-image .ttm-box-bottom-content {
    margin-bottom: 10px;
}

.ttm-box-view-top-image .category, .ttm-box-view-top-image .category a {
    color: #8d9297;
    margin-top: 0;
    font-size: 14px;
}

.ttm-box-view-top-image .ttm-box-bottom-content h2.featured-title {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 25px;
    font-weight: 500;
}

.ttm-box-view-top-image .ttm-box-bottom-content h2.featured-title a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

/* portfolio */
.featured-imagebox-portfolio {
    position: relative;
    overflow: hidden;
}

.ttm-portfolio-box-view-overlay.ttm-box-view-overlay {
    position: absolute;
    bottom: -30%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background-color: rgba(24,35,51,.83);
}

.ttm-portfolio-box-view-overlay.ttm-box-view-overlay .ttm-box-view-content-inner {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    border: 1px solid rgba(255,255,255,.28);
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 15px;
}

.featured-imagebox-portfolio:hover .ttm-portfolio-box-view-overlay.ttm-box-view-overlay {
    opacity: 1;
    bottom: 0;
}

.ttm-portfolio-box-view-overlay .featured-content h2.featured-title:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -22px;
    width: 60px;
    height: 3px;
    margin-left: -25px;
}

.featured-imagebox-portfolio .featured-content-portfolio .category {
    margin-top: -27px;
}

.featured-imagebox-portfolio.ttm-box-view-top-image {
    margin-bottom: 30px;
    overflow: visible;
}

.featured-imagebox-portfolio.ttm-box-view-top-image .ttm-box-bottom-content {
    padding: 17px 25px 24px;
    position: relative;
    text-align: left;
    background-color: #fff;
}

.featured-imagebox-portfolio.ttm-box-view-top-image .ttm-box-bottom-content:before {
    position: absolute;
    bottom: 100%;
    transform: translateX(-50%);
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #fff transparent;
    z-index: 1;
    top: -14px;
    left: 42px;
}

.featured-imagebox-portfolio .ttm-box-view-overlay {
    position: absolute;
    bottom: -30%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background-color: rgba(24,35,51,.83);
}

.featured-imagebox-portfolio:hover .ttm-box-view-overlay {
    opacity: 1;
    bottom: 0;
}

.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a {
    display: inline-block;
    font-size: 18px;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 43px;
    width: 43px;
    line-height: 43px;
    border: 1px solid transparent;
    text-align: center;
    color: #fff;
    background-color: #fda02b;
    border-radius: 50%;
}

.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a:hover {
    color: #fda02b;
    background-color: #fff;
}

.featured-imagebox-portfolio.ttm-box-view-top-image .featured-iconbox.ttm-media-link a {
    top: 50%;
    right: 50%;
    margin-top: -17px;
}

.featured-imagebox-portfolio a.ttm_link {
    line-height: 41px;
    margin-right: -47px;
    float: right;
}