/*----------------------------------------*/
/* Header
/*----------------------------------------*/
.pd-0 {
    padding: 0 0;
}

header.site-header .maintop-header{  
    padding: 0px 0;
  
}
header.site-header{    
    z-index: 99999;
    position: absolute;
    width: 100%; 
}

.header-fixed {                          
    position: fixed !important;
    top: 0px;
    left: 0;
    width: 100%;
    background: #fff !important;
    max-width: 100%;
    z-index: 99999;
    box-shadow: 0 0 12px 0px #aaa;
   /* transform: translateY(70px);
    transition: transform 500ms ease, background 200ms ease;*/
}

.space {
    padding: 15px 20px;
}
.menu-wrapper{
    left: 90px;
}
.maintop-header ul li{
    list-style: none;    
    line-height: 45px;
   
}
.maintop-header ul li:last-child{
     margin-left: 0em;
}
.maintop-header ul li:first-child{
     margin-left: 3em;
}
.maintop-header ul li a {
    font-size: 17px;
    font-weight: 400;    
    margin: 0;
    color: #b3b2b2;
}
.maintop-header .site-button{
    padding-top: 35px;
}
.maintop-header .header-cbtn1{
    width: 143px;
    height: 52px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px;   
}
.maintop-header .header-cbtn1:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.maintop-header .header-cbtn1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -17px;
    width: 38px;
    height: 38px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.maintop-header .header-cbtn2{
    width: 126px;
    height: 39px;
    background: #000;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 3px; 
}
.maintop-header .header-cbtn2:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 27px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.maintop-header .header-cbtn2:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 27px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.maintop-header .header-cbtn {
    width: 120px;
    height: 33px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
        z-index: 2;
}
.maintop-header .header-cbtn a{
    font-size: 19px;
    font-weight: 400;
    color: #000;
    position: relative;
    z-index: 1;
} 

.maintop-header .header-cbtn:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.maintop-header .header-cbtn:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.maintop-header .header-cbtn:hover,
.maintop-header .header-cbtn:hover::before,
.maintop-header .header-cbtn:hover::after {
    background: #000;
    transition: all 0.9s ease 0s;
}  
.maintop-header .header-cbtn:hover a{
    color: #fff;
}


.site-header .site-navigation {     padding: 19px 0; }
/*.site-header .socials {text-align: right; padding: 25px 13px 25px 0;}

.site-header .socials a i.fa {
    color: #06332e;
    font-size: 18px;
    margin-right: 11px;
    margin-bottom: 5px;
    line-height: 33px;
    border-radius: 50%;
    background: #fff;   
    width: 32px;
    height: 31px;
     
    transition: all 0.9s;
}
.site-header .socials a i.fa:hover {
    color: #fff;
    background: #06332e;
    transform: scale(1.2);
    transition: all 0.9s;

}*/
/*--------------------  General Header container---------------------------*/
.container.hr-btm {
    padding-right: 0;
    margin-right: 0;
}
/*--------------------  Site logo & title ---------------------------*/
.ht-site-description,
.ht-site-description,
.page .ht-site-description,
.single .ht-site-description{
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    padding: 0px 0px 0px 0;
}
.ht-site-description a,
.ht-site-description a,
.page .ht-site-description a,
.single .ht-site-description a  {
    color: #fff;
}
.logo-header img.custom-logo,
.logo-header .custom-logo-link img{
    width: 50%;
}
.logo-header,
.logo-header,
.page .logo-header,
.single .logo-header{
    margin: 0 0;   
    text-align: center;
    background: #000; 
    position: relative; 

}
.logo-header:after,
.logo-header:after,
.page .logo-header:after,
.single .logo-header:after {
    position: absolute;
    z-index: 0;
    content: "";
    right: -21%;
    top: 0px;
    height: 100%;
    width: 33%;
    background: #000;
    -webkit-transform: skewX(-27deg);
    -moz-transform: skewX(-27deg);
    -ms-transform: skewX(-27deg);
    transform: skew(-27deg);    
    border-bottom-right-radius: 34px;
}
.header-transparent .sticky-header .logo-header{
    top: 0 ;
}
.ht-site-title,.site-title,
.ht-site-title, .site-title,
.page .ht-site-title, .page .site-title,
.single .ht-site-title, .single .site-title
 {
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    padding: 0;
    color: ;
}
.ht-site-title a,.site-title a{
    word-break: break-all;
}
.ht-site-title a,
.ht-site-title a,
.page .ht-site-title a,
.single .ht-site-title a{
    color:#fff;
}
/*--------------------  Site logo & title responsive ---------------------------*/
@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{
        text-align: center;
    }
}
@media only screen and (max-width: 992px){
    .ht-site-description {
        padding: 8px 2px;
    }
}


/*--------------------  contact details ---------------------------*/
ul.h-contact,
ul.h-contact,
.page ul.h-contact,
.single ul.h-contact {
    text-align: center;
    margin: 0;
    padding: 8px 0;
}
ul.h-contact li,
ul.h-contact li,
.page ul.h-contact li,
.single ul.h-contact li{
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 20px;
}
ul.h-contact li i,
ul.h-contact li i,
.page ul.h-contact li i,
.single ul.h-contact li i{
    padding-right: 10px;
    font-size: 20px;
}
.h-mailid a, .h-phone a,
.h-mailid a, .h-phone a,
.page .h-mailid a, .page .h-phone a,
.single .h-mailid a, .single .h-phone a{    
    color: #ffffff;
    font-size: 18px;    
}
.h-contact,
.page .h-contact,
.h-contact,
.single .h-contact{
    text-align: center;
}
.h-mailid a i, .h-phone a i,
.h-mailid a i, .h-phone a i,
.page .h-mailid a i, .page .h-phone a i,
.single .h-mailid a i, .single .h-phone a i{    
    color: #ffffff;
    font-size: 22px;  
    padding-right: 6px;  
}
.h-phone a i,
.h-phone a i,
.page .h-phone a i,
.single .h-phone a i{    
    margin-bottom: 15px;
}
.h-mailid a:hover,.h-phone a:hover,
.h-mailid a:hover, .h-phone a:hover,
.page .h-mailid a:hover, .page .h-phone a:hover,
.single .h-mailid a:hover, .single .h-phone a:hover{
    color: #000;
}
.h-contact-block,
.h-contact-block,
.page .h-contact-block,
.single .h-contact-block  {
    background: -webkit-gradient(to right,#783afd 0%,#4971f4 20%,#4971f4 50%,#783afd 100%);
    background: linear-gradient(to right,#783afd 0%,#4971f4 20%,#4971f4 50%,#783afd 100%);
    background-size: 500%;
    text-align: center;
    padding: 1.5em 0;
    border-radius: 0 0 15px 0;
    position: relative;
    right: -1px;
}
/*---------------- contact details responsive -----------------*/
@media only screen and (max-width: 767px) and (min-width: 520px){
   .col-md-2.col-sm-4.col-xs-12.wd {
        width: 33%;
    }
   .col-md-6.col-sm-4.col-xs-12.wd {
        width: 35%;
    }
    .col-md-4.col-sm-4.col-xs-12.wd {
        width: 32%;
    }

}
/*--------------------  Socials ---------------------------*/
.share-btn,
.share-btn,
.page .share-btn,
.single .share-btn{
    text-align: right;
}
.share-btn a.site-button,
.share-btn a.site-button,
.page .share-btn a.site-button,
.single .share-btn a.site-button{
    border-radius: 50%;
    width: 40px;
    line-height: 35px;
    height: 40px;
    font-size: 22px;
    display: inline-block;
    margin: 0 5px;
    color: #fefdff;
    border: 3px solid #f7fbec;
    text-align: center;
}
.share-btn a.site-button:hover,
.share-btn a.site-button:hover,
.page .share-btn a.site-button:hover,
.single .share-btn a.site-button:hover{
    color: #000;
    border: 3px solid #000;
} 
/*--------------------  Navigation ---------------------------*/
.navigation .mainmenu li{
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 35px;
}
.navigation .mainmenu>li>a {
    display: block;
    font-size: 19px;
    padding: 30px 0;
    font-weight: 500 !important;
    line-height: 36px;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    white-space: nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navigation .mainmenu li.current_page_item a, .current_page_item > a,
.navigation .mainmenu li a:hover,
#navbarNavDropdown li.current_page_item a:hover, 
.current_page_item > a:hover{
    color: #E7DB13;   
}
.navigation .mainmenu li a  {
    color: #000;
}
header.site-header ul.sub-menu li a, 
.navigation .mainmenu li.current_page_item ul.sub-menu li a,
.header.site-header ul.sub-menu li a{
    color: #000;
 }

 header.site-header ul.sub-menu li a:hover,
.navigation .mainmenu ul.sub-menu li.current_page_item a,
ul.sub-menu .current_page_item > a,
#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, 
ul.sub-menu .current_page_item > a:hover,
#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover,
.header.site-header ul.sub-menu li:hover a{
    color: #000;
    background: #E7DB13;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 230px;
    height: 60px;
    padding: 17px 0 0 37px !important;
    line-height: 22px;
    transition: all 0.6s ease;
 }
.menu-click i{
    color: #783afd;
 }

 ul.sub-menu, header.site-header ul.sub-menu{
    background:#fff ;
}
.header.site-header ul.sub-menu li a:before {
    color:#000;
  }
.navigation .mainmenu ul.sub-menu li{
    display: block;
    position: relative;
    line-height: normal;
    margin-right: 0;
}
.navigation .mainmenu li:hover ul.sub-menu li{
    opacity: 1;
    visibility: visible;
}
header.site-header ul.sub-menu li a, .navigation .mainmenu li.current_page_item ul.sub-menu li a, .header.site-header ul.sub-menu li a, .header.site-header ul.sub-menu li a:before, header.site-header ul.sub-menu li a:hover, 
.navigation .mainmenu ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a, #navbarNavDropdown ul.sub-menu li.current_page_item a:hover, ul.sub-menu .current_page_item > a:hover, #navbarNavDropdown li.current_page_item ul.sub-menu li a:hover, .header.site-header ul.sub-menu li:hover a {
    color: #000;
}
/*.header.site-header ul.sub-menu li:hover a {
  
    color: #fff;
    border-radius: 0px;
    -moz-transform: translate(15px, 0%);
    -ms-transform: translate(15px, 0%);
    -webkit-transform: translate(15px, 0%);
    -o-transform: translate(15px, 0%);
    transform: translate(15px, 0%);
    overflow: hidden;
}*/
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.header.site-header ul.sub-menu li a{
    font-size: 14px;
    /* transition: all 0.5s ease 0s; */
    font-weight: 500;
    position: relative;
}
.header.site-header ul.sub-menu li a  {
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}
.header.site-header ul.sub-menu li a:before  {
    content: "\f2dc";
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-left: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}
/*----------------nav responsive -----------------*/

@media only screen and (min-width: 1300px){
    .navigation .mainmenu ul.sub-menu li,
    .navigation .mainmenu ul.sub-menu li,
    .page .navigation .mainmenu ul.sub-menu li,
    .single .navigation .mainmenu ul.sub-menu li {
        list-style-type: none;
        font-size: 13px;
        color: #666;
    }
    .navigation .mainmenu li:hover ul.sub-menu,
    .navigation .mainmenu li:hover ul.sub-menu,
    .page .navigation .mainmenu li:hover ul.sub-menu,
    .single .navigation .mainmenu li:hover ul.sub-menu {
        left: auto;
        top: 86px;
        text-align: left;
        pointer-events: auto;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    /*.navigation .mainmenu li:hover ul.sub-menu ul {
        top: 50px;
        right: -5px;
    }*/
    /*.navigation .mainmenu li ul ul.sub-menu{
        top: 60px;
     }*/
    .navigation .mainmenu ul.sub-menu li,
    .navigation .mainmenu ul.sub-menu li,
    .page .navigation .mainmenu ul.sub-menu li ,
    .single .navigation .mainmenu ul.sub-menu li {
        list-style-type: none;
        font-size: 13px;
        color: #666;
        padding: 0;
    }
}


@media only screen and (max-width: 1024px){
    .logo-header:after,
    .logo-header:after,
    .page .logo-header:after, .single .logo-header:after{
        right: -49%;    
        width: 68%;
    }
    .ht-site-title, .site-title, .ht-site-title,
    .site-title,
    .page .ht-site-title, .page .site-title,
    .single .ht-site-title, .single .site-title {
        position: relative;
        z-index: 1;
    }
    .menu-wrapper {  left: 0 !important;}
    .navigation .mainmenu{ text-align: left !important; }
    .maintop-header ul li:first-child {  margin-left: 0 !important;}
}
@media only screen and (max-width: 992px){
    .navigation {
    width: 255px;
    height: 100%;
    position: fixed;
    left: -100%;
    padding: 0;
    top: 0;
    margin: 0;
    z-index: 99999;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #fff;
}
   .navigation .mainmenu li {
        display: block;
        position: relative;
        line-height: normal;
        margin-right: 35px;
        margin: 0;
        padding: 0;
    }
    .navigation .mainmenu>li>a {
        padding: 5px 20px;
    }
    .hamburger-menus{
        width: 30px;
        height: 30px;
        position: absolute;
        -webkit-transition: .1s;
        transition: .1s;
        margin: 5px 15px;
        cursor: pointer;
        display: inline-block;
        float: right;
        right: 35px;
        top: 13px;
        z-index: 1;
    }
.navigation .mainmenu li.current_page_item a, .current_page_item > a{
    background: #06332e;
    color: #fff;
}
.navigation .mainmenu li a { color: #06332e ; }

}

@media only screen and ( min-width: 320px) and (max-width:425px){
    .maintop-header .site-button{
        padding-top: 0;
        top: -33px;
}
}
@media only screen and ( min-width: 320px) and (max-width:575px){
    .logo-header:after,
    .logo-header:after,
    .page .logo-header:after, .single .logo-header:after{ display: none; }
    .offset-2{ margin-left: 0; }
}

@media only ( min-width: 320px) and (max-width:360px){
.ht-main-title { margin: 15px 0 0.5em 0px !important;     font-size: 31px !important;}

}

@media only screen and (max-width: 768px){
      .hamburger-menus{ right: 111px !important;}
      .maintop-header .site-button {  position: relative; left: -58px !important;}
}
@media only screen and (max-width: 767px){
        .hamburger-menus{ right: 111px !important;}
      .maintop-header .site-button {  position: relative; left: 0px !important;}
}


/*----- Sticky Header ------*/
/*.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    max-width: 100%;
    z-index: 99999;
    box-shadow: -2px 2px 10px 0px #2d2d2d;
}*/

/*----------------------------------------*/
/*  HOME PAGE COMMON AREA
/*----------------------------------------*/

.peccular-section-head {
    text-align: left;
    margin-bottom: 2em;
    margin-top: 2em;
}
.peccular-section-head h2{
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 54px;
}

.peccular-section-head h3{
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 17px;
}
.peccular-section-head .peccular-section-head-icon i{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #06332e;
}
#services .service-bg,
#about .about-bg,
#appointment .appointment-bg,
#features .features-bg,
#steps .steps-bg,
#project .project-bg,
#facility .facility-bg,
#testimonials .testimonials-bg,
#team .team-bg,
#pricing .pricing-bg,
#contact .contact-bg,
#blog .blog-bg,
#ourclient .ourclient-bg,
#newsletter .newsletter-bg,
#footer .footer-bg

{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}
#services,
#about,
#appointment,
#features,
#steps,
#project,
#facility,
#testimonials,
#team,
#pricing,
#contact,
#blog,
#ourclient,
#newsletter,
#footer{
    position: relative;
    overflow: hidden;
}
.peccular-section-head {
    position: relative;
}

/*----------------------------------------*/
/*  Slider Area
/*----------------------------------------*/

.swiper-container-horizontal>.swiper-pagination-bullets {
    display: block;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction{
    position: absolute !important;
    top: 51% !important;
    left: 10% !important;
    width: 10% !important;
    text-align: left !important;
}

.swiper-pagination-bullet-active{
    opacity: 1;
    background: #06332e !important ;    
}
.swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;    
    border-radius: 100%;
    background: #fff !important;
    /*color: #fdfdfd !important;*/
    display: block !important;
    opacity: 1 !important;
}
.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}
.slider-area{    
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}
.slider-area .sliderbgimg{
    position: absolute;
     left: 53px;
    top: 47px;
}
.hero-style {
    height: 850px;
    transition: all .4s ease;
}
.hero-slider {
    width: 100%;
    height: 804px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}
.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    text-align: left;
}
.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.slider-inner-box {  
    padding: 11em 0em 0em 7em;
    text-align: left;
}

.hero-style .slide-title, .hero-style .slide-text, .hero-style .slide-btns {
    max-width: 690px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 7px 4px !important;
}

.hero-style .slide-title h2 {
    font-size: 61px;
    font-weight: 900;
    line-height: 75px;
    color: #000;   
    transition: all .4s ease;
    padding: 0 0 30px 0;

}
.hero-style .slide-text p {   
    font-size: 20px;
    line-height: 30px;
    color: #000;
    padding: 0 0 9px 0;
    transition: all .4s ease;
}
.hero-style ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hero-style ul li{
   display: inline-block;
    padding-right: 10px;
}

.hero-style .slide-btns{
    width: 131px;
    height: 38px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 2em 0 0 24px;   
}
.hero-style .slide-btns:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.hero-style .slide-btns:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.hero-style .slide-btns-1{
    width: 120px;
    height: 33px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
.hero-style .slide-btns-1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.hero-style .slide-btns-1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.hero-style .slide-btns-2 {
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
        z-index: 2;
}
.hero-style .slide-btns-2:hover,
.hero-style .slide-btns-2:hover::before,
.hero-style .slide-btns-2:hover::after{
    background: #E7DB13;
}
.hero-style .slide-btns-2 a.ReadMore{
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}  

.hero-style .slide-btns-2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.hero-style .slide-btns-2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.hero-style .sliderimg{
    padding: 29px 0px 0px 57px;
    background: #E7DB13;
    margin: 0;
    width: 920px;
    height: 784px;   
    right: 108px;
    top: 0px;
    z-index: 0;
    position: relative;   
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/sliderbgimg123.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/sliderbgimg123.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;

}
.hero-style .slider-imgboxshape {
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/sliderbgimg123.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/sliderbgimg123.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 920px;
    height: 750px;
}

.slider-area img {
    max-width: 100%;      
}
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    background: #000;
    width: 44px;
    height: 38px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;    
    border-radius: 4px;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    color: #fcfdfb;
    position: absolute;
    bottom: 0 !important;
    top: 87% ;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);    
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
   
}


