/*

Theme Name: tuchup

Theme URI: http://wptf.themepul.com/tuchup

Author: Themepul

Author URI: http://themepul.com

Description: Themepul team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Version: 1.0.0

Requires at least: 4.0

Tested up to: 5.5

Requires PHP: 7.3

Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready

Text Domain: tuchup

*/





/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Transition

# Color

# Buttons

# Header 

# Hamburger icon

# X icon

# Blog Section

# Footer

# Copyright 

# Top To Buttom

# 404 Page

# Preloader 





/* Transition */



a,

a:hover,

input,

input:focus,

.header-quote a:hover h4,

.header-quote a:hover h2 {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}



body {

    background: #ffffff;

    color: #798795;

   font-family: 'Roboto', sans-serif;

    font-size: 15px;

    line-height: 1.7em;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Poppins', sans-serif;

    color:#010425;

}



.post-single h1,

.post-single h2,

.post-single h3,

.post-single h4,

.post-single h5,

.post-single h6,

.post-single a,

.comment-content h1,

.comment-content h2,

.comment-content h3,

.comment-content h4,

.comment-content h5,

.comment-content h6 {

    color: #010425

}





/** Colors ***/



.color1 {

    color: #ff176c

}



.colorbg {

    background-color: #ff176c

}





/*** Buttons ***/



a.tuchup-btn {

padding: 13px 25px;

    background: #860a0c;

    background: #860a0c;

    background: #860a0c;
	
	
/*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
*/
   background: #860a0c;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff176c",endColorstr="#a2003c",GradientType=1);

    color: #fff;

    border-radius: 3px;

    font-size: 14px;

    transition: all .4s ease-in-out;

    background-size: 100% 200%;

    box-shadow: 0px 3px 10px 1px rgba(173, 36, 87, 0.58);

   font-family: 'Poppins', sans-serif;

    font-weight: 500;

    font-size: 16px;

}

.header2 a.tuchup-btn {

    background: -moz-linear-gradient(117deg, rgba(255,23,108,1) 23%, rgba(162,0,60,1) 58%);

    background: -webkit-linear-gradient(117deg, rgb(169, 84, 5) 23%, rgb(251, 129, 14) 58%);

    background: linear-gradient(117deg, rgb(169, 84, 5) 23%, rgb(251, 129, 14) 58%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff176c",endColorstr="#a2003c",GradientType=1);

    box-shadow: 0px 3px 10px 1px rgb(197, 191, 191);

}

div a.tuchup-btn:hover {

    transition: all .4s ease-in-out;

    background-position: -100% 676%;

    color: #fff;

    box-shadow: 0px 0px 12px 1px rgba(107, 0, 39, 0.58);

}

a.tuchup-btn i:before {

    font-size: 13px;

}

a.tuchup-btn i {

    margin-left: 5px;

}

a.tuchup-btn:focus {

    color: #fff;

}

/*** Quick start ***/



.header-quote {

    margin-left: 30px;

}







/*** Header **/



.topbar-left ul li,

.topbar-right ul li {

    display: inline-block;

    font-size: 14px;

    color: #ffffff;

}



.header-top ul {

    padding: 0;

    margin: 0;

}



.header-top {

    background-color: #010425;

    padding: 12px 0;

     position: relative;

    z-index: 1;

}

.header2 .header-top {

    background-color: #f17603;

}

.topbar-left ul li>i,

.topbar-right ul li>i {

    font-size: 16px;

    margin-right: 8px;

    color: #ffffff;

}



.header-top ul li a {

    color: #ffffff;

}



.header-top ul li a:hover {

    color: #ff176c;

}



.topbar-left ul li:first-child {

    margin-right: 9%;

}



.topbar-right {

    text-align: right;

}



.header-top:after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}



.header-line {

    position: absolute;

    overflow: hidden;

    left: 0;

    width: 100%;

    height: 83px;

}

.header-main-area:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.header-main-area {

    position: relative;

}

