/*Tattoo Title*/
.tatto-title-wrapper {
    text-align: center;
}
.tatto-title-wrapper p {
    margin-bottom: 5px;
    font-size: 15px;
    font-family: PlayfairDisplay-Italic;
    letter-spacing: 0.1em;
}
.tatto-title-wrapper h2 {
    margin: 0;
    line-height: 32px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
span.tattoo-white-text a {
    color: #fff;
}
.tatto-title-wrapper h2:before {
    content: "";
    height: 34px;
    width: 5px;
    position: absolute;
   
    margin-left: -20px;
}
.tatto-title-wrapper h2:after {
    content: "";
    height: 34px;
    width: 5px;
    position: absolute;
   
    margin-left: 20px;
}


/* Section-1 below slider */
.tattoo-itembox-btn {
    text-align: center;
    padding-top: 20px;
    line-height: 40px;
}
.tattoo-itembox-btn a:hover {
    
    background: #f5f5f5;
}
.tattoo-itembox-btn a {
    border: 2px solid;
    padding: 7px 15px;
    color: #f5f5f5;
   
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tattoo-main-section {
    float: left;
}
.tattoo-white-text {
    color: #f5f5f5;
    font-size: 22px;
    font-family: fjallaone;
    letter-spacing: 2px;
}
.tattoo-main-section-center {
    float: left;
    padding-left: 10%;
}
.tattoo-main-section-right {
    text-align: center;
    border: 1px solid white;
    display: inline-block;
    padding: 9px 17px;
    border-radius: 2px;
}
.tattoo-main-section>i {
    color: #f5f5f5;
    padding-right: 12px;
    font-size: 25px;
}
.tattoo-main-section-center>i {
    color: #f5f5f5;
    padding-right: 12px;
    font-size: 25px;
}
.tattoo-main-section-right>i {
    color: #f5f5f5;
    padding-right: 12px;
    font-size: 25px;
}

/*End section1 below slider*/







/*Testimonial*/

.tattoo-sub-testimonial-text {
    
    font-family: inherit;
    letter-spacing: 2px;
}
.tattoo-testimonial>h4 {

    padding-top: 20px;
    font-family: inherit;
    font-size: 21px;
    letter-spacing: 2px;
}
.tattoo-testimonial-icon>i {
    
    font-size: 24px;
}

/*End Testimonial*/



/*Section3 Why choose us*/


.tattoo-btn {
    font-family: fjallaone;
    color: #1c1c1c;
    font-size: 17px;
    letter-spacing: 2px;
    border: 2px solid ;
    padding: 9px 19px;
    border-radius: 2px;
}

.tattoo-body-text-right {
    font-family: Montserrat-Regular;
    font-size: 15px;
    line-height: 27px;
    color: #f5f5f5;
}

.tattoo-main-btn {
    margin-top: 35px !important;
}

/*End section3 why choose us*/

/*tattoo bottom section*/

.tatto-bottom-section {
    text-align: center;
    color: #f5f5f5;
}
.tatto-bottom-section h3 {
    color: #f5f5f5;
}
.tatto-bottom-section .tattoo-phone {
    display: inline-block;
    
    padding: 5px 40px;
    letter-spacing: 0.1em;
}
.tattoo-location-icon {
    padding-top: 35px;
}
.tattoo-location-icon i {
    font-size: 40px;
}
.tatto-bottom-section h4 {
    color: #f5f5f5;
    line-height: 40px;
}
.tattoo-bottom-social {
    margin-top: 45px;
}
.tattoo-bottom-social i {
    margin-left: 15px;
    border: 1px solid;
    padding: 10px 14px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tattoo-bottom-social a {
    color: #f5f5f5;
}
.tattoo-bottom-social i:hover {
    background: #f5f5f5;
    color: black;
    border-color: white;
}
/*End bottom section*/



.tattoo-grid-img-box {
    position: relative;
    overflow: hidden;
    margin: 0px 42px;
}

.tattoo-grid-img-box:first-child
{ margin-left: 0px;
}


.tattoo-grid-text-box {
    position: absolute;
    top: 0px;
    left: -82%;
    bottom: 0px;
    height: 100%;
    width: 100%;
     background: rgba(183, 141, 69, 0.71);
    transition: 0.5s;  
    padding: 33% 18% 0% 0%;
    text-align: center;
}
.tattoo-grid-img-box img {
    width: 100%;
}
.tattoo-grid-img-box:hover .tattoo-grid-text-box
{  left: -0%;  padding: 33% 9% 0% 9%;
}
.tattoo-grid-img-box:hover .tattoo-grid-text-box h2
{      position: static; 
          writing-mode: horizontal-tb;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0);
    transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
}
.tattoo-grid-text-box h2 {
    font-family: Montserrat-Regular;
    font-size: 16px;
    color: #f5f5f5;
    letter-spacing: 4px;
    position: absolute;
    right: 21px;
    top: 90px;
    vertical-align: middle;
    margin: 0px;
    writing-mode: tb-rl;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.tattoo-grid-text-box p {
    font-family: Montserrat-Regular;
    font-size: 15px;
    color: #f5f5f5;
    line-height: 26px;
    margin: 20px 0px 0px 0px;
}
.tattoo-team-text {
    text-align: center;
    padding-top: 15px;
    color:#fff;
}