.hero-slider .swiper-button-prev {
    left: 837px;
    transform: translateX(50px);
}

.hero-slider .swiper-button-next {
    right: 908px;
    transform: translateX(50px);
}

.hero-slider .swiper-button-prev:hover, .hero-slider .swiper-button-next:hover {
    color: #000;
    background: #E7DB13;
}


.hero-slider .swiper-button-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 34px;
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.hero-slider .swiper-button-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 34px;
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.hero-slider .swiper-button-prev:hover:before, .hero-slider .swiper-button-next:hover:before {
    color: #000;
}


/*----------------------------------------*/
/*  Services Area
/*----------------------------------------*/
#services .service-bg{}
#services {
    position: relative;
    overflow: hidden;
    margin: 0em 0;
}
#services .peccular-service-box{  
    
    background:#fff;
    padding: 0;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px 8px 15px 0px #f2f2f4;
    margin: 0 44px 30px 0;
    position: relative;

}
/*#services .peccular-service-box:last-child{
    margin: 0 0px 0 0;
}*/
#services .peccular-section-head h2{
    color: #000;   
    margin-bottom: 22px; 
    margin-top: 0em;   
    font-weight: 700;
    font-size: 32px;
}

#services .peccular-section-head i{    
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px;        
    position: relative; 
    top: -22px;
    left: -26px;
    z-index: -1;   
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#services .peccular-service-box .peccular-service-image {
    padding: 0px;
    position: relative;   

}
#services .peccular-service-box .peccular-service-image:after{
    background: #000;
    width: 50px;
    height: 55px;
    position: absolute;
    bottom: 0;
    left: 45%;
    content: '';
    border-radius: 0;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 0;

}
#services .peccular-service-box:hover .peccular-service-image:after{
     -webkit-transform: scale(14);
    transform: scale(14);
    opacity: 0.5;

}
#services .peccular-service-box:hover .imgicon{
    z-index: 999;   
 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

#services .peccular-service-image .imgicon{    
    
    background: #E7DB13;
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -32px;
    right: 13px;   
    transform: rotate(-29deg);  
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#services .peccular-service-image .imgicon i{
    color: #fff;
    font-size: 38px;
    line-height: 70px;
    text-align: center;
    transform: rotate(28deg);
    filter: drop-shadow(1px 4px 4px black);

}
#services .peccular-service-box .peccular-service-image img {
    width: 100%;   
    transition: all 0.9s ease;
       
}
#services .peccular-service-content {     
    margin: 0px;   
    padding: 4em 25px 3em   
}
/*#services .peccular-service-box .peccular-service-image:hover img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.9s ease;
}*/
#services .peccular-service-content h4{
    margin-bottom: 21px;
}
#services .peccular-service-content h4 a{
    word-break: break-word;
    padding: 0;
    font-size: 24px;
    font-weight: 600;   
    color: #000;    
}  

#services .peccular-service-content p{
    font-size: 18px;
    font-weight: 300;
    word-break: break-word;
    line-height: 26px;    
    color: #000;
    margin-bottom: 0px;   
}

#services .srvc-btns{
    width: 131px;
    height: 52px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 26px 0 0 24px;   
}
#services .srvc-btns:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#services .srvc-btns:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#services .srvc-btns1{
    width: 124px;
    height: 38px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#services .srvc-btns1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#services .srvc-btns1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#services .srvc-btns2 {
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#services .srvc-btns2:hover,
#services .srvc-btns2:hover::before,
#services .srvc-btns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#services .srvc-btns2 a{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}  

#services .srvc-btns2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#services .srvc-btns2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}


/*----------------------------------------*/
/*  Services inner apge
/*----------------------------------------*/

#innerpage-box .peccular-innservice-box{  
    
    background:#fff;
    padding: 0;
    border-radius: 0px;    
    border-bottom-left-radius: 70px;
    box-shadow:0px 9px 15px -4px #e6e6e6;
    margin: 0 44px 60px 0;

}
/*#innerpage-box .peccular-innservice-box:last-child{
    margin: 0 0px 0 0;
}*/
#innerpage-box .peccular-section-head h2{
    color: #000;   
    margin-bottom: 22px; 
    margin-top: 0em;   
    font-weight: 700;
    font-size: 32px;
}

#innerpage-box .peccular-section-head i{    
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px;        
    position: relative; 
    top: -24px;
    left: -20px;
    z-index: -1;   
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#innerpage-box .peccular-innservice-box .peccular-innservice-image {
    padding: 0px;
    position: relative; 
}

#innerpage-box .peccular-innservice-box:hover .imgicon{
    z-index: 999;   
 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

#innerpage-box .peccular-innservice-image .imgicon{      
    background: #E7DB13;
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -32px;
    right: 0px;   
    transform: rotate(-29deg);  
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#innerpage-box .peccular-innservice-image .imgicon span{
    color: #fff;
    font-size: 38px;
    line-height: 70px;
    padding: 0 18px;
    text-align: center;
    transform: rotate(28deg);
    filter: drop-shadow(1px 4px 4px black);
}
#innerpage-box .peccular-innservice-box .peccular-innservice-image img{
    width: 100%;   
    transition: all 0.9s ease;
    border-bottom-left-radius: 70px;
    border-top-right-radius: 70px;       
}
#innerpage-box .peccular-innservice-content {     
    margin: 0px;   
    padding: 1em 25px 2em 35px;
    position: relative;   
    overflow: hidden;
    
}
#innerpage-box .peccular-innservice-content:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 1;
    position: absolute;
    top: -100%;
    left: 0;
    transition: all 0.9s ease 0s;
    border-bottom-left-radius: 58px;
}
#innerpage-box .peccular-innservice-content:hover:after {
    top: 0%;
    opacity: 0.5;
}
/*#innerpage-box .peccular-innservice-box .peccular-service-image:hover img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.9s ease;
}*/
#innerpage-box .peccular-innservice-content h4{
    margin-bottom: 25px;
}
#innerpage-box .peccular-innservice-content h4 a{
    word-break: break-word;
    padding: 0;
    font-size: 24px;
    font-weight: 600;   
    color: #000;    
}  

#innerpage-box .peccular-innservice-content p{
    font-size: 18px;
    font-weight: 300;
    word-break: break-word;
    line-height: 26px;    
    color: #000;
    margin-bottom: 0px;   
}

#innerpage-box .innservice-btns{
    width: 131px;
    height: 52px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 1; 
    padding: 7px 2px;
    margin: 2em 0 0 24px;   
}
#innerpage-box .innservice-btns:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .innservice-btns:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .innservice-btns1{
    width: 124px;
    height: 38px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#innerpage-box .innservice-btns1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .innservice-btns1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .innservice-btns2 {
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#innerpage-box .innservice-btns2:hover,
#innerpage-box .innservice-btns2:hover::before,
#innerpage-box .innservice-btns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#innerpage-box .innservice-btns2 a{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 1;
} 
#innerpage-box .innservice-btns2:hover a{color: #000;}
#innerpage-box .innservice-btns2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#innerpage-box .innservice-btns2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}

/*----------------------------------------*/
/*  Facility Area
/*----------------------------------------*/

#facility {
    position: relative;
    overflow: hidden;
}
#facility .peccular-facility-content {
    position: relative;
    z-index: 1;
}
#facility .peccular-section-head{
    position: relative;
    overflow: hidden;
    top: 39em;
    left: 38em;
}
#facility .peccular-section-head h2{
    color: #000;   
    margin-bottom: 22px; 
    margin-top: 0em;   
    font-weight: 700;
    font-size: 32px;
    position: relative;
    z-index: 1;
}
#facility .margintop{     margin-top: -74px; }

#facility .peccular-section-head span{    
    color: #000;
    font-size: 5px;
    background: #000;
    width: 71px;
    height: 4px;
    position: absolute;
        top: 37px;
    left: 4px;

}
#facility .responsive{}

#facility .peccular-section-head i{    
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px;        
    position: relative; 
    top: -24px;
    left: -27px;
    z-index: -1;   
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#facility .peccular-facility-b{ padding: 0 0px; }
#facility .peccular-facility-b:nth-child(odd) .peccular-facility-single {
    padding: 81px 42px ;
    background: #E7DB13;
    margin: 0;
    width: 350px;
    height: 357px;    
    z-index: 2;
    position: relative;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    transition: all 0.8s ease 0s;
}
#facility .peccular-facility-b:nth-child(odd):hover .peccular-facility-single{
   background: #000;
   transform: rotate(20deg);
   transition: all 0.8s ease 0s;
}
#facility .peccular-facility-b:nth-child(odd):hover .peccular-facility-content h4.peccular-facility-title,
#facility .peccular-facility-b:nth-child(odd):hover .peccular-facility-content p.peccular-facility-text,
#facility .peccular-facility-b:nth-child(odd):hover .peccular-facility-icon i {
    color: #fff;
}

#facility .peccular-facility-b:nth-child(1) .peccular-facility-single{
    
    left: 300px;
    top: 0;
}
#facility .peccular-facility-b:nth-child(2) .peccular-facility-single{}
#facility .peccular-facility-b:nth-child(3) .peccular-facility-single{
    
    left: 301px;
    top: -155px;
}
#facility .peccular-facility-b:nth-child(odd) .peccular-facility-content h4.peccular-facility-title{
    font-size: 24px;
    font-weight: 600;
    word-break: break-word;
    padding: 0;
    margin-bottom: 0.5em;
    line-height: 35px;
    color: #000;
    transition: all 0.3s ease 0s;
} 
#facility .peccular-facility-b:nth-child(odd) .peccular-facility-content p.peccular-facility-text{
    color: #000;
    font-size: 17px;
    font-weight: 500;
    word-break: break-word;
    line-height: 24px;
}
#facility .peccular-facility-b:nth-child(odd) .peccular-facility-icon i {
    font-size: 45px;
    font-family: FontAwesome;
    color: #000;
    margin-bottom: 10px;
    filter: drop-shadow(0px 0px 3px black);
}
#facility .peccular-facility-b:nth-child(even) .peccular-facility-single {
 
    padding: 81px 46px ;
    background: #000;
    margin: 0;
    width: 350px;
    height: 357px;    
    z-index: 2; 
    position: relative;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