.header-line:after {

    border-left: 40em solid #010425;

    border-bottom: 530px solid transparent;

    bottom: 0;

    content: "";

    height: 0;

    position: absolute;

    right: 0;

    width: 0;

    top: 0;

    left: 0;

    z-index: 0;

    overflow: hidden;

}

nav.navbar.navbar-expand-lg {

    padding: 0;

}

.header3 .top-header-2 {

    min-width: 535px;

}

#navmenu>ul>li>a {

    padding: 33px 14px;

    color: #010425;

    font-weight: 500;

    text-transform: capitalize;

    font-size: 15px;

    letter-spacing: 0px;

}



h1.default-logo a {

    font-size: 26px;

    text-transform: capitalize;

    font-weight: 600;

    color: #ffffff;

}



h1.default-logo {

    padding: 0;

    margin: 0;

    margin-bottom: 4px;

}



.fa-envelope-o:before {

    font-family: fontawesome;

}



.sm-simple ul.sub-menu li a {

    color: #ffffff;

    font-weight: 500;

}



.sm-simple ul.sub-menu li a:hover {

    color: #010425;

}



ul.sub-menu {

    background-color: #010425;

    padding: 15px 0;

}



.sm-simple ul.sub-menu li a:hover {

    background-color: #fff;

    color: #010425;

}



ul#main-menu {

    display: flex;

}



.main-menu-btn {

    position: relative;

    display: inline-block;

    width: 28px;

    height: 28px;

    text-indent: 28px;

    white-space: nowrap;

    overflow: hidden;

    cursor: pointer;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.header-main-area.on {

    position: fixed;

    width: 100%;

    top: 0;

    background-color: #fff;

    z-index: 999;

    box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.25);

    transition: .4s;

}



.header-main-area.on .top-header-2 {

    display: none;

    transition: .4s;

}



.header5 .header-main-area.on .header-main-inner {

     position: fixed;

    width: 100%;

    top: 0;

    background-color: #ffffff;

    z-index: 999;

    box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.47);

    transition: .4s;

}

.header6 .header-main-area.on #navmenu>ul>li>a:hover {

    color: #ff176c;

}

.header6 .header-main-area.on #navmenu>ul>li>a {

    color: #0d0d0d;

}



/* hamburger icon */



.admin-bar .header-main-area.on,

.admin-bar .header5 .header-main-area.on .header-main-inner {

    top: 32px;

}



.main-menu-btn-icon,

.main-menu-btn-icon:before,

.main-menu-btn-icon:after {

    position: absolute;

    top: 50%;

    left: 2px;

    height: 2px;

    width: 24px;

    background: #ff176c;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

}



.main-menu-btn-icon:before {

    content: '';

    top: -7px;

    left: 0;

}



.main-menu-btn-icon:after {

    content: '';

    top: 7px;

    left: 0;

}





/* x icon */



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {

    height: 0;

    background: transparent;

}



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {

    top: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {

    top: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}





/* hide menu state checkbox */



#main-menu-state {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    border: 0;

    padding: 0;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

}





/* hide the menu in mobile view */



#main-menu-state:not(:checked)~#main-menu {

    display: none;

}



#main-menu-state:checked~#main-menu {

    display: block;

}



@media (min-width: 767px) {

    .main-menu-btn {

        position: absolute;

        top: -99999px;

    }

    #main-menu-state:not(:checked)~#main-menu {

        display: block;

    }

}





/*** Header style 2 ***/



.header2 .header-line:after {

    border-left: 41em solid #fb810e;

    border-bottom: 172em solid transparent;

    border-radius: 0 160px 194px 93px;

}

/** Header style 3 ***/

.header3 .site-branding a{

    background:#c11857;

    padding:49.5px 38px;

}

.header-search-box {

    width: 70%;

    margin: 0 auto;

}

.abos-logo-default.logo3 h1.default-logo {

    margin-bottom: 0;

	margin-right: 0;

}

div.header-search-box input {

    background: #e0e0e0;

    padding: 24px 40px;

    border: none;

    border-radius: 100px;

    color: #000000;

    position: relative;

}



