/*------------------------------------------------------------------
Project:  Fancy Hair Range Professional
Company Name: Planet Hack limited
Version:    1.0.0
Last change:    10/12/2020 // M/D/Y
Author Name: S.M. Towhid Ull Alam
Primary use: Company Web site
-------------------------------------------------------------------*/

/*******************************
	top bar css
*******************************/

/* .container{
    max-width: 1170px;
} */

body {
    color: #333333;
    font-size: 16px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #ffffff;
    text-decoration: none;
    line-height: 1;
}

a:hover {
    color: #960049;
    text-decoration: none;
}

img {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    color: #333333;
    margin: 0;
}

.ta-btn {
    background: rgb(255, 254, 254);
    color: #960049;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
    width: 180px;
}





/*******************************
	top bar css
*******************************/

.ta-top-header {
    background: #141414;
    /* border-bottom: 3px solid #333333; */
}

.ta-contact-menu,
.ta-right-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* .ta-contact-menu ul,
.ta-right-menu ul {
    display: flex;
    justify-content: center;
} */

.ta-contact-menu ul li,
.ta-right-menu ul li {
    margin-right: 5px;
    display: inline-block;
}

.ta-contact-menu ul li:last-child,
.ta-right-menu ul li:last-child {
    margin-right: 0;
}

.ta-contact-menu ul li a,
.ta-right-menu ul li a {
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 10px 15px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-contact-menu ul li a:hover,
.ta-right-menu ul li a:hover {
    background: #333333;
}

.logo {
    width: 100px;
    margin: auto;
}

/*******************************
	menu bar css
*******************************/

.ta-menubar {
    position: absolute;
    z-index: 20;
    width: 100%;
    transition: .6S;
    -webkit-transition: .6S;
    -moz-transition: .6S;
    -ms-transition: .6S;
    -o-transition: .6S;
}

.ta-main-menu ul {
    display: flex;
    justify-content: center;
}

.ta-main-menu ul li {
    margin-right: 20px;
    position: absolute;
}

.ta-main-menu ul li:last-child {
    margin-right: 0;
}

.ta-main-menu ul li a {
    color: #141414;
    font-weight: bold;
    text-transform: uppercase;
    /* text-align: center; */
    display: block;
    padding: 30px 20px;
    /* position: relative; */
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    /* background: #000; */
    /* color: #fff; */
}

.ta-main-menu ul li:hover>a {
    /* color: rgba(255, 99, 71, 0.8); */
    background: #960049;
    color: #ffffff;
}

.ta-main-menu ul li:hover ul {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    border-color: #333333;
}

.ta-main-menu ul li ul {
    flex-direction: column;
    position: absolute;
    width: 300px;
    top: 100%;
    left: 0;
    transition: .3s;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transform-origin: top;
    border: 1px solid transparent;
}

.ta-main-menu ul li ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #333333;
    opacity: .2;
    width: 100%;
    height: 100%;
}

.ta-main-menu ul li ul li {
    margin-right: 0;
    border-bottom: 1px solid #333333;
}

.ta-main-menu ul li ul li a {
    padding: 10px 20px !important;
    text-transform: capitalize;
    color: #ffffff;
}

/* .ta-main-menu ul li ul li:hover a {

    background: rgba(255, 99, 71);
    color: #ffffff;
} */

.ta-menubar.ta-sticky.scroll-header .ta-main-menu ul li a:hover {
    color: #ffffff;
}



.ta-menubar.ta-sticky.scroll-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #333333;
    z-index: 100;
    background: rgb(255, 255, 255);
}

.ta-menubar.ta-sticky.scroll-header .ta-main-menu {
    margin-top: -12px;
}

.ta-menubar.ta-sticky.scroll-header .ta-main-menu ul li a {
    padding: 20px;
}






.ta-menubar-logo {
    width: 100px;
    margin: auto;
}


/*******************************
	banner css
*******************************/