#facility .peccular-facility-b:nth-child(even):hover .peccular-facility-single{
   background: #E7DB13;
   transform: rotate(20deg);
   transition: all 0.8s ease 0s;
}
#facility .peccular-facility-b:nth-child(even):hover .peccular-facility-content h4.peccular-facility-title,
#facility .peccular-facility-b:nth-child(even):hover .peccular-facility-content p.peccular-facility-text,
#facility .peccular-facility-b:nth-child(even):hover .peccular-facility-icon i {
    color: #000;
}
#facility .peccular-facility-b:nth-child(even) .peccular-facility-single:first-child{
    position: relative;
    left: 115px;
    top: -79px;
}
#facility .peccular-facility-b:nth-child(even) .peccular-facility-content h4.peccular-facility-title{
    font-size: 24px;
    font-weight: 600;
    word-break: break-word;
    padding: 0;
    margin-bottom: 0.5em;
    line-height: 35px;
    color: #fff;
    transition: all 0.3s ease 0s;
} 
#facility .peccular-facility-b:nth-child(even) .peccular-facility-content p.peccular-facility-text{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    word-break: break-word;
    line-height: 24px;
}
#facility .peccular-facility-b:nth-child(even) .peccular-facility-icon i {
    font-size: 45px;
    font-family: FontAwesome;
    color: #fff;
    margin-bottom: 10px;
    filter: drop-shadow(2px 2px 2px #aaa);
}
/*--------right side css--------------*/
#facility .peccular-facility-right{ padding: 0 0px; }
#facility .peccular-facility-right:nth-child(odd) .peccular-facility-single {
    padding: 81px 42px ;
    background: #000;
    margin: 0;
    width: 350px;
    height: 357px;    
    z-index: 2;
    position: relative;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
#facility .peccular-facility-right:nth-child(odd):hover .peccular-facility-single{
   background: #E7DB13;
   transform: rotate(20deg);
   transition: all 0.8s ease 0s;
}
#facility .peccular-facility-right:nth-child(odd):hover .peccular-facility-content h4.peccular-facility-title,
#facility .peccular-facility-right:nth-child(odd):hover .peccular-facility-content p.peccular-facility-text,
#facility .peccular-facility-right:nth-child(odd):hover .peccular-facility-icon i {
    color: #000;
}
#facility .peccular-facility-right:nth-child(1) .peccular-facility-single{
   
    top: 0;
    left: 0px;
}
#facility .peccular-facility-right:nth-child(3) .peccular-facility-single{
   
    top: -159px;
    left: 1px;
}

#facility .peccular-facility-right:nth-child(odd) .peccular-facility-content h4.peccular-facility-title{
    font-size: 24px;
    font-weight: 600;
    word-break: break-word;
    padding: 0;
    margin-bottom: 0.5em;
    line-height: 35px;
    color: #fff;
    transition: all 0.3s ease 0s;
} 
#facility .peccular-facility-right:nth-child(odd) .peccular-facility-content p.peccular-facility-text{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    word-break: break-word;
    line-height: 24px;
}
#facility .peccular-facility-right:nth-child(odd) .peccular-facility-icon i {
    font-size: 45px;
    font-family: FontAwesome;
    color: #fff;
    margin-bottom: 10px;
    filter: drop-shadow(2px 2px 2px #aaa);
}
#facility .peccular-facility-right:nth-child(even) .peccular-facility-single { 
    padding: 81px 46px ;
    background: #E7DB13;
    margin: 0;
    width: 350px;
    height: 357px;    
    z-index: 2;
    position: relative;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/facilitybgyello.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
#facility .peccular-facility-right:nth-child(even):hover .peccular-facility-single{
   background: #000;
   transform: rotate(20deg);
   transition: all 0.8s ease 0s;
}
#facility .peccular-facility-right:nth-child(even):hover .peccular-facility-content h4.peccular-facility-title,
#facility .peccular-facility-right:nth-child(even):hover .peccular-facility-content p.peccular-facility-text,
#facility .peccular-facility-right:nth-child(even):hover .peccular-facility-icon i {
    color: #fff;
}
#facility .peccular-facility-right:nth-child(even) .peccular-facility-single:first-child {
   left: 189px;
    top: -79px;
}
#facility .peccular-facility-right:nth-child(even) .peccular-facility-content h4.peccular-facility-title{
    font-size: 24px;
    font-weight: 600;
    word-break: break-word;
    padding: 0;
    margin-bottom: 0.5em;
    line-height: 35px;
    color: #000;
    transition: all 0.3s ease 0s;
} 
#facility .peccular-facility-right:nth-child(even) .peccular-facility-content p.peccular-facility-text{
    color: #000;
    font-size: 17px;
    font-weight: 500;
    word-break: break-word;
    line-height: 24px;
}
#facility .peccular-facility-right:nth-child(even) .peccular-facility-icon i {
    font-size: 45px;
    font-family: FontAwesome;
    color: #000;
    margin-bottom: 10px;
    filter: drop-shadow(0px 0px 3px black); 
}

/*----------------------------------------*/
/*  Team Area
/*----------------------------------------*/

#team {
    position: relative;
    overflow: hidden;   
}

#team .peccular-team-block {
    position: relative;
}

#team .peccular-section-head h2{
    margin-bottom: 22px;
    margin-top: 0em;
    font-weight: 700;
    font-size: 32px;
    position: relative;
    z-index: 1;
}
#team .peccular-section-head h2 i{
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px;
    position: relative;
    top: -22px;
    left: -20px;
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}

#team h4.peccular-team-name {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-top: 22px;
    margin-bottom: 13px;
}
#team h6.peccular-team-designation{
    font-weight: 400;
    color:#403F3F;
    font-size: 18px;
    text-transform: capitalize;
}
#team h5.peccular-team-designation{
    font-weight: 400;
    color: #7b7b7b;
    font-size: 16px;
    text-transform: capitalize;
}
#team h6.peccular-popteam-designation{
    font-weight: 500;
    color: #7b7b7b;
    font-size: 17px;
    margin-bottom: 6px;
    text-transform: capitalize;
}
#team h4.peccular-popteam-name{
    color: #000;
    font-size: 27px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 10px;
}
#team .peccular-popteam-experience{
    font-weight: 400;
    color: #000;
    font-size: 16px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
#team .peccular-popteam-content {
    font-weight: 400;
    color: #000;
    font-size: 15px;
    line-height: 23px;
   
}
#team .peccular-team-image{
    width: 265px;
    height: 265px;    
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/teamimgshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/teamimgshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    transition: all 0.9s ease 0s;
    position: relative;
}
#team .peccular-team-image .teamoverlay{
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
}
#team .peccular-team-image img {  width: 100%; height: 265px;}

#team .peccular-team-single:hover h4.peccular-team-name{ 
    /*padding-left:25px ; */
    color: #E7DB13; 
    letter-spacing: 1px; 
    transition: .8s ease;
 }
 #team .peccular-team-single:hover .peccular-team-image .teamoverlay{
      
    transition: all 0.9s ease 0s;
    opacity: 0.5;
    top: 80%;
 }
 #team .peccular-team-single:hover .peccular-team-image img{
     border-radius: 35px;
 }

#team .peccular-team-hoversocial-icon{ 
   
    text-align: center;    
    opacity: 0;    
    margin: 0 auto;
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    z-index: 10;
}
#team .peccular-team-hoversocial-icon a i{
    color: #fff;
    font-size: 30px;   
    padding: 0px;

}
#team .peccular-team-hoversocial-icon a i:hover{
    color: #f9c12c !important;
}
#team .peccular-team-image .peccular-team-hoversocial-icon a {
    display: inline-block;
    text-align: center;
    bottom: 0;    
    margin: 10px 10px -24px 10px ;
    color: #fefefc;  
}
#team .peccular-team-single:hover .peccular-team-hoversocial-icon{   
    
    opacity: 1;    
    transition: all 0.9s ease 0s;
    display: block;    
}


/*----------------------------------------*/
/*  Team inner Page
/*----------------------------------------*/

#innerpage-box .peccular-team-image {
    width: 196px;
    height: 171px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;  
    border-radius: 20px;
}
#innerpage-box .peccular-team-image:after {
    content: "";
    position: absolute;
    bottom: 100%;
      left: 0;
      right: 0;
      background-color: #000;
      overflow: hidden;
      width: 100%;
      height:0;
      transition: .5s ease;
   opacity: 0.4;
   z-index: -1;
}
#innerpage-box .peccular-team-single:hover .peccular-team-image:after{   
    bottom: 0;
    height: 100%;
    z-index: 1;
}
#innerpage-box .peccular-team-image img {
     width: 100%;
    height: 171px;
    max-width: 100%; 
}
#innerpage-box .peccular-team-single h4.peccular-team-name {
    font-size: 20px !important;
    color: #000 ;  
    margin: 25px 0 0 0;

}
#innerpage-box .peccular-team-single h5.peccular-team-designation {
    font-size: 17px !important;
    color: #000 ;
    margin: 6px 0 !important;
    font-weight: 500 !important;
}
#innerpage-box .peccular-team-area{
    margin: 2em 0;
}
#innerpage-box .peccular-team-social-icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -10px);
    -webkit-transition: all 400ms ease 0ms;
    -khtml-transition: all 400ms ease 0ms;
    -moz-transition: all 400ms ease 0ms;
    -ms-transition: all 400ms ease 0ms;
    -o-transition: all 400ms ease 0ms;
    transition: all 400ms ease 0ms;
    -webkit-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
#innerpage-box .peccular-team-single:hover .peccular-team-social-icon {
    opacity: 1;
    transform: translate(-50%, 0);
}
#innerpage-box .peccular-team-social-icon a{
    color: #000;
    font-size: 16px;
    background-color: #E7DB13;
    display: inline-flex;
    height: 40px;
    width: 40px;
    margin: 0;
    align-items: center;
    justify-content: center;
}
#innerpage-box .peccular-team-social-icon a i {
    color: #000;
    transition: all 300ms ease 0s;
    font-size: 17px;
}
#innerpage-box .peccular-team-social-icon a:hover i {
    transform: translateY(-5px);
    color: #fff;
}
#innerpage-box .peccular-team-single {
    margin-bottom: 20px;    
    width: 272px;
    height: 320px;
    background: #F6F6E3;
    border-radius: 20px;
    padding: 33px 0 19px 0;
}
/*----------------------------------------*/
/*  Testimonials Area
/*----------------------------------------*/
#testimonials{    
    position: relative;
    overflow: hidden;
}

#testimonials .peccular-testimonial-block{
        padding-bottom: 17px;
}
#testimonials .peccular-section-head h2 {
    margin-bottom: 22px;
    margin-top: 0em;
    font-weight: 700;
    font-size: 32px;
    position: relative;
    z-index: 1;
}
#testimonials .peccular-section-head h2 i{
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px;
    position: relative;
    top: -22px;
    left: -30px;
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    
}

#testimonials .peccular-testimonials-single{   
    padding: 0;
    margin-bottom: 0em;    
}
#testimonials .peccular-testimonials-image{
    width: 350px;
    height: 350px;    
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/testiimgshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/testiimgshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    transition: all 0.9s ease 0s;
    left: 169px;
    top: 71px;
    position: relative;
}
#testimonials .peccular-testimonials-image img {  width: 100%;}

#testimonials .testimain{
    height: 781px ;
}
#testimonials .testimonials-image-leftshape{
    background: #F9F9F1;
    padding: 0;
    margin: 0;
    width: 680px;
    height: 781px;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/testileftshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/testileftshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
#testimonials .testimonials-image-circle{
    position: relative;
    top: 1px;
    left: 97px;
    width: 505px;
    height: 505px;     
   border: 1px solid #E7DB13;
    border-radius: 50%; 
    z-index: 999;  
}
#testimonials .testimonials-image-circle-rotate {
     border: 2px dashed #000;   
     position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: transparent;
      border-radius: 50%;  
      width: 505px;
    height: 505px;   
    opacity: 0;
}
#testimonials .testimonials-image-circle:after{
    content:'';    
    background: #F9F6C1;
    width: 35px;
    height: 35px;
    position: relative;
    top: 388px;
    right: -178px;
    transform: rotate(90deg);
    z-index: 1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#testimonials .testimonials-image-circle:before{
    content:'';   
    background: #000;
    width: 35px;
    height: 35px;
    position: relative;
    top: 105px;
    left: -198px;
    transform: rotate(93deg);
    z-index: 1
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#testimonials h4.peccular-testimonials-name {
    font-weight: 600;
    color: #403F3F;
    margin: 2em 0 10px -70px;
    transition: all .35s ease-out;
    font-size: 24px;   
}
#testimonials .peccular-testimonials-single:hover h4.peccular-testimonials-name{ 
    letter-spacing: 2px;
    color: #E7DB13;
}
#testimonials h6.peccular-testimonials-designation{
    font-size: 18px;
    color: #6D6B6B;
    font-weight: 400;
    word-break: break-word;
    margin: 0 0 5px -81px;       
}
#testimonials .peccular-testimonials-content{
    padding-right: 13em;
}
#testimonials .peccular-testimonials-content p{
    color: #656464;
    font-size: 18px;
    font-weight: 300;
    word-break: break-word;
    line-height: 28px;
    margin: -25px 0 0 0;
    font-style: italic;
    position: relative;
    left: -54px;
}
#testimonials .peccular-testimonials-content i {
    font-size: 125px;
    color: #F9F9F1;   
    position: relative;
    top: -8px;
    left: -71px;
    margin-right: -24px ;  
    transition: all 0.7s ease;  
}

#testimonials .owl-carousel.owl-theme.owl-loaded.owl-drag {
    padding: 0em !important;
}
#testimonials .owl-theme .owl-dots { 
    display: Block;
    position: relative;
    bottom: 411px;
    left: 313px;

}
#testimonials .owl-theme .owl-dots button{
    box-shadow: none !important;
}
#testimonials .owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 5px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    background: #E7DB13 ;
}
#testimonials .owl-theme .owl-dots .owl-dot .active span {
   
    background: #000 !important;
}
.owl-carousel .owl-stage-outer{
    overflow: visible !important;
}
#testimonials .owl-theme .owl-nav {
    margin-top: 10px;
    position: relative;
    left: 0%;
    bottom: 80px;
    display: none;
}

#testimonials .testimonials-image-circle:before,
#testimonials .testimonials-image-circle:after { 
   
    
  -webkit-animation-name: Rotate;
  -webkit-animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: Rotate;
  -moz-animation-duration: 9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: Rotate;
  -ms-animation-duration: 9s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
/*#testimonials .testimonials-image-circle:hover .testimonials-image-circle-rotate  { 
   opacity: 1;
    
  -webkit-animation-name: Rotate;
  -webkit-animation-duration: 11s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: Rotate;
  -moz-animation-duration: 11s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: Rotate;
  -ms-animation-duration: 11s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}*/