div.header-search-box button {position: absolute;right: 0;top: 0;padding: 21px 38px;background: transparent;border: transparent;cursor: pointer;color: #000000;font-size: 20px;}



div.header-search-box form {

    position: relative;

}

.header-main-area.on .header-search-area a {

    padding: 29.5px;

}

.header3 .header-main-area.on .site-branding a {

    padding: 25.5px 38px;

}

.white-popup button.mfp-close {

    position: fixed;

    top: 50px;

    right: 50px;

    color: #000;

    border-color: #e0e0e0;

    background: #e0e0e0;

    opacity: 1;

}

.header-search-area a {

    background: transparent;

    text-align: center;

    display: block;

    font-size: 23px;

    color: #ffffff;

    padding: 53.5px;

    position: relative;

    z-index: 1;

}



.header-search-area a:after {content: "";width: 5214px;height: 100%;background: #c11857;position: absolute;left: 0;top: 0;z-index: -1;}

h1.default-logo a img {

    width: 78%;

}

/*** Header 4 ***/

.header4 .theme-logo a {

    padding: 53.5px 16px;

    position: relative;

    z-index: 999;

}



.header4 .theme-logo a:after {content: "";background: #ff176c;position: absolute;width: 100%;height: 168px;left: 0;top: 0;z-index: -1;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}

/**** Bog section ***/



.blog-top ul li {

    display: inline-block;

    margin-right: 10px;

    text-transform: capitalize;

    font-size: 90%;

}



.blog-top ul {

    margin: 0;

    padding: 0;

}



.blog-top ul li.postby a {

    color: #ff176c;

}



.blog-top ul li.postby a:hover {

    color: #798795;

}



.blog-top {

    overflow: hidden;

}



.blog-top .date {

   font-family: 'Poppins', sans-serif;

    position: relative;

    font-size: 14px;

}



.blog-top .date:before {

    content: "\f073";

    font-family: fontawesome;

    margin-right: 6px;

}



.blog-top .author a:before {

    content: "\f007";

    font-family: fontawesome;

    margin-right: 5px;

}



.blog-title h2 {

    font-size: 24px;

    text-transform: capitalize;

    margin: 15px 0;

}



.blog-title h2 a {

    color: #000;

    line-height: 31px;

}



.blog-footer a.theme-button {

    color: #010425;

    border: 2px solid #eeeeee;

    text-transform: capitalize;

    font-size: 16px;

   font-family: 'Roboto', sans-serif;

    padding: 14px 30px;

}



.blog-footer .left {

    display: inline-block;

}



.blog-footer .right {

    display: inline-block;

    float: right;

    padding: 20px 0;

}



.blog-comment-num a:before {

    content: "\f103";

    font-family: flaticon;

    font-size: 18px;

    position: relative;

    top: 3px;

    margin-right: 4px;

    color: #929292;

    transition: .4s;

}



.blog-comment-num a {

    font-size: 14px;

    font-weight: 600;

    color: #000;

}



.blog-comment-num a:hover {

    color: #ff176c;

}



.blog-comment-num a:hover:before {

    color: #ff176c;

    transition: .4s;

}



.blog-footer a.theme-button:hover {

    background-color: #ff176c;

    color: #ffffff;

    border: 2px solid transparent;

}



.blog-footer {

    margin-top: 30px;

}



.blog-title h2 a:hover {

    color: #ff176c;

}



.blog-image {

    margin-bottom: 30px;

}



.blog-boxs.blog-post-3 .blog-image {

    width: 100%;

    height: 230px;

}



.blog-boxs.blog-post-3 .blog-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.blog-boxs.blog-post-2 .blog-image {

    width: 100%;

    height: 320px;

}



.blog-boxs.blog-post-2 .blog-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.blog-boxs.blog-post-2 .col-lg-7.col-xl-7 .blog-title h2 {

    padding-right: 37%;

}



.tuchup-post-meta ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.tuchup-post-meta ul li {

    display: inline-block;

    margin-right: 15px;

}



.tuchup-post-meta ul li>i:before {

    margin-right: 8px;

    font-size: 14px;

}



.tuchup-post-meta ul li a {

    color: #798795;

    text-transform: capitalize;

    margin: 0;

    font-weight: normal;

}



.tuchup-post-meta ul li a time,

.tuchup-post-meta ul li a {

    font-size: 95%;

}



.tuchup-post-meta ul li a:hover {

    color: #ff176c;

}



.tuchup-post-meta {

    padding-top: 0px;

    padding-bottom: 16px;

}



.post-single .post-thumbnail img {

    margin-bottom: 30px;

}

h2.post-title a {

    color: #000;

    font-size: 30px;

    text-transform: capitalize;

    word-break: break-word;

    -ms-word-wrap: break-word;

}



h2.post-title a:hover {

    color: #ff176c;

}



.tuchup-cat a {

    text-transform: capitalize;

    margin-left: 10px;

    font-weight: 500;

    color: #ff176c;

    font-family: 'Poppins', sans-serif;

}



.tuchup-cat {

    color: #ff176c;

    font-weight: 500;

}



.blog-list .post-summery p {

    margin-bottom: 30px;

    padding-top: 20px;

}



.post-single {

    margin-bottom: 50px;

    width: 100%;

    max-width: 100%;

    transition: 0.5s;

}





/*** Footer ***/

.footer-top.tuchup-footer-widgets:after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: red;

    z-index: -1;

    background-color: #0c0d0d;

}

.footer-top.tuchup-footer-widgets {

    

    padding-top: 120px;

    padding-bottom: 70px;

    position: relative;

    z-index: 1

}



.sidebar .widget:last-child {

    margin-bottom: 0;

}



.tuchup-ft-content select {

    background-color: #fff;

}



.tuchup-ft-content form.search-form .search-button button.search-submit:hover {

    background-color: #fff;

    color: #010425;

}



.sidebar .tuchup-social-widget ul li {

    display: inline-block;

}



.sidebar .tuchup-social-widget ul li a {

    display: block;

    width: 35px;

    height: 35px;

    background: #ff176c;

    text-align: center;

    margin-right: 5px;

    padding: 4px;

}



.sidebar .tuchup-social-widget ul li a i:before {

    color: #fff;

    font-size: 13px;

}



.sidebar .tuchup-social-widget ul li a:hover {

    background-color: #010425;

}



.sidebar h3.tuchup-widget-post-title.post-title {

    font-size: 14px;

    margin-bottom: 0;

}



.sidebar h3.tuchup-widget-post-title.post-title a {

    color: #010425;

}



.sidebar h3.tuchup-widget-post-title.post-title a:hover {

    color: #ff176c;

}



.sidebar .tuchup-widget-posts-descr .date {

    font-size: 14px;

}



.tuchup-pfg-items {

    margin-bottom: 30px;

}





/*** copyright ***/



.copyright p {

    margin: 0;

    font-size: 14px;

    color: #ffffff;

}



.footer-menu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-menu ul li {

    display: inline-block;

}



.footer-menu {

    text-align: right;

}



.footer-copyright-area {

    background-color: #010425;

    padding: 20px 0;

    position: relative;

}



.copyright p a {

    color: #798795;

    text-transform: capitalize;

}



.copyright p a:hover {

    color: #ffffff;

}



.footer-menu div>ul>li>a:hover {

    color: #ff176c;

}



.footer-menu div>ul>li>a {

    color: #fff;

}



.footer-menu ul ul li a {

    padding: 4px 9px;

}



.footer-menu ul li ul {

    padding: 6px 10px;

}



.footer-menu ul li ul li {

    min-width: 9em;

    margin: 1px 0px;

}



.ft-info-dec p {

    color: #798795;

}



.breadcroumb-boxs {

    padding: 150px 0;

    position: relative;

    z-index: 0;

}



.breadcroumb-boxs:after {

    content: "";

    width: 100%;

    height: 100%;

    background-color: rgb(121, 135, 149);

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}



.brea-title h2 {

    font-family: 'Poppins', sans-serif;

    font-size: 50px;

    font-weight: 600;

    color: #fff;

    word-wrap: break-word;

    -ms-word-wrap: break-word;

}



.breadcroumb-box {

    text-align: center;

}



.bcn_display {

    color: #fff;

    font-weight: 400;

    font-family: 'Roboto', sans-serif;

}



.bcn_display a {

    color: #ff176c;

    text-transform: capitalize;

}



.bcn_display label {

    margin: 0;

    padding: 0 8px;

    font-size: 95%;

}





/*** Top to buttom **/



.to-top {

    width: 40px;

    height: 40px;

    position: fixed;

    right: 50px;

    background: #ff176c;

    bottom: 20px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    padding: 8px;

    cursor: pointer;

    border-radius: 5px;

    transition: .4s;

}



.to-top:hover {

    background-color: #212529;

    transition: .4s;

}





/** 404 page **/



.error-404.not-found {

    text-align: center;

    padding: 114px;

    padding-bottom: 150px;

}



.error-404.not-found h1 {

    font-size: 171px;

    margin-bottom: 0;

}



.not-found-dec {

    padding: 0 20%;

}



.tuchup-error-imgs {

    width: 40%;

    text-align: center;

    margin: auto;

    padding-bottom: 25px;

    padding-top: 38px;

}





/** Preloader **/



#preloader {

    height: 100vh;

    background: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: fixed;

    width: 100%;

    z-index: 999999;

    overflow: hidden;

    top: 0;

    left: 0;

    ;

}



#preloader .group {

    position: relative;

    display: inline-block;

    line-height: 16px;

}