.ta-banner-bg {
    height: 30vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ta-banner {
    position: relative;
}

.ta-banner-title {
    position: absolute;
    bottom: 8%;
    left: 22%;
}

.ta-banner-title h2 {
    font-size: 60px;
    color: #ffffff;
    text-transform: uppercase;
}

.ta-banner-title p {
    color: #ffffff;
    font-size: 20px;
    margin-top: 3px;
    background: #960049;
    padding: 5px 20px;
    letter-spacing: 2px;
}

/*******************************
	banner video css
*******************************/

.ta-single-slider {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.ta-slider-content.video {
    position: absolute;
    top: 0;
}

.ta-slider-content {
    display: flex;
    align-items: center;
    height: 100vh;
    left: 60px;
    position: absolute;
}

.ta-slider-text h2 {
    color: #ffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    text-shadow: 2px 2px 4px black;
}

.ta-slider-text p {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px black;
    width: 500px;
}

/*******************************
	footer top css
*******************************/

.ta-footer-top {
    background-color: rgb(0, 0, 0);
    border-bottom: 3px solid #333333;
    padding: 50px 0px;
}

.ta-footer-top h4 {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 1px solid #333333;
    padding-bottom: 10px;
    line-height: 1;
}

/* .ta-footer-img {
    width: 100px;
    float: left;
    margin-right: 12px;
} */

.ta-footer-img {
    width: 100px;
    float: left;
    margin-right: 12px;
    margin-bottom: 22px;
}

.ta-footer-top p {
    color: #ffffff;
    text-align: justify;
}

.ta-footer-content ul {
    display: flex;
    justify-content: start;
}

.ta-footer-content ul li {
    margin-right: 10px;
}

.ta-footer-content ul li:last-child {
    margin-right: 0;
}

.ta-footer-content ul li a svg {
    color: #ffffff;
    font-size: 25px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-footer-hot-menu ul li svg {
    color: #ffffff;
    margin-right: 10px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-footer-hot-menu ul li:hover svg {
    color: #ffffff;
}

.ta-footer-address p {
    margin-bottom: 5px;
}

.ta-footer-address p span {
    font-weight: bold;
}

.ta-footer-address p a {
    color: #ffffff;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.ta-footer-address p a:hover {
    color: #960049;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

/*******************************
	footer bottom css
*******************************/

.ta-footer-bottom {
    background: #333333;
    color: #ffffff;
    padding: 20px 0px;
}

.ta-copyright {
    text-align: center;
}


.ta-copyright p {
    color: #ffffff;
    text-align: left;
}

.ta-copyright p a {
    color: rgb(255, 255, 255);
}

.ta-policy-menu ul li {
    display: inline-block;
    margin-right: 10px;
}

.ta-policy-menu ul li:last-child {
    margin-right: 0;
}

.ta-policy-menu ul li a {
    color: #ffffff;
    display: inline-block;
    border: 1px solid;
    padding: 7px 10px;
}

.ta-policy-menu ul li a:hover {
    background: rgba(255, 99, 71, 1);
}

/*******************************
	story slider css
*******************************/

.ta-story-area {
    padding: 50px 0px;
    background-color: #960049;
}

.ta-story-wrapper a{
    border: 1px solid #960049;
    background-color: #960049;
    color: #ffffff;
}

.ta-story-wrapper a:hover{
    border: 1px solid #960049;
    background-color: #ffffff;
    color: #960049;
}

.ta-story-text h4 {
    color: rgb(255, 255, 255);
}

.ta-story-text h3 {
    font-weight: bold;
    color: rgb(255, 255, 255);
    border-bottom: 3px solid rgb(255, 255, 255);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.ta-story-text p {
    color: rgb(255, 255, 255);
    text-align: justify;
}

.ta-story-wrapper {
    position: relative;
    transform: translateY(65px);
    -webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    -ms-transform: translateY(65px);
    -o-transform: translateY(65px);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}



.ta-story-wrapper:hover {
    transform: none;
}

.ta-story-content {
    position: absolute;
    width: 100%;
    content: "";
    left: 30px;
    bottom: 76px;
}


.ta-story-img {
    min-height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.ta-story-wrapper h3 {
    text-transform: uppercase;
    color: #960049;
}

.ta-story-nav {
    position: absolute;
    top: 0;
    right: 20px;
}

.ta-story-nav button {
    border: none;
    background: transparent;
}

.ta-story-nav button:focus {
    outline: 0;
    border: 0;
}

.ta-story-nav button svg {
    color: #ffffff;
    font-size: 25px;
}

/*******************************
	client area css
*******************************/

.ta-client-area {
    padding: 50px 0px;
    background: #ffffff;
}

.ta-single-client img {
    height: 130px;
}

/*******************************
	contact us page  css
*******************************/

.ta-contact-us-area {
    padding: 50px 0px;
}

.ta-contact-of-way {
    margin-bottom: 20px;
    border-bottom: 3px solid rgb(0, 0, 0);
    padding-bottom: 20px;
}

.ta-contact-form h2 {
    color: rgb(0, 0, 0);
    margin-bottom: 20px;
}

.ta-contact-form button {
    color: rgb(255, 255, 255);
    background-color: #141414;
}

.ta-contact-form button:hover {
    color: rgb(0, 0, 0);
    background-color: #ffffff;
    border: 1px solid black;
}


.ta-contact-form p {
    text-align: justify;
}

.ta-contact-form h4 {
    margin-bottom: 20px;
}

.ta-contact-form ul {
    display: flex;
}

.ta-contact-form ul li {
    margin-right: 10px;
}

.ta-contact-form ul li a {
    color: rgb(0, 0, 0);
    font-size: 30px;
}

.ta-contact-icon {
    float: left;
    margin-right: 30px;
   
}

.ta-contact-icon svg {
    font-size: 50px;
    color: rgb(0, 0, 0);
}

.ta-footer-content a {
    font-weight: bold;
    color: #141414;
}

.ta-footer-content a:hover {
    /* color: rgba(255, 99, 71, 1); */
    color: #960049;
}

.ta-contact-form input,
.ta-contact-form textarea {
    height: 45px;
    width: 100%;
    padding: 0px 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
    border: 1px solid;
    border-radius: 0;
    background: #ffff;
    margin-bottom: 15px;
    transition: .3s;
}

.ta-contact-form textarea {
    padding: 15px;
    height: 200px;
    resize: none;
}

.ta-contact-form input:focus,
.ta-contact-form textarea:focus {
    outline: 0;
    box-shadow: none;
}

/*******************************
	breadcumb css
*******************************/

.ta-breadcumb {
    padding: 20px 0px
}

.ta-breadcumb ul {
    display: flex;
    justify-content: start;
    border-bottom: 1px solid rgb(0, 0, 0);
    width: 400px;
    padding-bottom: 10px;
}

.ta-breadcumb ul li {
    margin-right: 5px;
}

.ta-breadcumb ul li:last-child {
    margin-right: 0;
    color: rgb(0, 0, 0);
}

.ta-breadcumb ul li:after {
    content: '/';
    margin-left: 5px;
    color: rgb(0, 0, 0);
}

.ta-breadcumb ul li:last-child:after {
    content: '';
    margin: 0;

}

.ta-breadcumb ul li a {
    color: #333333;
    display: inline-block;
}

.ta-breadcumb ul li a:hover {
    color: #960049
}

/*******************************
	about page css
*******************************/

.ta-director-details {
    padding: 30px 0px;
}

.ta-director-details p {
    text-align: justify;
    margin-bottom: 20px;
}

.ta-director-details ul li {
    margin-bottom: 10px;
}

.ta-director-details ul li svg {
    color: #960049;
    margin-right: 10px;
    font-size: 20px;
}

.ta-director-info-title {
    text-align: center;
    margin-bottom: 60px;
}

.ta-director-info-title h2 {
    position: relative;
}

.ta-director-info-title h2:before {
    position: absolute;
    content: "";
    width: 19%;
    height: 3px;
    background: #960049;
    bottom: 13px;
    left: 80px;
}

.ta-director-info-title h2:after {
    position: absolute;
    content: "";
    width: 19%;
    height: 3px;
    background: #960049;
    bottom: 13px;
    right: 80px;
}

.ta-single-director {
    text-align: center;
    margin-bottom: 30px;
}

.ta-sigle-director-img img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.ta-single-info {
    margin-top: 20px;
}

.ta-single-info h3 {
    font-size: 30px;
    position: relative;
    padding-bottom: 10px;
}

.ta-single-info h3:before {
    content: '';
    border-bottom: 3px solid rgba(255, 99, 71, 1);
    height: 100%;
    width: 10%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
}

.ta-single-director:hover .ta-single-info h3:before {
    width: 60%;
}

/*******************************
	about page features css
*******************************/

.ta-features {
    padding: 35px 0px;
}

.single-ta-feature {
    margin-bottom: 10px;
}

.single-ta-feature h3 {
    border-bottom: 3px solid #960049;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.single-ta-feature h3 span {
    color: #960049;
}

.single-ta-feature P {
    text-align: justify;
}

/* ===========================
Product Page CSS
=========================== */

.ta-product-info {
    margin: 20px 0px 50px;
}

.ta-product-head {
    border: 1px solid #333333;
    padding: 18px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.ta-shorting-select {
    border-radius: 5px;
    border: solid 1px #333333;
    cursor: pointer;
    height: 40px;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
}

.ta-result-info {
    display: flex;
    align-items: center;
    height: 100%;
}

.ta-product-menu ul {
    display: flex;
    justify-content: space-between;
}

.ta-product-menu ul li {
    margin: 0px 5px;
}

.ta-product-menu ul li button {
    border: 0;
    background: #333333;
    color: white;
    padding: 10px 20px;
    line-height: 1;
    display: block;
    transition: .3s;
    text-transform: uppercase;
    border: 1px solid transparent;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-product-menu ul li button.active {
    background: rgba(255, 99, 71, 1);
    border-color: #333333;
    /* font-weight: bold; */
}
.ta-product-menu ul li button:hover {
    background: rgba(255, 99, 71, 1);
    border-color: #333333;
    /* font-weight: bold; */
}

.ta-product-menu ul li button:focus {
    outline: 0
}


.ta-product-button-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ta-product-button-nav button {
    border: none;
    background: transparent;
}

.ta-product-button-nav button:focus {
    outline: 0;
    border: 0;
}

.ta-product-button-nav button.owl-prev,
.ta-product-button-nav button.owl-next {
    position: absolute;
    top: 5px;
}

.ta-product-button-nav button.owl-prev {
    left: -50px;
}

.ta-product-button-nav button.owl-next {
    right: -50px;
}


.ta-product-button-nav button svg {
    color: rgb(0, 0, 0);
    font-size: 25px;
}

.ta-single-product {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #333333;
    padding: 15px;
    background: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-single-product:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}


.ta-product-image {
    position: relative;
}

.ta-label {
    position: absolute;
    top: 0;
    left: -15px;
    font-size: 13px;
    background: red;
    padding: 6px;
    /* display: block; */
    line-height: 1;
    border-radius: 1px;
    font-weight: bold;
    color: white;
}

.ta-product-details h4 {
    margin-bottom: 10px;
}

.ta-product-details h4 a {
    font-size: 16px;
    color: #960049;
    text-transform: uppercase;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}


.ta-single-product:hover .ta-product-details h4 a {
    color: #333333;
}

.ta-product-details {
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-single-product:hover .ta-product-details {
    background: antiquewhite;
    margin: 0px -15px;
    padding: 0px 17px;
    border-top: 2px solid #960049;
    border-bottom: 2px solid #960049;
}

.ta-price-box {
    text-align: center;
    overflow: hidden;
}

.ta-price-box span {
    color: #333333;
    font-weight: bold;
    /* text-decoration: line-through; */
}

.ta-price-box .ta-old-price {
    color: #333333;
    font-weight: bold;
    text-decoration: line-through;
}

.ta-price-box span.ta-current-price {
    color: #960049;
    margin-left: 10px;
}

.ta-action-link {
    position: absolute;
    top: 60px;
    right: 20px;
    /* visibility: hidden; */
    /* opacity: 0; */
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
}

.ta-single-product:hover .ta-action-link {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

.ta-action-link a {
    color: #333333;
    display: block;
    border: 1px solid #960049;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: transparent;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-action-link a:hover {
    background: #960049;
}

.ta-action-link a svg {
    color: #960049;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ta-action-link a:hover svg {
    color: #ffffff;
}


.ta-price-box {
    display: flex;
    justify-content: space-around;
}

.ta-product-rank ul {
    display: flex;
}

.ta-product-rank ul li {
    display: inline-block;
    margin-right: 3px;
}

.ta-product-rank ul li svg {
    color: #960049;
    font-size: 14px;
}

/* ===========================
Single product Page CSS
=========================== */

.ta-single-product-area {
    margin: 30px 0px;
}

.ta-description-tab-link ul {
    display: flex;
    margin-bottom: 20px;
}

.ta-description-tab-link ul li {
    margin-right: 30px;
}

.ta-description-tab-link ul li:last-child {
    margin-right: 0px;
}

.ta-description-tab-link ul li a {
    color: #333333;
    background: #ffffff;
    border: 1px solid #333333;
    padding: 10px 40px;
    display: block;
    line-height: 1;
}

.ta-description-tab-link ul li a.active {
    color: azure;
    background: #960049;
    font-weight: bold;
    border-width: 1px;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
}

.ta-description-tab-container {
    margin-bottom: 60px;
}

.ta-description-tab-container .tab-content {
    background: #ffffff;
    border: 1px solid #333333;
    padding: 20px;

}

.ta-review-form button{
    border: 1px solid #333333;
    background-color: #960049;
    color: #ffffff;
}

.ta-review-form button:hover{
    border: 1px solid #333333;
    background-color: #ffffff;
    color: #960049;
}


.single-tab-details p {
    text-align: justify;
}

.single-tab-details img {
    height: 350px;
    width: 360px;
    border: 1px solid black;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}


.ta-single-product-image {
    border: 1px solid #333333;
}

.ta-single-product-details h3 {
    color: #960049;
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 1;

}

.ta-single-product-details p {
    text-align: justify;
    margin-bottom: 5px;
}

.ta-single-product-details hr {
    background: rgb(27, 27, 27);
    margin-top: 10px;
    margin-bottom: 5px;
}

.ta-single-product-details h4 {
    margin-bottom: 20px;
}

.ta-single-product-rank {
    overflow: hidden;
}

.ta-avarage-rank {
    float: left;
}

.ta-collect-rank {
    float: right;
}

.ta-single-product-rank ul {
    display: flex;
    margin-bottom: 5px;
}

.ta-single-product-rank ul li {
    margin-right: 10px;
}

.ta-single-product-rank ul li:last-child {
    margin-right: 0px;
}

.ta-single-product-rank ul li svg {
    color: #960049;
    /* color: #333333; */
    font-size: 18px;
}

.ta-single-product-rank ul li.ta-no-rating svg {
    /* color: rgba(255, 99, 71, 1); */
    color: #333333;
    font-size: 18px;
}

.ta-single-product-price-box {
    margin-bottom: 5px;
}

.ta-single-product-price-box span {
    color: #333333;
    font-weight: bold;
    text-decoration: line-through;
    font-size: 20px;
}


.ta-single-product-price-box span.ta-current-price {
    color: #960049;
    margin-left: 10px;
    text-decoration: none;
}

.ta-color-box ul {
    display: flex;
    flex-wrap: wrap;
    /* width: 80%; */
}

.ta-color-box ul li {
    margin-right: 3px;
    margin-bottom: 3px;
}

.ta-color-box ul li:last-child {
    margin-right: 0px;
}

.ta-color-box ul li a {
    display: block;
    line-height: 1;
    border: 1px solid #333333;
    height: 30px;
    width: 30px;
}

.ta-quantity-box {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.ta-quantity-box label {
    margin-right: 16px;
    margin-top: 6px;
}

.ta-quantity-box input[type="number"] {
    border-radius: 0;
    border: 1px solid #333333;
    height: 40px;
    padding: 0px 12px;
    width: 130px;
    color: #960049;
    font-weight: bold;
    font-size: 20px;
}

.ta-quantity-box .ta-cart-btn {
    border: 0;
    background: #960049;
    display: inline-block;
    height: 40px;
    padding: 19px 20px;
    line-height: 0;
    color: #ffffff;
    border-left: 1px solid #ffffff;
}


ul.ta-single-product-category {
    display: flex;
}

ul.ta-single-product-category li {
    margin-right: 5px;
}

ul.ta-single-product-category li:last-child {
    margin-right: 0px;
}

ul.ta-single-product-category li a {
    text-decoration: none;
    background: #960049;
    color: white;
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
}


.ta-review-form input,
.ta-login-register-form input,
.ta-billing-details-form input,
.ta-billing-details-form textarea,
.ta-billing-details-form select,
.ta-review-form textarea,
.ta-billing-details-form option,
.ta-coupon-form input {
    height: 45px;
    width: 100%;
    padding: 0px 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
    border: 1px solid;
    border-radius: 0;
    background: #ffff;
    margin-bottom: 15px;
    transition: .3s;
}

.ta-review-form textarea,
.ta-billing-details-form textarea {
    padding: 15px;
    height: 100px;
    resize: none;
}

.ta-review-form input:focus,
.ta-login-register-form input:focus,
.ta-billing-details-form input:focus,
.ta-billing-details-form select:focus,
.ta-billing-details-form textarea:focus,
.ta-review-form textarea:focus,
.ta-coupon-form input:focus {
    border-color: #333333;
    box-shadow: none;
}

/* ===========================
mini cart CSS
=========================== */

.ta-main-menu ul li {
    position: relative;
}

.ta-main-menu ul li ul.ta-mini-cart {
    position: absolute;
    background: #333333;
    width: 328px;
    top: 100%;
    left: 0;
    padding: 10px;
    justify-content: space-between;
    border-radius: 4px;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
}

ul.ta-mini-cart li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

ul.ta-mini-cart li:last-child {
    margin-bottom: 0px;
}

ul.ta-mini-cart li:last-child {
    margin-right: 20px;
}

#ta-minicart-image a {
    padding: 0px;
    position: relative;
}

#ta-minicart-image a span {
    position: absolute;
    background: tomato;
    top: 0;
    right: 0px;
    font-size: 15px;
    color: #ffffff;
    padding: 3px;
    width: auto;
    height: 22px;
    line-height: 16px;

}

#ta-minicart-image a span:before {
    position: absolute;
    content: "";
}

.ta-cart-image {
    width: 50px;
}

.ta-cart-image img {
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
}


#ta-minicart-content {
    margin-left: 10px;
}



.ta-cart-content h3 {
    font-size: 14px;
}

#ta-minicart-content a {
    padding: 0px;
    color: #ffffff;
}

ul.ta-mini-cart li:hover #ta-minicart-content a {
    color: rgba(255, 99, 71, 1);
}

.ta-cart-price span {
    color: #ffffff;
    margin-top: 2px;
}

.ta-cart-price span.new {
    font-size: 20px;
}

.ta-cart-price span.old {
    margin-left: 5px;
    font-size: 14px;
    color: #dddddd;
}

#ta-minicart-icon {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    /* margin-top: 10px; */
    left: 50px;
    position: relative;
    visibility: hidden;
    opacity: 0;

}

ul.ta-mini-cart li:hover #ta-minicart-icon {
    /* margin-top: 0px; */
    visibility: visible;
    opacity: 1;
    left: 0px;
}

#ta-minicart-icon a {
    padding: 0px;

}

.ta-cart-del-icon svg {
    color: #ffffff;
    width: 25px !important;
    height: 25px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 5px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

#ta-minicart-icon a:hover svg {
    color: rgba(255, 99, 71, 1);
    border-color: rgba(255, 99, 71, 1);
}

.ta-action-btn {
    display: flex;
    justify-content: space-around;
}

.ta-action-btn a {
    color: #ffffff;
}

.ta-action-btn a {
    color: rgba(255, 99, 71, 1);
    border: 1px solid rgba(255, 99, 71, 1);
    width: 15px;
    height: 15px;
    line-height: 10px;
    text-align: center;
    flex: 1;
}

ul.ta-mini-cart li .ta-action-btn a:hover {
    background: rgba(255, 99, 71, 1);
    color: #ffffff;
    /* border:1px solid #ffffff; */
}


.ta-total-price {}

.ta-total-price div {
    width: 50%;
    float: left;
    color: #ffffff;
}


/*******************************
	cart page  css
*******************************/

.ta-cart-table {
    margin-bottom: 20px;
    margin-top: 20px;
}


.ta-cart-table th, .ta-your-order-list th {
    background: rgba(255, 99, 71, 1);
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}

/* .ta-cart-table th:last-child {
    text-align: right;
} */

.ta-cart-table td {
    text-align: center;
    vertical-align: middle;
}

/* .ta-cart-table td:last-child {
    text-align: right;
} */

.ta-cart-table td input {
    border-radius: 0;
    border: 1px solid #333333;
    height: 40px;
    padding: 0px 12px;
    width: 130px;
    color: rgba(255, 99, 71, 1);
    font-weight: bold;
    font-size: 20px;
}

.ta-cart-info a {
    color: tomato;
    font-size: 14px;
}

.ta-cart-info-wrapper {
    text-align: center;
}

.ta-cart-info-wrapper img {
    width: 100px;
    height: 100px;
}

.ta-cart-total-wrapper {
    display: flex;
    justify-content: flex-end;
    border-top: 3px solidrgba(255, 99, 71, 1);
}

.ta-cart-total-title {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ta-action-update-continue {
    margin-top: 40px;
}

.ta-action-update-continue button {
    width: 48%;
    float: left;
    margin-right: 10px;
}

.ta-action-update-continue button.continue {
    background: transparent;
    border: 1px solid rgba(255, 99, 71, 1);
    color: rgba(255, 99, 71, 1);
    font-weight: normal;
}

.ta-action-update-continue button.continue:hover {
    background: #333333;
    color: #ffffff;
    border-color: #333333;
}

.ta-cart-total-wrapper th {
    background: rgba(255, 99, 71, 1);
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}

.ta-cart-table svg {
    color: rgba(255, 99, 71, 1);
    font-size: 25px;
}

.ta-cart-btn-acion {
    display: flex;

}

.ta-cart-btn-acion button,
.ta-cart-btn-acion input {
    background: tomato;
    outline: 0;
    border: 1px solid #333333;
    box-shadow: none;
    color: #ffffff;
    height: 40px;
    width: 40px;
}

.ta-cart-table .ta-cart-btn-acion input {
    background: #ffffff;
    width: 60px;
}

.ta-procedd-to-checkout button {
    width: auto;
}

.ta-procedd-to-checkout td {
    border: none;
    padding: 0px;
    padding-top: 10px;
}

/*******************************
	checkout page  css
*******************************/

.ta-login-check-box ul li {
    margin-right: 0px;
}

.ta-login-check-box .ta-description-tab-link ul {
    margin-bottom: 12px;
}

.ta-login-check-box .ta-description-tab-container {
    margin-bottom: 25px;
}

.ta-login-register-form input {
    margin-bottom: 10px;
}

.ta-login-register-form .ta-btn {
    width: 100%;
}

.ta-billing-details h2,
.ta-your-order h2 {
    font-size: 25px;
    margin-bottom: 20px;
    
}




.ta-difference-billing-details .form-check {
    margin-bottom: 10px;
}

 .ta-difference-billing-details .form-check input {
    height: 20px;
    width: 20px;
    margin-top: 2px
}




.ta-difference-billing-details .form-check label {
    color: rgba(255, 99, 71, 1);
    margin-left: 10px;
    font-weight: bold;
}



.ta-coupon-form,
.ta-order-order-list,
.ta-billing-details-form,
.ta-your-order-list,
.ta-payment-procedure{
    background: #ffffff;
    border: 1px solid #333333;
    padding: 20px;
    margin-bottom: 20px;
}

.ta-coupon-form input {
    margin-bottom: 9px;
}

.ta-coupon-form .ta-btn {
    width: 100%;
}

.ta-your-order-list tbody {
    background:  rgba(255, 99, 71, .2);
}

.ta-your-order-list th {
    text-align: left;
}

.ta-your-order-list th:last-child, .ta-your-order-list td:last-child{
    text-align: right;
}

.ta-your-order-list td {
    padding: 15px;
    border-top: 1px solid #333333;
}

  
  .ta-payment-procedure input[type='radio'] {
    display: none;
  }
  

  
  .ta-payment-procedure label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 19px;
    border: 2px solid #dddddd;
    /* background-color: rgba(255, 99, 71, .2); */
  }
  
  
  .ta-payment-procedure input[type=radio]:checked + label:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 9px;
    left: 5px;
    content: " ";
    display: block;
    background: rgba(255, 99, 71, 1);
  }

  .ta-payment-procedure{
    padding: 15px;
}

.ta-payment-procedure .ta-btn{
    width: 100%;
    margin-top: 20px;
}


/*******************************
	single page  css (Shakil)
*******************************/

.ta-single-artist-page .ta-single-person-container{
    margin-top: 150px;
    background-color:#e1e3e6;
}
.ta-single-artist-page .ta-single-person-img-container{
    border: 10px solid #f5f7fa;
    position: relative;
}

.ta-single-artist-page .ta-single-person-container .ta-person-details{
    width: 90%;
}

/* .ta-single-page .ta-single-person-container .ta-single-person-right-part{
    padding-top: 50px;
} */

/* Single Page Banner area start*/
.single-page-banner .single-page-banner-container{
    /* height: 700px; */
    margin-bottom: 50px;
    border-radius: 10px;
    background-image: linear-gradient(to right top, #6c1e4a, #6e235b, #6b2b6e, #633481, #523f94, #434ea2, #2e5cae, #0069b8, #007bbb, #008ab3, #0096a6, #0da096);
}
.single-page-banner .banner-img-container{
    padding: 70px;
    
}
.single-page-banner .banner-img-container .inner-img{
    height: 500px;
}

/* Single Page Banner area end*/


/* Single Page Artist area start*/

    .ta-single-page-artist{
        position: relative;
    }
    .ta-single-page-artist .ta-artist-image-container{
        background-image: url("../img/single-page/art-bg1.jpg");
        height: 950px;
        
    }
    .ta-single-page-artist .artist-img{
       position: absolute; 
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       z-index: 2;
       width: 80%;
       text-align: center;
    }

    .ta-single-page-artist .ta-artist-right-part{
        padding-left: 50px;
        padding-right: 20px;
        height: 950px;
        background-color: #e1e3e6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
    }

    .ta-single-page-artist .ta-artist-right-part .artist-para{
        text-align: justify;
    }
/* Single Page Artist area end*/

/* All Artists area start*/
    
    .ta-artists .ta-artist-wrapper{
       
        margin-bottom: 20px;
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }

    .ta-artists .ta-artist-wrapper:hover {
        transform: none;
        box-shadow: 5px 10px 8px #888888;
    }

/* All Artists area end*/