/*start*/
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}

/*end*/


/*----------------------------------------*/
/*  Features Area
/*----------------------------------------*/
#features .features-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 1;
    background-size: cover;
}
#features .peccular-features-b{
    padding: 7px 3em;
}
#features .peccular-section-head h2{
  color: #000;
    font-weight: 700;
    font-size: 40px;
        margin-bottom: 45px;
}

#features .peccular-section-head h2:after {
    border-color: #ffd95e;
    border-image-source: linear-gradient(to left, #7441f4, #5468f0);
}
#features .peccular-section-head h3{
    color: #06332e;
    padding-right: 0;
    line-height: 40px;
    margin-top: 2em;
    font-size: 19px;
    font-weight: 700;
}
#features {
    position: relative;
    background: #f6f6f6;
}
#features h4.peccular-features-title{
    font-size: 20px;
    font-weight: 700;
    word-break: break-word;
    padding: 0;
    margin: 0.5em 0;
    line-height: 41px;
    color: #000;
     transition: all 0.8s;
}  
#features .peccular-features-single:hover h4.peccular-features-title{
    color: #fff;  
     transition: all 0.8s;
     font-size: 20px;
    letter-spacing: 0px;
  
}
#features .peccular-features-single:hover{

     background-color: #06332e;
}

#features .peccular-features-icon {
    position: relative;
}

#features .peccular-features-icon i{
    font-size: 52px;
   font-weight: 500;
    color: #06332e;
     transition: all 0.8s;
}  

#features .peccular-features-single:hover .peccular-features-icon i{
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #ffff;    
    transition: all 0.8s;
}

#features .peccular-features-single{
    position: relative;
    margin-bottom: 3em;
    background: #fff;
    padding: 2em 1em;
    box-shadow: 0 0 30px 15px #dedede;
     transition: all 0.8s;
}


/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about {   
    position: relative;
    overflow: hidden;
}

#about .about-body {
    position: relative;
}
#about .aboutbox1{   
    margin: 0;
    width: 733px;
    height:840px;  
}
#about .aboutbox1 svg{
       overflow: hidden;
    position: absolute;
    padding: 0px 0;
    z-index: 1;
}
#about .aboutbox1 svg path{ fill: #E7DB13 ; }

#about .aboutbox2 {
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/aboutshape2.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/aboutshape2.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 680px;
    height: 781px;
    position: relative;
    z-index: 4;
    background: #000;
    padding: 29px 31px 0 43px;   
    top: 31px;
}

#about .peccular-section-head {
    margin-bottom: 0em;
}
#about .peccular-section-head h2{
    color: #fff;   
    margin-bottom: 18px;
    margin-top: 42px;
    font-weight: 700;
    font-size: 26px;
    padding: 0 156px 0px 0;
}

#about .peccular-section-head h2 i{    
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px; 
    position: relative;       
    top: -20px;
    left: -18px;
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
}
#about .peccular-section-head h3{
    color: #fff;
    font-weight:bold;
    font-size:70px;
    padding: 0 2em 0 0;
    line-height: 77px;
    margin: 0 0;  
    text-align: left; 
}

#about .aboutbox2:hover .peccular-section-head h3{
    color:#E7DB13 ;
}
#about .aboutbox2:hover .peccular-section-head h3 i{
     padding: 0 50%;
     transition: all 1s ease 0s;
}
#about .peccular-section-head h3 i{
    color: #E7DB13;
    font-size: 8px;
    margin-right: 5px;
    margin-top: 0px;
    padding: 0 77px;
    background: #E7DB13;
    border-radius: 0;
    font-family: 'Fontawesome';
    position: relative;
    top: -38px;
    transition: all 1s ease 0s;
}
#about .peccular-section-area-textlist ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2em;
  
}
#about .abtlist2{
    margin: 0 0 0 -62px;
}
#about .peccular-section-area-textlist ul li,
 #about .peccular-section-area-textlist ol li,
  #about .peccular-section-area-textlist {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    word-break: break-word;
    line-height: 28px;
   /* margin-bottom: 15px*/
}
#about .peccular-section-area-textlist ul li:before, 
#about .peccular-section-area-textlist ol li:before{
    content: "\f040";
    font-family: 'Fontawesome';
    margin-right: 9px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    padding: 5px;
}
#about .peccular-section-area-text-subtitle {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    word-break: break-word;
    line-height: 26px;
    margin-bottom: 2em;  
}
#about .abt-btns{
    width: 131px;
    height: 52px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 7px 0 0 24px;   
}
#about .abt-btns:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#about .abt-btns:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#about .abt-btns1{
    width: 124px;
    height: 38px;
    background: #000;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#about .abt-btns1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#about .abt-btns1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#about .abt-btns2 {
    width: 120px;
    height: 33px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#about .abt-btns2:hover,
#about .abt-btns2:hover::before,
#about .abt-btns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#about .abt-btns2 a{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    position: relative;
    z-index: 1;
}  
#about .abt-btns2:hover a{ color: #fff; }

#about .abt-btns2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#about .abt-btns2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#about .peccular-section-head .peccular-section-head-icon i{
       font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #06332e;
    margin-left: 1em;
}
#about .peccular-about-imgbox{ 
   }
#about .peccular-about-imgbox img{
    width: 786px;
    position: absolute;
    z-index: 0;
    top: 148px;
    right: 0;
    height: 556px;
}
/*#about .peccular-about-imgbox:after {
    position: absolute;
    top: -2px;
    left: -265px;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to bottom, transparent -161%, #000 349%);
    -webkit-transform: skewX(-40deg);
    transform: skew(320deg);
    opacity: 0;
 }
 #about .peccular-about-imgbox:hover:after{
     -webkit-animation: shine .71s;
    animation: shine .71s;
    opacity: 1;
 }*/

/*----------------------------------------*/
/*  appointment Area
/*----------------------------------------*/

#appointment{
    position: relative;
    overflow: hidden;
    background: #F6F1B5;
}
#appointment .peccular-appointment-area{
    padding-bottom: 17px;
}
#appointment .peccular-appointment-content{
    height: 516px;
}
#appointment .peccular-appointment-content h1{
    font-size: 31px;
    font-weight: 600;
    color: #000;
    margin: 60px 0 32px ;
}
#appointment .peccular-appointment-content h2{
    font-size: 77px;
    font-weight: bold;
    color: #4D4B34;
    letter-spacing: 0px;
    margin-bottom: 21px;
    padding: 0 10px 0 0;
}
#appointment .peccular-appointment-content h2 span{
    font-size: 77px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0px;
}
#appointment .addtext i{
    font-size: 36px;
    font-weight: 600;
    color: #000;
}
#appointment .addtext p{
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
#appointment .emailtext{
    position: relative;
    left: 77px;
}
#appointment .emailtext i{
    font-size: 36px;
    font-weight: 600;
    color: #000;
}
#appointment .emailtext p a{
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
#appointment .emailtext p a:hover{
       color: #E7DB13;
}
#appointment .appnt-btns{
    width: 131px;
    height: 52px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 2em 0 4em 24px;   
}
#appointment .appnt-btns:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#appointment .appnt-btns:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#appointment .appnt-btns1{
    width: 124px;
    height: 38px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#appointment .appnt-btns1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#appointment .appnt-btns1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#appointment .appnt-btns2{
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#appointment .appnt-btns2:hover,
#appointment .appnt-btns2:hover::before,
#appointment .appnt-btns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#appointment .appnt-btns2 a{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}  
#appointment .appnt-btns2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#appointment .appnt-btns2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#appointment .appointment-area-right{
    background: #000;
    padding: 81px 42px;    
    margin: 0;
    width: 919px;
    height: 592px;
    z-index: 1;
    position: absolute;
    right: 0;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/appointmentrshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/appointmentrshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
#appointment .appnt-rightimgbox{
     background: #fff;
    padding: 18px;
    margin: 0;
    width: 484px;
    height: 474px;
    z-index: 1;
    position: absolute;
    right: 54px;
    top: 56px;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/appntrightshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/appntrightshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
#appointment .appnt-rimg{     
    padding: 0;    
    margin: 0;    
    z-index: 1;   
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/appntrightshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/appntrightshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

#appointment .appnt-rightboxleft1{    
    background: #E7DB13;
    padding: 11px 11px 0 3px;
    position: absolute;
    z-index: 0;
    top: 34%;
    left: 10%;
    margin: 0 0px;
    transform: rotate(-30deg);
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
    width: 170px;
    height: 180px;
     transition: all 0.9s ease 0s;
}
#appointment .appointment-area-right:hover .appnt-rightboxleft1{
    transform: rotate(10deg);
     transition: all 0.9s ease 0s;
 }
#appointment .appointment-area-right:hover .appnt-rightboxleft3{
    transform: rotate(-88deg);
     transition: all 0.9s ease 0s;
}
#appointment .appointment-area-right:hover .appnt-rightimgbox{
    background: #E7DB13 ;
     transition: all 0.9s ease 0s;
}

#appointment .appnt-rightboxleft2{    
    background: #000;
    padding: 0;
    margin: 0 0px;
    transform: rotate(-60deg);
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
    width: 164px;
    height: 157px;

   
}
#appointment .appnt-rightboxleft2 h1{
    font-size: 47px;
    font-weight: bold;
    color: #fff;
    transform: rotate(92deg);
    text-align: center;
    padding: 0 5px 0 45px;
}

#appointment .appnt-rightboxleft3{
    
    background: #E7DB13;
    padding: 9px 5px 0 3px;
    position: absolute;
    z-index: 1;
    top: 56%;
    left: 29%;
    margin: 0 0px;
    transform: rotate(-122deg);
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
    width: 220px;
    height: 226px;
     transition: all 0.9s ease 0s;
}
#appointment .appnt-rightboxleft4{
    
    background: #000;
    padding:25px 20px;
    margin: 0 0px;
    transform: rotate(121deg);
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
    width: 207px;
    height: 207px;
   
}
#appointment .appnt-rightboxleft4 i{
    font-size: 56px;
    font-weight: bold;
    color: #E7DB13;
    text-align: center;
    position: relative;
    top: -5px;
    right: 3px;
       margin: 4px 0 0px 0px;
    transform: rotate(22deg);   
}
#appointment .appnt-rightboxleft4 p a{
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    /*transform: rotate(61deg);*/
    text-align: center;
    padding: 0 0;
    margin: 8px 0;
}
#appointment .appnt-rightboxleft4 div a{
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    /*transform: rotate(60deg);*/
    text-align: center;
    padding: 0 0;
    margin:0 0;
}
#appointment .appnt-rightboxleft4 div:hover a,
#appointment .appnt-rightboxleft4 p:hover a{
       color: #E7DB13;
}
/*----------------------------------------*/
/*  Blog Home Area
/*----------------------------------------*/

#blog {   
    position: relative;
    overflow: hidden;
}
#blog .peccular-section-head h2{
   
    margin-bottom: 22px;
    margin-top: 0em;
    font-weight: 700;
    font-size: 32px;
    position: relative;
    z-index: 1;
}
#blog .peccular-section-head h2 i {
    color: #E7DB13;
    font-size: 8px;
    background: #E7DB13;
    width: 44px;
    height: 38px;
    position: relative;
    top: -22px;
    left: -20px;
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

#blog .peccular-blog-post{
    background: #fff;
    padding: 0;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px 12px 13px -5px #ededee;
    margin: 0 7px 2em;
    
}

#blog .peccular-box-area-S { margin: 0px;}
#blog h4.inner-area-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom:1.3em;
    padding: 0em;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#blog .peccular-blog-post:hover h4.inner-area-title{
        color: #E7DB13;  
    transition: all 1s ease 0s;
}
#blog p{
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 1em;
    padding: 0em;
}

#blog .peccular-blog-single {  padding:1px 32px 42px;  margin: -7px 0 0;}

#blog .peccular-blog-thumbnail a img {
    width: 100%;
}
#blog .peccular-blog-thumbnail {
    position: relative;
     overflow: hidden; 
}
#blog .peccular-blog-comment1 {
   
    background: #E7DB13;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 400px;
    left: -1px;
    height: 56px;
    position: relative;
    top: -37px;
    padding: 1px;
}
#blog .peccular-blog-comment {
   
    background: #F9F9F1;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 498px;
    height: 53px;
    padding: 17px 32px 17px 30px;
}
#blog .peccular-blog-comment .commentbox{
    text-align: left;
}
#blog .peccular-blog-comment span{
    color: #000;
    font-size: 17px;
    padding: 0 0;
    font-weight: 500;
    text-transform: capitalize;
}
#blog .peccular-blog-comment i{
    font-size: 16px;
    font-weight: 500;
    padding-right: 10px;
    color: #000;
}
#blog .peccular-blog-thumbnail img {
   transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
}
#blog .peccular-blog-post:hover .peccular-blog-thumbnail img {
    transform: scale(1.2);
}
#blog .readblog-btn{
    width: 131px;
    height: 52px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 2em 0 0 24px;   
}
#blog .readblog-btn:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#blog .readblog-btn:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#blog .readblog-btn1{
    width: 124px;
    height: 38px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#blog .readblog-btn1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#blog .readblog-btn1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#blog .readblog-btn2 {
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#blog .readblog-btn2:hover,
#blog .readblog-btn2:hover::before,
#blog .readblog-btn2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#blog .readblog-btn2 a{
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}  

#blog .readblog-btn2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#blog .readblog-btn2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}


/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/

#newsletter {
    position: relative;
    z-index: 1;
    overflow: visible;
    /*background: #F9F9F1;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/newslettershape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/newslettershape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
    height: 224px;
    padding: 0 7px 5px;*/
}

#newsletter .newsletter-sign-box1{
    filter: drop-shadow(0px 3px 3px rgba(50, 50, 0, 0.5));
        margin: 0px 0 0 0;
}
#newsletter .newsletter-sign-box2{
    background:#fff;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/newslettershape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/newslettershape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
       width: 100%;
    height: 274px;
    padding: 0em 2px 2px;
}

#newsletter .newsletter-sign-box3 {
   
    background:#E7DB13;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/newslettershape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/newslettershape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
       height: 275px;
    padding: 83px 0;
}
#newsletter .peccular-section-head {
    margin-bottom: 0em;
        margin-top: 0;
}
#newsletter .peccular-section-head h2{
    color: #000;
    font-size: 40px;
    font-weight: 900;
    line-height: 68px;
    margin-bottom: 0.5em;
    margin-left: -12px;
}
#newsletter .peccular-section-head h2:after {
   display: none;
}
#newsletter  .peccular-newsletter-member-wrap input::placeholder{
    opacity: 1;
    color: #d1cfd0;
}
#newsletter .peccular-newsletter-member-wrap {     
    padding: 0px 0em 0 70px; 
}