#preloader .bigSqr {

    position: relative;

    display: block;

    margin: 0 auto;

    width: 40px;

    height: 40px;

    overflow: hidden;

    -webkit-transform-origin: bottom left;

    transform-origin: bottom left;

    -webkit-animation: bigSqrShrink 1s linear infinite;

    animation: bigSqrShrink 1s linear infinite;

}



#preloader .square {

    position: absolute;

    width: 20px;

    height: 20px;

    background: #ff176c;

}



#preloader .first {

    left: 0px;

    top: 20px;

}



#preloader .second {

    left: 20px;

    top: 20px;

    -webkit-animation: drop2 1s linear infinite;

    animation: drop2 1s linear infinite;

}



#preloader .third {

    left: 0px;

    top: 0px;

    -webkit-animation: drop3 1s linear infinite;

    animation: drop3 1s linear infinite;

}



#preloader .fourth {

    left: 20px;

    top: 0px;

    -webkit-animation: drop4 1s linear infinite;

    animation: drop4 1s linear infinite;

}



#preloader .text {

    line-height: 16px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    color: #FFF;

    display: block;

    margin: 10px auto;

}



@-webkit-keyframes bigSqrShrink {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    90% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }

}



@keyframes bigSqrShrink {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    90% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }

}



@-webkit-keyframes drop2 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    25% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}