#newsletter .peccular-newsletter-member-wrap input[type="text"], 
#newsletter .peccular-newsletter-member-wrap input[type="email"], 
#newsletter .peccular-newsletter-member-wrap input[type="url"], 
#newsletter .peccular-newsletter-member-wrap input[type="password"], 
#newsletter .peccular-newsletter-member-wrap input[type="search"], 
#newsletter .peccular-newsletter-member-wrap input[type="number"], 
#newsletter .peccular-newsletter-member-wrap input[type="tel"], 
#newsletter .peccular-newsletter-member-wrap input[type="range"], 
#newsletter .peccular-newsletter-member-wrap input[type="date"], 
#newsletter .peccular-newsletter-member-wrap input[type="month"], 
#newsletter .peccular-newsletter-member-wrap input[type="week"], 
#newsletter .peccular-newsletter-member-wrap input[type="time"], 
#newsletter .peccular-newsletter-member-wrap input[type="datetime"],
#newsletter .peccular-newsletter-member-wrap input[type="datetime-local"], 
#newsletter .peccular-newsletter-member-wrap input[type="color"],
#newsletter .peccular-newsletter-member-wrap input[type="file"],
#newsletter .peccular-newsletter-member-wrap textarea{ 

    border:none !important;    
    z-index: 2000;
    width: 104%;
    color: #4d4d4d !important;
    margin: 0 0 10px 0;
    border-radius: 50px;
    padding: 0px 42px !important;
    font-size: 17px;
    height: 70px;
    font-weight: 500;
    background: #F6F6E3;
}

#newsletter .submit-newsbtns{
    width: 131px;
    height: 52px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 10px 0 0 24px;   
}
#newsletter .submit-newsbtns:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#newsletter .submit-newsbtns:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#newsletter .submit-newsbtns1{
    width: 124px;
    height: 38px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#newsletter .submit-newsbtns1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#newsletter .submit-newsbtns1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#newsletter .submit-newsbtns2 {
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#newsletter .submit-newsbtns2:hover,
#newsletter .submit-newsbtns2:hover::before,
#newsletter .submit-newsbtns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#newsletter .submit-newsbtns2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#newsletter .submit-newsbtns2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"]{
    display: inline-block;
    background: transparent ;
    color: #fff ;
    font-weight: 600;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 0;    
    text-decoration: none;
    border: none;
    cursor: pointer;    
    font-size: 20px;
    transition: all 0.5s ease 0s;
    margin:0 0;
    text-transform: uppercase;
   
}

/*----------------------------------------*/
/*  13. Contact Home Area
/*----------------------------------------*/

#contact {
   position: relative;
   overflow: visible;
}
#contact .peccular-section-head{
    margin: 20px 0 3em;
    padding: 0;
}
#contact .peccular-section-head h2{
    font-size: 36px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
#contact .contactshape{
    filter: drop-shadow(0px 3px 3px rgba(50, 50, 0, 0.5));
    margin-bottom: 3em;
}
#contact .peccular-contact-address1,
#contact .peccular-contact-mailid1,
#contact .peccular-contact-phone1{
    background: #fff;      
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
     width: 573px;
    height: 61px;
    margin: 19px 0;
    padding: 0px 1px;
   
}
#contact .peccular-contact-address,
#contact .peccular-contact-mailid,
#contact .peccular-contact-phone{
    background: #E7DB13;      
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 571px;
    height: 60px;
    margin: 19px 0;
    padding: 8px 35px;  
} 
#contact .peccular-contact-address:hover,
#contact .peccular-contact-mailid:hover,
#contact .peccular-contact-phone:hover{
    width: 600px;
     background: #000;      
}
#contact .peccular-contact-address:hover i,
#contact .peccular-contact-mailid:hover i,
#contact .peccular-contact-phone:hover i,
#contact .peccular-contact-address:hover .peccular-contact-data,
#contact .peccular-contact-mailid:hover .peccular-contact-data,
#contact .peccular-contact-phone:hover .peccular-contact-data{
    color: #fff;
}

#contact .peccular-contact-address .peccular-contact-icon i,
#contact .peccular-contact-mailid i,
#contact .peccular-contact-phone i {
    color: #000;
    font-size: 23px;
    background: #E7DB13;
    width: 40px;
    height: 40px;
    line-height: 40px;   
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    left: 8px;
    position: relative;
}
#contact .peccular-contact-data{
    font-size: 18px;
    font-weight: 500;
    color: #000;    
    line-height: 44px;

}
#contact .contact-area1{
    filter: drop-shadow(0px 0px 9px rgba(50, 50, 0, 0.1));
}
#contact .contact-area{
    background: #fff;
    padding: 110px 205px 65px;    
    margin: 0;
    width: 788px;
    height: 790px;
    box-shadow: 0px 3px 30px #85838329;    
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    top: -232px;
    z-index:1;
}

#contact.peccular-contact-block {  margin-top:0em;}

#contact .peccular-contact-member-wrap input[type="text"], 
#contact .peccular-contact-member-wrap input[type="email"], 
#contact .peccular-contact-member-wrap input[type="url"], 
#contact .peccular-contact-member-wrap input[type="password"], 
#contact .peccular-contact-member-wrap input[type="search"], 
#contact .peccular-contact-member-wrap input[type="number"], 
#contact .peccular-contact-member-wrap input[type="tel"], 
#contact .peccular-contact-member-wrap input[type="range"], 
#contact .peccular-contact-member-wrap input[type="date"], 
#contact .peccular-contact-member-wrap input[type="month"], 
#contact .peccular-contact-member-wrap input[type="week"], 
#contact .peccular-contact-member-wrap input[type="time"], 
#contact .peccular-contact-member-wrap input[type="datetime"],
#contact .peccular-contact-member-wrap input[type="datetime-local"], 
#contact .peccular-contact-member-wrap input[type="color"],
#contact .peccular-contact-member-wrap input[type="file"],
#contact .peccular-contact-member-wrap textarea{
    border: none;  
    color: #919191;
    margin: 0 0 30px 0;   
    padding: 0 0 0 39px;
    font-size: 18px;   
    font-weight: 400;
    background: #fff;      
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 388px;
    height: 59px;
}
#contact .peccular-contact-member-wrap .wpcf7-form-control-wrap{
     -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
   /* width: 390px;
    height: 62px;*/
    background: #959595;
    padding: 6px 2px 50px;
}
#contact .peccular-contact-member-wrap textarea {
      padding: 20px 0 0 43px
}
#contact .peccular-contact-member-wrap textarea::placeholder,
#contact .peccular-contact-member-wrap input::placeholder{
    color:#919191;
}

#contact .submit-btns{
    width: 175px;
    height: 68px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 13px 0 0 -17px;   
}
#contact .submit-btns:before{
    content: "";
    position: absolute;
    top: 10px;
    left: -24px;
    width: 49px;
    height: 48px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#contact .submit-btns:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -24px;
    width: 49px;
    height: 48px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#contact .submit-btns1{
    width: 168px;
    height: 52px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#contact .submit-btns1:before{
    content: "";
    position: absolute;
    top: 8px;
    left: -17px;
    width: 36px;
    height: 36px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#contact .submit-btns1:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 36px;
    height: 36px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#contact .submit-btns2{
    width: 164px;
    height: 47px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#contact .submit-btns2:hover,
#contact .submit-btns2:hover::before,
#contact .submit-btns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
} 
#contact .submit-btns2:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -15px;
    width: 34px;
    height: 33px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#contact .submit-btns2:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -15px;
    width: 34px;
    height: 33px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}

#contact .peccular-contact-member-wrap input[type="submit"]{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    background: none;
    text-transform: uppercase;
    cursor: pointer;
    
}
#contact .peccular-contact-member-wrap .wpcf7-not-valid-tip{
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin: -23px 0 0 12px !important;
    position: relative !important;
    top: -26px !important;
    z-index: 999;
    left: 25px !important;
}


/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
 #footer,
 .footer-area,
.footer-area,
.page .footer-area,
.single .footer-area {
    position: relative;
    z-index: 0;
  /*  border-top: 1px solid #fffcfd;*/
    background:#F6F6E3;
}
/*#footer .footer-bg {
    background:url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/footerbg.jpg) no-repeat;
    background-position: right 16% bottom -30%;
}*/
/* #footer .footer-overlay,
#footer .footer-overlay,
.page #footer .footer-overlay,
.single #footer .footer-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 1;
    background-size: cover;
}*/
#footer .widget_block,
#footer .widget_meta,
#footer .widget_recent_entries,
#footer .widget_categories,
#footer .widget_recent_comments,
#footer .widget_archive,
#footer .widget_nav_menu ,
#footer .widget_text ,

#footer .widget_block,
#footer .widget_meta,
#footer .widget_recent_entries,
#footer .widget_categories,
#footer .widget_recent_comments,
#footer .widget_archive,
#footer .widget_nav_menu ,
#footer .widget_text ,

.page #footer .widget_block,
.page #footer .widget_meta,
.page #footer .widget_recent_entries,
.page #footer .widget_categories,
.page #footer .widget_recent_comments,
.page #footer .widget_archive,
.page #footer .widget_nav_menu,
.page #footer .widget_text,

.single #footer .widget_block,
.single #footer .widget_meta,
.single #footer .widget_recent_entries,
.single #footer .widget_categories,
.single #footer .widget_recent_comments,
.single #footer .widget_archive,
.single #footer .widget_nav_menu,
.single #footer .widget_text{
    border: none;
    border-radius: 0;
    padding: 0;
    color: #fff;
}
.footer-area li,
.footer-area li,
.page .footer-area li {display: block;margin-bottom: 10px;font-size: 15px;font-weight: 500; }
.footer-area li a,
.page .footer-area li a,
.single .footer-area li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
}
.footer-area li:before,
.footer-area li:before,
.page .footer-area li:before,
.single .footer-area li:before  {
    content: "\f18e";
    font-family: 'Fontawesome';
    font-size: 14px;
    padding-right: 10px;
    color: #fff;
    opacity: 0.7;
}
.footer-area .gallery-item, .footer-area .gallery-item, .page .footer-area .gallery-item, .single .footer-area .gallery-item {
    max-width: 40.33%;
    padding-right: 13px;
    padding-bottom: 13px;
}
.footer-area .gallery-item img,.footer-area .gallery-item img, .page .footer-area .gallery-item img, .single .footer-area .gallery-item img{
    border-radius: 10px;
    border: 2px solid;
    width: 100%;
    height: 70px;
}
.footer-area ul,
.footer-area ul,
.page .footer-area ul,
.single .footer-area ul  {margin: 0 0 15px 00px;}
.footer-area p,
.page .footer-area p,
.single .footer-area p {    
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 1.6;
    font-size: 16px;
    color: #000;
}
.footer-area .widget-title,

 #footer .widget_block h1,
 #footer .widget_block h3, 
 #footer .widget_block h4, 
 #footer .widget_block h5, 
 #footer .widget_block h6, 
 #footer .widget_block h2,

.footer-area .widget-title,
.page .footer-area .widget-title,
#footer .widget_block h1,
#footer .widget_block h3, 
#footer .widget_block h4, 
#footer .widget_block h5, 
#footer .widget_block h6, 
#footer .widget_block h2,
.page #footer .widget_block h1,
.page #footer .widget_block h3, 
.page #footer .widget_block h4, 
.page #footer .widget_block h5, 
.page #footer .widget_block h6, 
.page #footer .widget_block h2,
.single .footer-area .widget-title,
.single #footer .widget_block h1,
.single #footer .widget_block h3, 
.single #footer .widget_block h4, 
.single #footer .widget_block h5, 
.single #footer .widget_block h6, 
.single #footer .widget_block h2 {   
    color: #000;
    margin-bottom: 0px;
    font-family: inherit;
    font-size: 25px;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: 700;
    position: relative;
}

.footer-area .widget.widget_recent_entries li a,
.footer-area .widget.widget_recent_entries li a,
.page .footer-area .widget.widget_recent_entries li a ,
.single .footer-area .widget.widget_recent_entries li a {font-size: 16px;}

.footer-area .social-profile-icons ul li,
.footer-area .social-profile-icons ul li,
.page .footer-area .social-profile-icons ul li,
.single .footer-area .social-profile-icons ul li {    
    display: inline-block;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 800;
}
.footer-area .social-profile-icons ul li:before,
.footer-area .social-profile-icons ul li:before,
.page .footer-area .social-profile-icons ul li:before,
.single .footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget,
.footer-area .widget,
.page .footer-area .widget ,
.single .footer-area .widget{margin-bottom: 0.5em;}
.footer-area .footer-bottom-area ul li,
.footer-area .footer-bottom-area ul li,
.page .footer-area .footer-bottom-area ul li,
.single .footer-area .footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}

.footer-area .bottom-area,
.footer-area .bottom-area,
.page .footer-area .bottom-area,
.single .footer-area .bottom-area {
   
    border-top: 1px solid #D2D1D1;
    position: relative;
}

.footer-area .bottom-area ul,
.footer-area .bottom-area ul,
.page .footer-area .bottom-area ul,
.single .footer-area .bottom-area ul { margin-bottom: 0;}

.footer-area .footer-text, .footer-text a,
.footer-area .footer-text, .footer-text a,
.single .footer-area .footer-text, .single .footer-text a,
.single .footer-area .footer-text, .single .footer-text a   {
    font-size: 16px;
    font-weight: 300;
    color: #f8f4f5;
}
.footer-area .pd-0,
.footer-area .pd-0,
.page .footer-area .pd-0,
.single .footer-area .pd-0{padding: 0;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover,
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover,
.page .footer-area .bottom-area li a:hover,
.single .footer-area .bottom-area li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after,
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after,
.page .footer-area .bottom-area li:hover a::after, .page .footer-area .bottom-area li:hover a:after,
.single .footer-area .bottom-area li:hover a::after, .single .footer-area .bottom-area li:hover a:after
 {width: 20px;}
.footer-area .bottom-area li.current_page_item a:after,
.footer-area .bottom-area li.current_page_item a:after,
.page .footer-area .bottom-area li.current_page_item a:after,
.single .footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area .footer-link,
.footer-area .bottom-area .footer-link,
.page .footer-area .bottom-area .footer-link,
.single .footer-area .bottom-area .footer-link{
    text-align: right;
}
.footer-area  ul,
.footer-area  ul,
.page .footer-area  ul ,
.single .footer-area  ul{
    list-style: none;
    margin: 10px 0 0 1px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select,

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select,
.page .footer-area input[type="text"], .page .footer-area input[type="email"], .page .footer-area input[type="url"], .page .footer-area input[type="password"], .page .footer-area input[type="search"], .page .footer-area input[type="number"], .page .footer-area input[type="tel"], .page .footer-area input[type="range"], .page .footer-area input[type="date"], .page .footer-area input[type="month"], .page .footer-area input[type="week"], .page .footer-area input[type="time"], .page .footer-area input[type="datetime"], .page .footer-area input[type="datetime-local"], .page .footer-area input[type="color"], .page .footer-area textarea,
.page .footer-area select,

.single .footer-area input[type="text"], .single .footer-area input[type="email"], .single .footer-area input[type="url"], .single .footer-area input[type="password"], .single .footer-area input[type="search"], .single .footer-area input[type="number"], .single .footer-area input[type="tel"], .single .footer-area input[type="range"], .single .footer-area input[type="date"], .single .footer-area input[type="month"], .single .footer-area input[type="week"], .single .footer-area input[type="time"], .single .footer-area input[type="datetime"], .single .footer-area input[type="datetime-local"], .single .footer-area input[type="color"], .single .footer-area textarea,
.single .footer-area select
{    
    height: 49px;
    border: 1px solid;
    font-size: 15px;
    height: 35px;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 400;
}
.footer-area input[type="submit"],
.footer-area input[type="submit"],
.page .footer-area input[type="submit"] ,
.single .footer-area input[type="submit"]{  
    background: none;
    border: 2px solid;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 0px;
    padding: 0;
    color: #FFF;
    -moz-transition: all 0.3s ease;
    border-radius: 0;
    box-shadow: none;
}
.footer-area input[type="submit"],
.footer-area .widget_calendar tfoot tr td a,
.footer-area .s-footer .textwidget p a,

.footer-area input[type="submit"],
.footer-area .widget_calendar tfoot tr td a,
.footer-area .s-footer .textwidget p a,

.page .footer-area input[type="submit"],
.page .footer-area .widget_calendar tfoot tr td a,
.page .footer-area .s-footer .textwidget p a ,
.single .footer-area input[type="submit"],
.single .footer-area .widget_calendar tfoot tr td a,
.single .footer-area .s-footer .textwidget p a 
{
    border-bottom: 1px solid;
    background: none;
}
.footer-area input[type="submit"]:hover,
.footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover,

.footer-area input[type="submit"]:hover,
.footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover,
.page .footer-area input[type="submit"]:hover,
.page .footer-area .widget_calendar tfoot tr td a:hover,
.page .footer-area .s-footer .textwidget p a:hover,

.single .footer-area input[type="submit"]:hover,
.single .footer-area .widget_calendar tfoot tr td a:hover,
.single .footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
    background: none;
}
.footer-area .top-area,
.footer-area .top-area,
.page .footer-area .top-area,
.single .footer-area .top-area {
    padding: 0 0 0.5em;
    position: relative;
}
.footer-area label,
.footer-area label,
.page .footer-area label,
.single .footer-area label{
    font-weight: 400;
}
.footer-area .wpcf7 input[type="file"],
.footer-area .wpcf7 input[type="file"],
.page .footer-area .wpcf7 input[type="file"],
.single .footer-area .wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option,
.page .footer-area select option,
.single .footer-area select option{font-weight: 400;}
.footer-area .tagcloud a,
.page .footer-area .tagcloud a,
.single .footer-area .tagcloud a{font-size: 15px !important;font-weight: 400;}

.footer-area i.fa ,
.footer-area i.fa ,
.page .footer-area i.fa,
.single .footer-area i.fa{    
    padding: 0;
    font-size: 16px;
    margin-right: 8px;
}
.footer-area i.fa {
    color: #000;
}
 .footer-area .social-profile-icons i.fa,
.footer-area .social-profile-icons i.fa,
.page .footer-area .social-profile-icons i.fa ,
.single .footer-area .social-profile-icons i.fa{    
    padding: 0;
    text-align: center;
    margin-right: 0;
    font-size: 20px;
    padding: 5px;
}
 .footer-area table tr,
.footer-area table tr,
.page .footer-area table tr ,
.single .footer-area table tr{text-align: center;line-height: 28px;}
.footer-area table td,
.footer-area table td,
.page .footer-area table td,
.single .footer-area table td  {font-size: 15px;padding: 5px;}
.footer-area span.post-date, .footer-area .widget_calendar table tbody td, .footer-area .widget_calendar table tbody td a, .footer-area .widget_calendar table tbody td#today a, .wp-block-latest-comments__comment-date {
    color: #d7d7d7!important;
}
.footer-area .widget_calendar table thead tr th,
.footer-area .widget_calendar table thead tr th,
.page .footer-area .widget_calendar table thead tr th,
.single .footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset,
.footer-area fieldset,
.page .footer-area fieldset ,
.single .footer-area fieldset {
    padding-top: 0;
}
.footer-area .widget_calendar thead,
.footer-area .widget_calendar thead,
.page .footer-area .widget_calendar thead,
.single .footer-area .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img:hover,
.footer-area figure.gallery-item img:hover,
.page .footer-area figure.gallery-item img:hover,
.single .footer-area figure.gallery-item img:hover{opacity: 0.8;}
.footer-area p span,
.footer-area p span,
.page .footer-area p span,
.single .footer-area p span    {color: #fe900f;font-weight: 400;}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: transparent;}
.footer-area .s-footer,

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: transparent;}
.footer-area .s-footer,

.page .footer-area input[type="text"], .page .footer-area input[type="email"], .page .footer-area input[type="url"], .page .footer-area input[type="password"], .page .footer-area input[type="search"], .page .footer-area input[type="number"], .page .footer-area input[type="tel"], .page .footer-area input[type="range"], .page .footer-area input[type="date"], .page .footer-area input[type="month"], .page .footer-area input[type="week"], .page .footer-area input[type="time"], .page .footer-area input[type="datetime"], .page .footer-area input[type="datetime-local"], .page .footer-area input[type="color"], .page .footer-area textarea {background: transparent;}
.page .footer-area .s-footer,

.single .footer-area input[type="text"], .single .footer-area input[type="email"], .single .footer-area input[type="url"], .single .footer-area input[type="password"], .single .footer-area input[type="search"], .single .footer-area input[type="number"], .single .footer-area input[type="tel"], .single .footer-area input[type="range"], .single .footer-area input[type="date"], .single .footer-area input[type="month"], .single .footer-area input[type="week"], .single .footer-area input[type="time"], .single .footer-area input[type="datetime"], .single .footer-area input[type="datetime-local"], .single .footer-area input[type="color"], .single .footer-area textarea {background: transparent;}
.single .footer-area .s-footer{
    float: left;
    margin-bottom: 4em;
}
.footer-area .single-footer-1,
.footer-area .single-footer-1,
.page .footer-area .single-footer-1 ,
.single .footer-area .single-footer-1{    
    float: left;
}
.footer-area .single-footer-2,
.footer-area .single-footer-2,
.page .footer-area .single-footer-2,
.single .footer-area .single-footer-2 {
    padding: 0;
    padding-left: 5em;
    margin-top: 3%;
}
.footer-area .single-footer-3,
.footer-area .single-footer-3,
.page .footer-area .single-footer-3,
.single .footer-area .single-footer-3  {
    padding: 0;
    padding-left: 4em;
    margin-top: 3%;
}
.footer-area .single-footer-3 li,
.page .footer-area .single-footer-3 li,
.single .footer-area .single-footer-3 li{
    list-style: none;
    display: inline-block;

}
.footer-area .single-footer-3 li:before,
.page .footer-area .single-footer-3 li:before,
.single .footer-area .single-footer-3 li:before{
    display: none;
}
.footer-area .single-footer-3 i,
.page .footer-area .single-footer-3 i,
.single .footer-area .single-footer-3 i{
     color: #000 !important;
     font-size: 20px !important;
     background: #E7DB13;
    padding: 13px 12px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px !important;
    width: 40px;
    height: 40px;   
    margin-right: 18px;
    margin-top: 10px;
        float: left;
    box-shadow: 0 2px 5px 0px #aaa;

}
.footer-area .single-footer-3 p,
.page .footer-area .single-footer-3 p,
.single .footer-area .single-footer-3 p{
    font-weight: 600;
}
.footer-area .single-footer-3 i:hover{
    background: #000 !important;   
    color: #fff !important;    
  }


.footer-area .single-footer-4,
.footer-area .single-footer-4,
.page .footer-area .single-footer-4,
.single .footer-area .single-footer-4{
    padding: 0;
    padding-left: 4em;
    margin-left: 0%;
}
.footer-area .widget_recent_entries ul li,
.footer-area .widget_recent_entries ul li,
.page .footer-area .widget_recent_entries ul li,
.single .footer-area .widget_recent_entries ul li{
    line-height: 40px;
}
.footer-area .footer_area-img img,
.footer-area .footer_area-img img,
.page .footer-area .footer_area-img img,
.single .footer-area .footer_area-img img
 {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer-area .footer_area-img,
.footer-area .footer_area-img,
.page .footer-area .footer_area-img,
.single .footer-area .footer_area-img   {
    max-width: 80%;
    padding-top: 10px;
}
.footer-area .midix,
 .footer-area .midix,
 .page .footer-area .midix,
  .single .footer-area .midix{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item,
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item ,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item {
    display: inline-block;
        width: calc(43.33333% - .66667em);
    margin-right: 1em;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item img,
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item img,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item img,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item img{
    border: 1px solid #faf1ff;
    border-radius: 10px;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before,
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before ,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item:before {
    display: none;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure,
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure{
    width: 33%;
}
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img,
.footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img,
.page .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img,
.single .footer-area ul.blocks-gallery-grid li.blocks-gallery-item li figure img{
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 10px;
}
.footer-share-btn,
.footer-share-btn,
.page .footer-share-btn,
.single .footer-share-btn {
    text-align: right;
    float: right;
}
.footer-share {
    position: absolute;
    right: 7%;
    top: 0;
}
.footer-share-btn ul,
.footer-share-btn ul,
.page .footer-share-btn ul,
.single .footer-share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}
.footer-share-btn ul li,
.footer-share-btn ul li,
.page .footer-share-btn ul li,
.single .footer-share-btn ul li{
    float: left;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
    text-align: center;
}
.footer-share-btn ul li a.site-button,
.footer-share-btn ul li a.site-button,
.page .footer-share-btn ul li a.site-button,
.single .footer-share-btn ul li a.site-button{
    display: block;
}
.footer-share-btn ul li a.site-button i,
.footer-share-btn ul li a.site-button i,
.page .footer-share-btn ul li a.site-button i,
.single .footer-share-btn ul li a.site-button i{
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    color: #fefdff;
    border: 0px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    display: block;
    margin: 0 5px;
}
.footer-share-btn ul li a.site-button i, .footer-share-btn ul li a.site-button i, .page .footer-share-btn ul li a.site-button i, .single .footer-share-btn ul li a.site-button i {
    background-color: #3d72fc;
}
.footer-share-btn ul li a.site-button:hover i,
.footer-share-btn ul li a.site-button:hover i,
.page .footer-share-btn ul li a.site-button:hover i,
.single .footer-share-btn ul li a.site-button:hover i,
{
    color: #000;
    border: 3px solid #000;
} 
.footer-share-btn ul li:before,
.footer-share-btn ul li:before, .page .footer-share-btn ul li:before,
.single .footer-share-btn ul li:before{
    display: none;
}

.single-footer-1 img{ margin-bottom: 12px;     width: 34%;} 
.single-footer-1 p{
    margin-bottom: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    font-size: 16px !important;
    color: #434040 !important;
  }
  .single-footer-1 p i{
    margin: 0 17px 0 0 !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    font-size: 15px !important;
    color: #000 !important;
    background: #fff;
    padding: 8px 10px !important;
    border-radius: 50%;
    width: 33px;
    height: 33px;
  }
    .footer-area p span,
  .single-footer-1 p i span{
    
    font-weight: 500 !important;
    line-height: 19px !important;
    font-size: 16px !important;
    color: #fff !important;
  }
  .footer-area p span a,
  .single-footer-1 p i span a{
    
    color: #fff !important;
  }
  .footer-area p span a:hover,
  .single-footer-1 p i span a:hover{
    
    color: #f9c12c !important;
  }
  .single-footer-5 h4.widget-title{

    /*text-align: center !important;*/
    margin-bottom: 32px !important;
    padding: 18px 0 0 36px;
  }

  .footer-area .single-footer-5{
    /*background: #074842 !important;*/
    padding: 38px 0em 2em 44px;
    display: block;
    width: 19%;
    position: relative;
    top: -54px;
    left: 50px;
   

  }
.footer-area .single-footer-5 .footer5overlay{
    background: #074842 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
     opacity: 0.6;
}
  .footer-area .widget-title{
    margin-bottom: 1em;
  }
 
  /*.footer-area .social-profile-icons ul li:first-child a{padding: 13px 12px;}*/
  .footer-area .social-profile-icons ul li a:hover i{
    background: #000 !important;
    font-size: 17px !important;
    color: #fff !important;    
  }

  .footer-area .social-profile-icons ul li a i,
  .footer-area .social-profile-icons i.fa {
     color: #000 !important;
     font-size: 19px !important;
     background: #E7DB13;
    padding: 13px 12px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px !important;
    width: 40px;
    height: 40px;   
    box-shadow:0 2px 5px 0px #aaa;
   }
   .footer-area .social-profile-icons ul li{
    display: inline-block;
    padding-right: 0;
    font-size: 15px;
    font-weight: 800;
    margin: 0;
   } 

    .footer-area  .top-area {
    /* margin-bottom: -68px; */
    overflow: hidden;
    position: relative;
    /*bottom: -68px;*/
}

   .footer-area .footer-bgleft {
    /*background-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/footerbgleft.png);*/ 
    position: absolute;
    top: -62px;
    left: 0;
    z-index: 0;
   }
   .footer-area .footer-bgleft img{
    width: 100%;
   }
   .footer-area .footer-bgright img{
    width: 100%;
   }
   .footer-area .footer-bgright{
    /*background-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/footerbgright.png);*/    
    position: absolute;
    bottom: 70px;
    right: 0;
    z-index: -1;
   }
/*-----------------------
Innerpage Page 
-----------------------------*/
.ht-main-title{
    margin: 0 0 0.2em 0%;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 1;
    /*text-transform: uppercase;
    text-decoration: underline;*/
}
.category .ht-main-title {
    margin: 0 0 1.5em;
}
.category .ht-main-title span {
    font-size: 36px;
    padding: 0 5px;
}
.ht-main-title:last-child{
    margin-bottom: 0;
}

.page #secondary ul.sub-menu .current_page_item > a {
    background: none;
}
.widget_block, 
.widget_meta, 
.widget_recent_entries, 
.widget_categories, 
.widget_recent_comments,
.widget_archive,
.widget_nav_menu,
.widget_search{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px 15px;
}


#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
   font-size: 17px !important;
   margin: 0;
   color: #fff !important;
   display: block !important;
   padding: 0px 0 2.5em;
   text-align: center !important;
   font-weight: 500 !important;
    /*text-transform: uppercase !important;*/
}
.woocommerce .woocommerce-breadcrumb a, #total-breadcrumbs a{
    color: #fff !important;
}
.woocommerce .products ul, .woocommerce ul.products{
    margin: 0 0 0em !important;
}

.inner_contentbox {
    background: #fff;
    padding: 3em 0em 0;
}
.peccular-innerpage-overlay {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: #000;
    opacity: 0.5;
    display: flex;
    align-items: center;
    text-align: center;
}
.peccular-page-main{
    position: relative;
}

#content-box ul li:before, #content-box ol li:before, main#innerpage-box #sitemap-box ul li a:before {
    color: #06332e;
}
.ht-post-info .entry-date span.ht-day, .entry-categories .fa, 
.widget-area a:hover, .comment-list a:hover, 
.no-comments, .woocommerce .woocommerce-breadcrumb a:hover, 
#total-breadcrumbs a:hover, .ht-featured-link a, 
.ht-portfolio-cat-name-list .fa, .ht-portfolio-cat-name:hover, 
.ht-portfolio-cat-name.active, .ht-portfolio-caption a, .ht-team-detail, 
.ht-counter-icon, .woocommerce ul.products li.product .price, 
.woocommerce .product p.price, .woocommerce div.product span.price, 
.woocommerce .product_meta a:hover, .woocommerce-error:before, 
.woocommerce-info:before, .woocommerce-message:before, 
.featured-post:after, .featured-post:before, 
.featured-link a, #ht-colophon .social-profile-icons a:hover, 
footer#ht-colophon ul li a:hover, .ht-footer .textwidget .fa, 
h6.secondry-text, #ht-about-us-section ul li:before, 
.pluses.text-right i.fa.fa-plus, .ht-section-tagline.lz-newslatter-text b, 
#content-box ul li:before, .offtimebox h4.offtime-text, 
#ht-masthead .header-social-links span:hover, 
#ht-masthead ul.header-menu-links li.mailto a:hover, 
.ht-slider-highlighttext, .edit-link a, .inner-blog-post .socialMedia a:hover, 
#comments a, #commentsAdd a, #content-box a, #content-box a i:hover, 
#respond .stars span a, #content-box .socialMedia a:hover, .post-date-publishable i, 
.woocommerce .star-rating span, .woocommerce div.product .woocommerce-product-rating a, 
#content-box .socialbxsinglepost:hover a i, section#inner-blog-section h2.title small, 
section#inner-blog-section h2.title a, div#secondary li.current_page_item > a, 
div#secondary .social-profile-icons ul li i, .woocommerce .star-rating::before, .socialMedia a:hover, 
.peccular-time div:nth-child(8) div.days-time-day, 
div#content-box header.woocommerce-Address-title.title a:hover, 
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa, 
.widget-area ul li:before, .woocommerce table.shop_attributes th, 
.widget-area span.woocommerce-Price-amount.amount, 
main#innerpage-box .blog-date span{
        color: #06332e;

}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.breadcrumbbox {
    padding: 0px 0 0.5em 0%;
    text-align: center;
    position: relative;
    z-index: 1;
}
.breadcrumbbox span {
    color: #fafbfd;
    margin: 0 3px;
    font-size: 18px;
    /*text-transform: uppercase;*/
    font-weight: 500;
}
.breadcrumbbox span.bread-arrow  span i{ font-size: 10px;  }
.breadcrumbbox span i{
    font-size: 11px;
    line-height: 5px;
    position: relative;
    top: 0px;
    padding: 0px 12px;
    color: #f9c12c;
}
.breadcrumbbox a {
    color: #fff;
    font-weight: 600;
    
}
.breadcrumbbox a:hover {
    color: #000;
}