@keyframes drop2 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    25% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}



@-webkit-keyframes drop3 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    50% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}



@keyframes drop3 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    50% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}



@-webkit-keyframes drop4 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    75% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}



@keyframes drop4 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    75% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

    100% {

        -webkit-transform: translate(0);

        transform: translate(0);

    }

}



.client-items {

    text-align: center;

}



.service-box blockquote:before {

    content: "";

}



.team-image img {

    width: 100%;

    object-fit: cover;

}





/*** WooCommerce Css ***/



.woocommerce .brea-title .woocommerce-breadcrumb {

    font-size: 15px;

    color: #ffffff;

}



.woocommerce .brea-title .woocommerce-breadcrumb a {

    color: #ff176c;

    font-size: 16px;

}





/** product items **/



.woocommerce ul.products {

    width: 100%;

}



.tuchup-product-bg {

    height: 270px;

    background-size: auto;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #fbfbfb;

    position: relative;

    z-index: 0;

}



.tuchup-product-bg:after {

    background-color: rgba(0, 0, 0, 0.66);

    width: 100%;

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}



.tuchup-product-item:hover .tuchup-product-bg:after {

    opacity: 1;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}



.tuchup-pro-item-btns {

    position: relative;

    height: 100%;

}



.tuchup-pro-ibtn {

    position: absolute;

    bottom: 10px;

    left: 10px;

    display: flex;

}