/*--------------------------------------------------------------
## Blog inner page
--------------------------------------------------------------*/

#innerpage-box .inner-blog-post{
    margin: 0em 0em 3em;
}
#innerpage-box .inner-blogpost {
    position: relative;
    -webkit-box-shadow: 0px 0px 20px rgb(50 50 0 / 15%);
    box-shadow: 0px 0px 20px rgb(50 50 0 / 15%);
    background: #fdfdfd;
        padding: 0px 0 20px;
    border-radius: 25px;
    overflow: hidden;
}
/*#innerpage-box .blog-category {
    padding: 20px 0 0 20px;
    color: #838283;
    font-size: 15px;
    font-weight: 500;
}
#innerpage-box .blog-category span i {
    color: #999ba3;
    font-size: 13px;
    padding-right: 10px;
}
#innerpage-box .blog-tags {
    padding: 20px 0 0 25px;
}
#innerpage-box .blog-tags i {
    color: #666465;
    font-size: 13px;
    padding-right: 10px;
}

*/

#innerpage-box .blog-date {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 0;
    position: absolute;
    top: 33px;
    left: 0px;
    z-index: 1;
    background: #fff;
    opacity: 0.9;
    color: #000;
    padding: 10px 30px;
}
#innerpage-box .blog-date:after{
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 32px;
    height: 32px;
    background: #fff;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
    
}
#innerpage-box .blog-date i{ margin-right: 15px; }
#innerpage-box .blog-commentbox {
    background: #E7DB13;
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -32px;
    right: 13px;
    transform: rotate(-29deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block;
    transition: all 1s ease 0s;
}
#innerpage-box .inner-blog-post:hover .blog-commentbox{
    transform: rotate(-55deg);
    transition: all 1s ease 0s;
}
#innerpage-box .blog-comment{
      transform: rotate(29deg);
      font-size: 18px;
      font-weight: 500;
      color: #000;
      text-align: center;
      line-height:75px;

}
#innerpage-box .blog-comment i{
    margin: 0 5px 0 0;
    font-size: 21px;
}
#innerpage-box .blog-info-area{ margin: 0em 0 2em; }
#innerpage-box .blog-info-area ul.metabox {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
/*#content-box .socialMedia {
    border-top: 1px solid #ccc;
    padding: 1em 0;
}

#content-box .socialMedia ul li:before{
    font-size: 13px;
      font-weight: 400;
      margin-right: 9px;

}
#content-box .socialMedia ul li{
    display: inline-block;
    font-size: 12px;    
    font-weight: 400;
    border-radius: 3px;
    color: #656565 !important;
    background: #f8f8f8;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
    text-shadow: none;
    line-height: 23px;
    padding: 1px 0px 0 8px;
    margin: 0 14px 0 0;
}*/
#innerpage-box .ht-blog-thumbnail {
    position: relative;
   
}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    max-height: 279px;   
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .inner-blog-post:hover .ht-blog-thumbnail img {
    transform: scale(1.2);
    transition: all 1s ease 0s;
}
#innerpage-box .inner-blogpost-info h2,
main#innerpage-box #blog-box h2 {
    margin-bottom: 15px;
    font-size: 18px !important;
    font-weight: 600;
    word-break: break-word;
    padding: 0;
    border-left: none;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #000;
}
#innerpage-box .inner-blogpost-info{
    padding: 33px 2em;
}
#innerpage-box .inner-blog-excerpt {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 25px;
    color: #6A6969;
}

#innerpage-box .blog-page-btn{
    width: 131px;
    height: 52px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 2em 0 0 24px;   
}
#innerpage-box .blog-page-btn:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 38px;
    height: 38px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .blog-page-btn:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 38px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .blog-page-btn1{
    width: 124px;
    height: 38px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#innerpage-box .blog-page-btn1:before{
    content: "";
    position: absolute;
    top: 6px;
    left: -11px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .blog-page-btn1:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -12px;
    width: 27px;
    height: 26px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .blog-page-btn2 {
    width: 120px;
    height: 33px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#innerpage-box .blog-page-btn2:hover,
#innerpage-box .blog-page-btn2:hover::before,
#innerpage-box .blog-page-btn2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
}
#innerpage-box .blog-page-btn2 a{
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
}  

#innerpage-box .blog-page-btn2:before{
    content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#innerpage-box .blog-page-btn2:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 23px;
    height: 23px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}

.single #innerpage-box .single_post .blog-page-btn {
    border-top:none !important;
    padding: 10px 0;
    text-decoration: underline;
    background: #000;
}
.single #innerpage-box .single_post .blog-page-btn:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 37px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
.single #innerpage-box .single_post .blog-page-btn:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 37px;
    height: 37px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
.single #innerpage-box .single_post .blog-page-btn a {
    margin-bottom: 0;
    padding: 0 25px;
    border-radius: 0;   
    font-size: 16px;
    color: #fff;
}


.single #innerpage-box .single_post .blog-author a,
.single #innerpage-box .single_post .blog-category a, 
.single #innerpage-box .single_post .blog-tags a,
.single #innerpage-box .single_post .blog-time,
.single #innerpage-box .single_post .single-blog-date{ color: #66727D !important;
    font-size: 19px !important;
}

.single #innerpage-box .single_post .blog-author a:hover,
.single #innerpage-box .single_post .blog-category a:hover, 
.single #innerpage-box .single_post .blog-tags a:hover,
.single #innerpage-box .single_post .blog-time:hover,
.single #innerpage-box .single_post .single-blog-date:hover{  color: #E7DB13 !important;}

.single #innerpage-box .single_post .blog-author i,
.single #innerpage-box .single_post .blog-time i,
.single #innerpage-box .single_post .single-blog-date i,
.single #innerpage-box .single_post .blog-category i,
.single #innerpage-box .single_post .blog-comment i {
    color: #000;
    margin-right: 7px;
    margin-left: 10px;
}
.single #innerpage-box .single_post .post-single-content p{
        font-size: 17px;
}
.single #innerpage-box .single_post .blog-category {
    padding: 0px;
    padding-left: 18px;
}
.single #innerpage-box .single_post .blog-tags a {
    color: #664aed;
    font-size: 18px;
    font-weight: 500;
}
.single #innerpage-box .blog-comment{
        transform: rotate(0deg) !important;
        text-align: left !important;
}
.single #innerpage-box .comment-respond h4{ padding: 0 0;}
.single #innerpage-box .comment-respond h4 span{ text-align: left !important;  padding: 0 0;}
.single #innerpage-box .single_post ul li:before{
    display: none !important;
}
   
.single #innerpage-box .single_post .blog-info-area .metabox2brdr {
    border-bottom: 1px solid #eaeaea !important;
}
.single #innerpage-box .single_post .blog-info-area .metabox2brdr ul li{
    display: inline-block;
}
.single #innerpage-box .single_post .socialMedia ul li:before{
    display: none !important;
}
.single #content-box .socialMedia ul li a.site-button  {
   
    font-size: 19px !important;
    border: 1px solid #E7DB13;
    border-radius: 50%;
    padding: 5px 5px;
    background: none;
}
.single #content-box .socialMedia ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single #content-box .socialMedia ul li{
    display: inline-block;
    margin: 0 auto;
    margin-right: 10px;
    text-align: center;
}
.single #content-box .socialMedia ul li a.site-button i { color: #000; }
.single #content-box .socialMedia ul li:hover a.site-button i{ color: #783afd;}
.single #innerpage-box .single_post .socialMedia ul li:before,
.single #content-box .socialMedia ul li:before {
    content: "\f040";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #E7DB13;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    display: none !important;
}
#innerpage-box .widget-area .widget h2{
    margin-bottom: 0 !important;
    padding: 0em 0;
    font-weight: 400 !important;
    font-size: 23px !important;
    text-transform: capitalize !important;
    margin-bottom: 4px !important;
    color: #06332e;
    text-decoration: underline;
}
div#secondary {
    /*border: 1px solid #ccc;*/
    padding: 0px;
    border-radius: 5px;
}
#innerpage-box article.post.excerpt {
    float: left;
    position: relative;
    margin: 0;
    /* display: flex; */
    padding: 0 1em;
}
.single main#innerpage-box h2{
    padding: 0px 0px !important;
    font-weight: 400 !important;
    font-size: 23px !important;
    text-transform: capitalize !important;
    margin-bottom: 4px !important;
    color: #06332e;
    text-decoration: underline;
}

.single main#innerpage-box h1, .single main#innerpage-box h2, .single main#innerpage-box h3, .single main#innerpage-box h4, .single main#innerpage-box h5, .single main#innerpage-box h6 {
    color: #000;
}

.single main#innerpage-box .comment-respond h4 {
    color: #000;
    margin-bottom: 12px;
}

/*-------------shop inner page-------------*/

main#innerpage-box h2.woocommerce-loop-product__title{
    color: #000 !important;
}
main#innerpage-box .woocommerce ul.products li.product .price del span{ color: #000 !important; }
main#innerpage-box .woocommerce ul.products li.product .price ins span{ color: #06332e !important;}
main#innerpage-box .woocommerce ul.products li.product .button,.woocommerce a.button,
main#innerpage-box .woocommerce span.onsale{ color: #fff; background: #06332e; }
main#innerpage-box .woocommerce ul.products li.product:hover .button{ color: #fff; background: #000; }

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

/*/*-----------------------
## Contact inner Template
-----------------------------*/


#innerpage-box .contactinnshape{ 
    margin-bottom: 3em;
}
#innerpage-box .peccular-contactinn-address,
#innerpage-box .peccular-contactinn-mailid,
#innerpage-box .peccular-contactinn-phone{
    background-color: #E7DB13;      
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 571px;
    height: 60px;
    margin: 19px 0;
    padding: 8px 35px;
     
} 
#innerpage-box .peccular-contactinn-address:hover,
#innerpage-box .peccular-contactinn-mailid:hover,
#innerpage-box .peccular-contactinn-phone:hover{
    width: 600px;
     background-color: #000;      
}
#innerpage-box .peccular-contactinn-address:hover i,
#innerpage-box .peccular-contactinn-mailid:hover i,
#innerpage-box .peccular-contactinn-phone:hover i,
#innerpage-box .peccular-contactinn-address:hover .peccular-contactinn-data,
#innerpage-box .peccular-contactinn-mailid:hover .peccular-contactinn-data,
#innerpage-box .peccular-contactinn-phone:hover .peccular-contactinn-data{
    color: #fff;
}