.tuchup-pro-addtocart a {

    margin: 0;

    padding: 0;

}

div.ftabout_scial ul li,div.tuchup-social-widget ul li {

    display: inline-block;

    margin-bottom: 0;

    padding: 0;

    margin: 0;

    text-align: center;

}



div.ftabout_scial ul li a:before, div.tuchup-social-widget ul li a:before {content: "unset";font-size: 0;margin-right: 0;margin-left: 0;}



div.ftabout_scial ul li a, div.tuchup-social-widget ul li a {margin-right: 9px;}

.ft3-info-single h3 {

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    text-transform: capitalize;

}

.subscribe {

    position: relative;

}



.subscribe .subscribe-btn {

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    padding: 20px 25px;

    background: #222527;

    color: #fff;

}



.subscribe input[type="email"] {

    background: #1c1e21;

    color: #ffffff;

    padding: 20px 17px;

}



.copyright3 {

    margin-top: 8px;

}

.ft3-info-single p span {

    color: #898f96;

    width: 100%;

    clear: both;

    font-weight: bold;

    margin-right: 8px;

}

.ft-menus3 {

    width: 100%;

    padding-top: 40px;

    border-top: 1px solid #292b2b;

    margin-top: 10px;

}

.subscribe input::placeholder {

    color: #768492;

}

.tuchup-social-widget ul li a {

    display: inline-block;

    width: 35px;

    height: 35px;

    border-radius: 100%;

    line-height: 37px;

    color: #fff;

    background: #1c1e21;

}

h3.tuchup-widget-post-title.post-title a:hover {

    color: #ff176c;

}

h3.tuchup-widget-post-title.post-title a {

    color: #fff;

}

.tuchup-social-widget ul li a:hover {

    background: #fff;

    color: #000000;

}

/** Footer 4 **/

.ft4 {

    padding: 23px 16px;

}



.ft4-icon-box {

width: 45px;

    height: 43px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

    color: #fff;

    box-shadow: 0px 0px 5px 1px #3c001680;

}



.ft4-text-box {

    display: table-cell;

    padding-left: 20px;

}



.ft4-text-box h3 {

    font-size: 16px;

    color: #fff;

    font-weight: normal;

    margin: 0;

}



.ft4-text-box h4 {

    font-size: 13px;

    color: #fff;

    text-transform: capitalize;

    margin-top: 8px;

    font-weight: 300;

    margin-bottom: 0;

}

.footer4-top-content {

    margin-bottom: 50px;

}

.woocommerce ul.products li.product .tuchup-pro-addtocart a.button,

.tuchup-product-item a.added_to_cart {

    margin-top: 0;

    border-radius: 0;

    background-color: #ff176c;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 15px 13px;

    position: relative;

    max-width: 176px;

    overflow: hidden;

}



.woocommerce ul.products li.product .tuchup-pro-addtocart a.button:before,

.tuchup-product-item a.added_to_cart:before {

    content: "\f291";

    font-family: fontawesome;

    border-left: 1px solid #0b409a;

    padding-left: 6px;

    margin-left: 7px;

    float: right;

}



.woocommerce ul.products li.product .tuchup-pro-addtocart a.button:hover {

    background-color: #010425;

}



.woocommerce ul.products li.product .tuchup-pro-addtocart a.button:hover:after {

    border-color: #31394a;

}



.tuchup-pro-compare a {

    background-color: #ffffff;

    display: block;

    padding: 8px 16px;

    font-size: 14px;

    color: #7c8a97;

    margin-left: 5px;

}