#innerpage-box .peccular-contactinn-address .peccular-contactinn-icon i,
#innerpage-box .peccular-contactinn-mailid i,
#innerpage-box .peccular-contactinn-phone i {
    color: #000;
    font-size: 23px;
    background: #E7DB13;
    width: 40px;
    height: 40px;
    line-height: 40px;   
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
}
#innerpage-box .peccular-contactinn-data{
    font-size: 18px;
    font-weight: 500;
    color: #000;    
    line-height: 38px;

}
#innerpage-box .contactinn-area{
    background: #F9F9F1;
    padding: 110px 205px 65px;    
    margin: 1em 0 3em;
    width: 788px;
    height: 893px;
    box-shadow: 0px 3px 30px #85838329;    
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: relative;
    top: 0;
    left: -120px;
    z-index: 999;
}
#innerpage-box .contactinn-area .peccular-section-head h2{ 
    color: #000;
 }
#innerpage-box .contactrightinfo{
    padding-top: 17em;
}

#innerpage-box.peccular-contactinn-block {  margin-top:0em;}

#innerpage-box .peccular-contactinn-member-wrap input[type="text"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="email"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="url"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="password"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="search"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="number"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="tel"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="range"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="date"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="month"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="week"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="time"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="datetime"],
#innerpage-box .peccular-contactinn-member-wrap input[type="datetime-local"], 
#innerpage-box .peccular-contactinn-member-wrap input[type="color"],
#innerpage-box .peccular-contactinn-member-wrap input[type="file"],
#innerpage-box .peccular-contactinn-member-wrap textarea{
    border: none;  
    color: #919191;
    margin: 0 0 30px 0;   
    padding: 0 0 0 39px;
    font-size: 18px;   
    font-weight: 400;
    background: #F9F9F1;      
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 388px;
    height: 62px;
}
#innerpage-box .contactinn-area .wpcf7-not-valid-tip{
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin: -18px 0 0 12px !important;
    position: relative !important;
    top: -30px !important;
    z-index: 999;
    left: 25px !important;
}
#innerpage-box .contactinn-area .wpcf7 form .wpcf7-response-output {
    margin: -9em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    font-size: 12px;
}
#innerpage-box .peccular-contactinn-member-wrap .wpcf7-form-control-wrap{
     -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/formfeildshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
   /* width: 390px;
    height: 62px;*/
    background: #959595;
    padding: 8px 2px 50px;
}
#innerpage-box .peccular-contactinn-member-wrap textarea {
      padding: 20px 0 0 43px
}
#innerpage-box .peccular-contactinn-member-wrap textarea::placeholder,
#innerpage-box .peccular-contactinn-member-wrap input::placeholder{
    color:#919191;
}

#innerpage-box .submit-btns{
    width: 175px;
    height: 68px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    z-index: 0; 
    padding: 7px 2px;
    margin: 0 0 0 -28px;   
}
#innerpage-box .submit-btns:before{
    content: "";
    position: absolute;
    top: 10px;
    left: -24px;
    width: 49px;
    height: 48px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .submit-btns:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -24px;
    width: 49px;
    height: 48px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .submit-btns1{
    width: 168px;
    height: 52px;
    background: #E7DB13;
    position: relative; 
    border-radius: 4px; 
    z-index: 1; 
    padding: 2px; 
}
#innerpage-box .submit-btns1:before{
    content: "";
    position: absolute;
    top: 8px;
    left: -17px;
    width: 36px;
    height: 36px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .submit-btns1:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -17px;
    width: 36px;
    height: 36px;
    background: #E7DB13;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#innerpage-box .submit-btns2{
    width: 164px;
    height: 47px;
    background: #000;
    position: relative; 
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    transition: all 0.9s ease 0s;
}
#innerpage-box .submit-btns2:hover,
#innerpage-box .submit-btns2:hover::before,
#innerpage-box .submit-btns2:hover::after{
    background: #E7DB13;
    transition: all 0.9s ease 0s;
} 
#innerpage-box .submit-btns2:before{
    content: "";
    position: absolute;
    top: 7px;
    left: -15px;
    width: 34px;
    height: 33px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 4px 2px 0px;
    -webkit-border-radius: 2px 4px 2px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}
#innerpage-box .submit-btns2:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -15px;
    width: 34px;
    height: 33px;
    background: #000;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 2px 0px 2px 4px;
    -webkit-border-radius: 2px 0px 2px 4px;
    -moz-border-radius: 0px 0px 0px 4px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transition: all 0.9s ease 0s;
}

#innerpage-box .peccular-contactinn-member-wrap input[type="submit"]{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    background: none;
    text-transform: uppercase;
    
}
.peccular-contactinn-mapbox{
    margin: 0;
    padding: 0;
}
#innerpage-box .peccular-contactinn-mapbox iframe {
    border-top: 1px solid #000 !important;
    width: 100%;
}


/*-----------------------
## FAQS page
-----------------------------*/
#innerpage-box #content-box .faq .faq-content{
    margin-bottom: 15px;
      filter: drop-shadow(0px 3px 3px rgba(50, 50, 0, 0.5));
}
#innerpage-box #content-box .faq .faq-content .btnshadow{

}
#innerpage-box #content-box .faq-content button.accordion {
    cursor: pointer;
    width: 100%;
    background: none;
    box-shadow: none;
    padding: 0;
     background: #E7DB13;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 623px;
    height: 63px;
    left: -3px;
    margin: 19px 0;
    padding: 1px 1px;
        z-index: 2;
    position: relative;
   
    
}
#innerpage-box #content-box .faq-content button.accordion.active, button.accordion:hover {
    /*background-color: #ddd;*/
    opacity: 1;
}
#innerpage-box #content-box h3.faq-title:before {
    content: '\f105';
    font-family: 'Fontawesome';
    font-size: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 32px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;  
    background: #E7DB13;  
    color: #000;
    z-index: 1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

#innerpage-box #content-box .faq-content button.accordion.active h3.faq-title:before {
    content: "\f107";
    font-family: 'Fontawesome';
     color: #000;
     background:#fff ;
     width: 35px;
    height: 35px;
     clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin: 0 0px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}
#innerpage-box #content-box .faq-content div.panel {
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  opacity: 0;
  margin: 0 0 0px;
  border-bottom-left-radius: 30px;
   border-bottom-right-radius: 30px;
  border: 1px solid #E7DB13;
  background: #F9F9E1 ;
  box-shadow: none;
  top: -53px;
  position: relative;
  
}
#innerpage-box #content-box .faq-content div.panel p{
    margin:0 0 0px;
}
#innerpage-box #content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;
    position: relative;
    top: -53px;
    z-index: 0;
    padding: 72px 30px 25px 37px;
}
#innerpage-box #content-box h3.faq-title {
    margin: 0;
    font-weight: 400;
    line-height: 44px;
    word-break: break-word;
    text-align: left;
    color: #343333 !important;
    font-size: 18px !important;
    position: relative;
     background: #F9F9E1;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contacttextshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 620px;
    height: 60px;    
    padding: 10px 28px;
}
#innerpage-box #content-box button.accordion.active h3.faq-title,
#innerpage-box #content-box button.accordion.active h3.faq-title small{
    color: #000;
    background: #E7DB13;
}
#innerpage-box #content-box h3.faq-title:after {
    display: none;
}
#content-box .faq-content p {
    font-size: 15px;
    padding: 0;
    letter-spacing: 0px;
    word-break: break-word;
    font-weight: 500;
    color: #5E5E5E;
}

.peccular-faqs-head {
    text-align: center;
    padding: 0 14em;
}
#innerpage-box .peccular-faqs-head h3{
    font-size: 15px;
    color: #4c4c67;
    font-weight: 700;
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
}
#innerpage-box .peccular-faqs-head h2{
    font-size: 37px;
    line-height: 1.46;
    margin-top: 10px;
    margin-bottom: 45px;
    color: #091d3e;
    text-transform: capitalize;
}
/*-----------------------
## End FAQS page
-----------------------------*/
/*-----------------------
## Testimonials inner page
-----------------------------*/

#innerpage-box .innertestibox{
    position: relative;
} 
#innerpage-box .innertestibox .quote_icon-top{
    background: #000;
    padding: 0px;
    margin: 0;
    width: 147px;
    height: 147px;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/top-quote-icon-testi.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/top-quote-icon-testi.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    margin-bottom: 5em;
    position: absolute;
    top: 50px;
    left: 29px;
    z-index: 999;
}

#innerpage-box .innertestibox .quote_icon-bottom{
    background: #000;
    padding: 0px;
    margin: 0;
    width: 147px;
    height: 147px;
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/bttom-quote-icon-testi.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/bttom-quote-icon-testi.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    margin-bottom: 5em;
    position: absolute;
    bottom: 52px;
    right: 25px;
}
#innerpage-box .innertestibox:hover .quote_icon-bottom,
#innerpage-box .innertestibox:hover .quote_icon-top{
    background: #E7DB13;
}
#innerpage-box .innertestibox:hover .peccular-testimonials-single1{
    background: #000;
}
#innerpage-box .innertestibox:hover .peccular-testimonials-identity h4.peccular-testimonials-name{
        color: #E7DB13;
}
#innerpage-box .peccular-testimonials-single1 {
    background: #E7DB13;
    padding: 9px;
    margin: 0;
    width: 633px;
    height: 538px;   
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    margin-bottom: 5em;
   
}
#innerpage-box .peccular-testimonials-single2 {
    background: #fff;
    padding: 26px 40px;
    margin: 0;
   width: 614px;
    height: 519px;  
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
  
}
#innerpage-box .peccular-testimonials-single3 {
    background: #f7f6e3;
    padding:34px 66px 34px 66px;
    margin: 0;
    width: 522px;
    height: 470px;   
    -webkit-mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    mask-image: url(//www.tizioart.com/wp-content/themes/tattoo-artist-pro/css/images/contactformrshape.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    text-align: center;
 
}
#innerpage-box .peccular-testimonials-identity {}
#innerpage-box .peccular-testimonials-identity h4.peccular-testimonials-name {
    color: #000;
    font-size: 23px !important;
    font-weight: 600;
    margin: 25px 0 10px;
    text-transform: capitalize;    
}
#innerpage-box h4.peccular-testimonials-name:after{  display: none;}
#innerpage-box .peccular-testimonials-identity h6.peccular-testimonials-designation {
    color: #434343;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: capitalize;
    margin:0;    
}
#innerpage-box h6.peccular-testimonials-designation:after{ display: none;}
#innerpage-box .peccular-testimonials-image{
    margin: 0;
    padding: 0;
    width: 168px;
    height: 168px;
    margin: 0 auto;
   
}
#innerpage-box .peccular-testimonials-image img{   
    border-radius: 50%;
    width: 100% ;
    position: relative;    
    margin: 0 0 0 15px ;  
}
#innerpage-box .peccular-testimonials-content p {
    padding: 0 0 0em 0em;
    color: #000;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center;
    margin : 26px 0 !important;
}


/*-----------------------
## End Testimonials page
-----------------------------*/


/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6,

.single main#innerpage-box h1,
.single main#innerpage-box h2,
.single main#innerpage-box h3,
.single main#innerpage-box h4,
.single main#innerpage-box h5,
.single main#innerpage-box h6
{
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 4px;
    padding: 0 10px;
    letter-spacing: 0;
    font-size: 23px;
    text-transform: uppercase;
    word-break: break-word;
    color: ;
}
#innerpage-box h1{
    color: #000;
    font-size: 40px;
    font-weight: 600;
}
#innerpage-box h2{
     color: #000;
    font-size: 32px;
    font-weight: 600;
}
#innerpage-box h3{ 
    color: #000;
    font-size: 30px;
    font-weight: 600;
}

#innerpage-box h4{
     color: #000;
    font-size: 25px;
    font-weight: 600;
}
#innerpage-box h5{
     color: #000;
    font-size: 20px;
    font-weight: 600;
}
#innerpage-box h6{
     color: #000;
    font-size: 18px;
    font-weight: 600;
}
#innerpage-box p{
     color: #959595;
    font-size: 16px;
    font-weight: 400;
}

#innerpage-box li {
    font-size: 15px;
    color: #3b3b3b;
}

/*--------------Responsive css-----------------------------*/
@media screen and (min-width:320px) and (max-width:1024px){ }


@media only screen and (max-width: 1024px) {
  
}
 
.teams_click {
  cursor: pointer;
/*  position: absolute;*/  
  bottom: 10%;
  /*background: #212527;*/
  color: #edf7f6;
  padding: 0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease-in-out;
}

.teams_click:hover {
 /* color: #212527;
  background: #edf7f6;*/
}


.team_img {
  width: 100%;
}

.teams {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /*box-shadow: 0 0 15px 0 #212527;*/
  transition: all 250ms ease-in-out;
}


.teams:after {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  /*background-color: #3e363f;*/
  opacity: 0;
  transition: all 500ms ease-in-out;
}

.teams_click {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.teams:after {
  opacity: 0.5;
}

.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  transition: all 250ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.popup_left,
.popup_right {
  padding: 20px;
}

.popup_close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 27px !important;
  color: #212527;
  cursor: pointer;
  transition: all 250ms ease-in-out;
  z-index: 3;

}

.popup_close:hover {
  color: #df4747;
}

.popup_img {
  width: 100%;
}


.popup_content {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  display: grid;
  top: 150px;
  border-radius: 5px;
  grid-template-columns: repeat(2, 1fr);
  margin-left: 150px;
  margin-right: 150px;
  background-color: #edf7f6;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100px);
  transition: all 250ms ease-in-out;
}

.popup_content--show {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 2;
}

.popup--bg {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.detail__bagBtn {
  cursor: pointer;
  background: #212527;
  color: #edf7f6;
  text-align: center;
  padding: 10px 20px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 250ms ease-in-out;
}
.team_socialicon{ color: #000; }


@media (max-width: 600px) {
  .product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    min-width: 400px;
  }

  .popup_left {
    margin-top: 40px;
  }

  .popup_content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    flex-direction: column;
    text-align: center;
  }

  .popup_content--show {
    max-height: 100%;
    min-width: 400px;
  }


}