a.button.product_type_external {

    word-break: break-all;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.tuchup-pro-compare a:hover {

    background-color: #010425;

    color: #ffffff;

}



.tuchup-pro-addtocart {

    position: relative;

    left: -500px;

    -webkit-transition: all 2s ease-in-out;

    -moz-transition: all 2s ease-in-out;

    -ms-transition: all 2s ease-in-out;

    -o-transition: all 2s ease-in-out;

    transition: all 2s ease-in-out;

    white-space: nowrap;

}



.tuchup-product-item:hover .tuchup-pro-addtocart {

    left: 0;

    -webkit-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    -moz-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    -ms-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    -o-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    transition: all .8s cubic-bezier(0, 0, 0, 0.29);

}



.tuchup-pro-compare {

    position: relative;

    right: -500px;

    -webkit-transition: all 2s cubic-bezier(0.76, 0.22, 0.58, 1);

    -moz-transition: all 2s cubic-bezier(0.76, 0.22, 0.58, 1);

    -ms-transition: all 2s cubic-bezier(0.76, 0.22, 0.58, 1);

    -o-transition: all 2s cubic-bezier(0.76, 0.22, 0.58, 1);

    transition: all 2s cubic-bezier(0.76, 0.22, 0.58, 1);

}



.tuchup-product-item:hover .tuchup-pro-compare {

    right: 0;

    -webkit-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    -moz-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    -ms-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    -o-transition: all .8s cubic-bezier(0, 0, 0, 0.29);

    transition: all .8s cubic-bezier(0, 0, 0, 0.29);

}



.tuchup-product-item:hover .tuchup-product-bg:after {

    opacity: 1;

    transition: .4s;

}



.tuchup-pro-item-title {

    display: inline-block;

}



.tuchup-pro-item-wishlist {

    display: inline-block;

    float: right;

    margin-right: 2px;

}



.tuchup-pro-ib-top,

.tuchup-product-item {

    overflow: hidden;

}



.tuchup-pro-item-bottom {

    margin-top: 14px;

    margin-left: 4px;

    margin-right: 2px;

}



.tuchup-pro-item-title h2.woocommerce-loop-product__title {

    color: #010425;

    font-weight: normal;

    text-transform: capitalize;

    padding: 0 !important;

    ;

}



.tuchup-pro-item-title a:hover h2.woocommerce-loop-product__title {

    color: #ff176c;

    transition: .4s;

}



.tuchup-pro-item-bottom del span.woocommerce-Price-amount.amount {

    color: #010425;

    font-weight: normal;

}



.tuchup-pro-item-bottom ins span.woocommerce-Price-amount.amount {

    font-weight: bold;

    font-size: 14px;

}



.tuchup-pro-item-bottom span.woocommerce-Price-amount.amount {

    color: #010425;

    font-weight: bold;

}



.woocommerce .products .star-rating {

    display: inline-block !important;

    margin: 0 !important;

    padding: 0;

}



.woocommerce ul.products li.product .price {

    margin-bottom: 0 !important;

    display: inline-block !important;

}



.tuchup-pro-ib-bottom .star-rating {

    flex-grow: 1;

    position: relative;

    top: 6px;

}



.tuchup-pro-ib-bottom.row {

    padding: 3px 14px;

    padding-bottom: 0;

}



.tuchup-black-page.without-elementor {

    padding: 80px 0;

}



a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added {

    display: none;

}



.woocommerce a.added_to_cart {

    padding-top: 7px;

    display: inline-block;

    padding-bottom: 7px;

}



.tuchup-product-item a.added_to_cart:after {

    content: "\e017";

    font-family: WooCommerce;

    margin-left: 5px;

}



.tuchup-error-home a {

    padding: 18px 25px;

    display: inline-block;

    border-radius: 5px;

    color: #ffffff;

}



.tuchup-error-home a:hover {

    background: #0f103c;

}

html.hidden {

    display: unset !important;

}