html, body {
  background-color: #000000;
  font-size: 14px;
}

html * {

}


/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*--------------------HEADER-START-------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/


.header1ctrl {

}


.headerimgctrl0 {
      height: calc(100vh - 0px);
      overflow: hidden;
      font-family: 'Oswald', sans-serif !important;
      font-display: swap;
}



.headerimgctrl01 {
    /*display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;*/
    height: 100%;
    overflow: hidden;
}


.headerimgctrl01 img , .headerimgctrl01 .fitcover {
  position: relative;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/*@media (orientation: portrait) {

  .headerimgctrl01 img {
    position: relative;
    height: 100%;
    width: 100%;
  }

   @media screen and (max-width: 1198px) {
      .headerimgctrl01 img {
        width: 100%;
        height: 100%;
      }
    }


}

@media (orientation: landscape) {



  .headerimgctrl01 img {
    position: relative;
    height: auto;
    width: 110%;
  }


    @media screen and (max-width: 1198px) {
      .headerimgctrl01 img {
        width: 150%;
        height: auto;
      }
    }
}*/



.headertxtctrl02, .headertxtctrl02 .headertxtctrl021 {
  height: 100%;
  color: #FFFFFF;
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;

}

/*-------HEADER-IMG-COTENTS-START--------*/



.headerbutton1 {
  top:10vw;
}

.headerbutton1 .chocotattoo-facebooklink {
    width: 50%;
    background-color: #161616;
    border-width: 0px;
    border-radius: 2px 2px 2px 2px;
    padding: 1vw 0vw 1vw 0vw;
    font-size: 2vw;
    line-height: 6vw;
}

.chocotattoo-facebooklink:hover {
   color: #4287f5;
}

.headertxt11 , .headertxt11 h1 {
  font-size: 8vw;
  line-height:80px;
  top: -10vw;
  text-align: center;
}

.headertxt12{
  top:0vw;
  font-size:3vw;
  font-weight: 300;
}

/*-------HEADER-IMG-COTENTS-END--------*/

@media screen and (max-width: 768px) {

    .headerbutton1 {
      top:15vw;
    }

    .headerbutton1 .chocotattoo-facebooklink {
        width: 60%;
    }

    .headertxt11 , .headertxt11 h1{
      top: -22vw;
      font-size: 15vw;
      line-height: 12vw;
    }

    .headertxt12 {
      font-size:5.3vw;
    }

    .headerbutton1 .chocotattoo-facebooklink {
      font-size: 3.3vw;
      padding: 2vw 5vw 2vw 5vw;
    }


}



/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*--------------------CONTENT-START------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/


.bosscontainer {
overflow: hidden;

}


.content1ctrl {
  min-height: 400px;
}


.breakflex1 {
  flex-basis: 100%;
  height: 20px;
}

.mobilepartnersimg-ctrl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}


.mobilepartnersimg-blocks-ctrl {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width:14.2%;
}

.mobilepartnersimg-blocks-ctrl a {
  display: flex;
  align-items: center;
  justify-content: center;

}



.mobilepartnersimg-blocks-ctrl .partnerstype2 {

}

.mobilepartnersimg-blocks-ctrl .partnerstype1 {

}



.jakuzzi-logo {width: 60%;}
.maldazel-logo {width: 30%;}
.woof-logo {width: 50%;}
.protattoo-logo {width: 30%;}
.monster-logo {width: 50%;}
.inkness-logo {width: 30%;}
.chocobodymods-logo {width: 60%;}




@media screen and (max-width: 900px) {

    .jakuzzi-logo {width: 110%;}
    .maldazel-logo {width: 80%;}
    .woof-logo {width: 100%;}
    .protattoo-logo {width: 80%;}
    .monster-logo {width: 100%;}
    .inkness-logo {width: 80%;}
    .chocobodymods-logo {width: 130%;}

}

@media screen and (max-width: 768px) {


    .mobilepartnersimg-ctrl {

    }



}




/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*--------------------MENU-START---------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/

.navbar-header .navbar-brand, .footer1ctrl .navbar-brand {
  font-size: 40px;
  margin-left: -18px;
  white-space: nowrap;
}

.navbar-header .navbar-brand-ctrl {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-bottom:-50px;

}

@media screen and (min-width: 900px) {
    .menubar1ctrl .navbar-header {
      width: 100%;
    }


}

.footer1ctrl .navbar-brand {
  margin-left: 0px;
}



.menubar1ctrl {
  position: fixed;
  z-index: 10001;
}


.menubar1ctrl nav {
  font-size: 14px;
  margin-bottom: -100%;
  z-index: 1000;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.menubar1ctrl nav, .menubar1ctrl a, .menubar1ctrl li, .menubar1ctrl ul {
  color: #FFFFFF !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  border-width: 0px;
}


.menubar1ctrl .dropdown .dropdown-menu a {
  color: #000000 !important;
  text-shadow: none;
}



@media screen and (max-width: 768px) {

  .navbar-header .navbar-brand, .footer1ctrl .navbar-brand {
    white-space: nowrap;
    font-size: 35px;
  }

  .logo-menu {
    margin-left:27px;
  }

}


/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*--------------------FOOTER-START-------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/

.footertxttype1 {
  font-size: 11px;
}


.footer1ctrl {
  background-color: #222;
  min-height: 300px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
}


.social-network-links a .fa {
  font-size: 60px;
}

li.social-network-links {
	padding: 8px;
	display: inline-block;
}

footer .social-network-links a i:hover {
	color: #FFFFFF;
}

.social-network-links a i {
	color: #bbb;
	font-size: 25px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-wrap {
  margin-top:20px;
}
.widget-area {
	list-style-type: none;
	color: #999;
}

.widget-area table {
    border-collapse: collapse;
    border-spacing: 0px;
    border-bottom: 1px solid #EDEDED;
    margin: 20px 0px;
}

.widget-area table td {
  padding: 2px 0px 2px 0px !important;
}


.footerblocks1{
  white-space:nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;

}

.footertxttype1item1 {
  /*text-align: center;*/
  width: auto !important;
  align-self: center;

}


@media screen and (max-width: 768px) {


}



/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*----------------Content-styles---------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/



.contenttype1 {
  font-size: 16px;
  line-height: normal;
  padding:0vw 0vw 3vw 0vw;
  text-align: center;
  color:#fff;
}


.contenttype2 {
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  line-height: normal;
  padding:2vw 1vw 2vw 1vw;
}

.contenttype3 {
  font-size: 16px;
  line-height: normal;
  padding:1vw 0vw 1vw 0vw;
}

.contenttype4 {
  font-size: 16px;
  line-height: normal;
  padding:0vw 0vw 3vw 0vw;
  text-align: center;
  color:#000;
}


.containerwrap1 {
  display: flex;
  /*background-color: orange;*/
  padding: 50px 0px 50px 0px;
  overflow: hidden;
}

    .breadwrap {
      max-width: 1140px;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      padding: 100px 50px 100px 50px;
      /*background-color: purple;*/
    }


      .contentheadertext1 *{
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 1.6vw;
        padding:0vw 0vw 3vw 0vw;
        text-transform: uppercase;
      }



      .contentheadertext2 *{
        font-size: 18px;
        font-weight: normal;
        text-decoration: underline;
        margin-bottom: 1.2vw;
        /*font-family: 'Open Sans', sans-serif !important;*/
        padding:0vw 0vw 3vw 0vw;
        text-transform: uppercase;
      }


      .contentheadertext3 *{
        font-size: 40px;
        font-weight: normal;
        margin-bottom: 1.2vw;
        /*font-family: 'Open Sans', sans-serif !important;*/
        text-align: center !important;
        font-weight: 600;
        text-shadow: rgba(12, 12, 12, 0.3) 0px 0px 2px;
        color: rgba(255,255,255,1);
        padding:0vw 0vw 3vw 0vw;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif !important;
        letter-spacing: 1.2vw;
        padding-left: 1.2vw;
      }

      .contentheadertext4 *{
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 1.2vw;
        /*font-family: 'Open Sans', sans-serif !important;*/
        text-align: center;
        letter-spacing: -1.49px;
        padding: 30px 0px 30px 0px;
        color: rgba(255,255,255,1);
        padding:0vw 0vw 3vw 0vw;
        padding-left: -1.49vw;

      }

      .contentheadertext5 *{
          font-size: 36px;
          font-weight: bold;
          margin-bottom: 1.6vw;
          padding:0vw 0vw 3vw 0vw;
          text-transform: uppercase;
          font-family: 'Oswald', sans-serif !important;
          letter-spacing: 2vw;
          padding-left: 2vw;
      }

      .contenttext1 {
        color: rgba(255,255,255,0.8);
      }


      .bread1 {
        line-height: 25px;
        margin-bottom: 30px;
      }

      .textcolorchanger1 {
        color: #FFFFFF;
      }

      .textcolorchanger2 {
        color: #000000;
      }

@media screen and (max-width: 768px) {

      .breadwrap {
        padding: 20px 10px 20px 10px;
        /*background-color: purple;*/
      }


      .contentheadertext1 {
          margin-top: 10vw;
          margin-bottom: 5vw;
      }

      .contentheadertext3 {
        letter-spacing: 2vw;
        padding-left: 2vw;
        font-size: 8vw;
      }

      .contentheadertext5 {
        font-size: 8vw;
      }

}
@media screen and (max-width: 470px) {

  .contentheadertext4 {
    font-size: 7vw;
    font-weight: bold;
    margin-bottom: 1.2vw;
    /*font-family: 'Open Sans', sans-serif !important;*/
    text-align: center;
    letter-spacing: -1.49px;
    padding: 30px 0px 30px 0px;
    color: rgba(255,255,255,0.8);
    padding:0vw 0vw 3vw 0vw;
    padding-left: -1.49vw;
  }

}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*----------------Color--fint-styles-START-----------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/





.colorstyle1 {
  color:#777;
}
.colorstyle2 {
  color: #3f3f3f;
}

.backgroundcolor1 {
  background-color: #202020;
}
.backgroundcolor2 {
  background-color: #191919;
}
.backgroundcolor3 {
  background-color: transparent;
}

.sizemodifyler1 {
    min-height: calc(100vh - 0px);
}

@media (orientation: landscape) {
    .sizemodifyler1trick1 {
       min-height: calc(150vh - 0px);
    }
}

.flexcenter1ctrl {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.flexcenter1ctrl *{

    font-size:8vw;
    text-transform:uppercase;

}

.flexcenter1 {

}

@media screen and (max-width: 870px) {
      .flexcenter1ctrl {

          font-size:12vw;

      }
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*----------------Other-Content-styles---------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/

.imagebutton1ctrl {
  position: relative;
  padding: 20px 0px 20px 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}

      .moreinfotattoartist {
            background-color: transparent;
            border-width: 1px;
            border-radius: 0px;
            color: #FFFFFF;
            padding: 20px;


      }

      .moreinfotattoartist2 {
            background-color: transparent;
            border-width: 1px;
            border-radius: 0px;
            color: #FFFFFF;
            margin-top:34px;

      }

      .moreinfotattoartist:hover {
            background-color: rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.9);
      }

      .moreinfotattoartist2:hover {
            background-color: rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.9);
      }

.tatooartistdescription {
  margin-top:20px;
  text-align: justify;
}

.imagetags1ctr1 {
  position: absolute;
  bottom:0px;
}

.imagetags1ctr1 .imagetags1 {
  background-color: rgba(0,0,0,0.6);
  color: #FFFFFF;
  font-size: 14px;
  padding: 3px 3px 3px 3px;
  margin-right: 5px;
}








.fullscreenpopupctrl1 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.95);
  z-index: 10000;
  display: none;
}


      .fullscreenpopupctrl1-headerctrl1 {

      }

          .fullscreenpopupctrlclose1 {
              font-size: 30px;
              color: #FFFFFF;
              margin-top: 50px;
              margin-right: 3%;
              padding:5px;
              cursor: pointer;
          }
          .fullscreenpopupctrlclose1:hover {
              color: #bab6b7;
          }

          @media screen and (max-width: 768px) {
              .fullscreenpopupctrlclose1 {
                  margin-top: 50px;
              }
          }



.tatoartmoreinfodatactrl1 {
    font-size: 16px;
}

      .tatoartmoreinfodatactrl1content1 {
        margin-bottom:20%;
      }

        .tatoartmoreinfodatactrl1content1-breadctrl1ctrl1 {
          height: 100%;
          padding:2.5%;



        }

          .tatoartmoreinfodatactrl1content1-breadctrl1 {
            background-color: rgba(255,255,255,0.9);
            height: 100%;
            padding: 15px;
          }

        .tatoartmoreinfodatactrl2 {
            overflow: hidden;
            padding:5%;
        }

            .tatoartmoreinfodatactrl1content1-namectrl {
                position: relative;
                font-size: 40px;
                text-align: center;
                padding: 5px;
                color: #FFFFFF;
                z-index: 100;

            }

.border1{
  border-width: 1px;
  border-color: #aaaaaa;
  border-style: solid;
}

.tatoartmoreinfodatactrl1content1 .infoslider1ctrl {
    padding: 5.3% 2.5% 2.5% 2.5%;
}

.tatoartmoreinfodatactrl1content1 .infoimagectrl1 {
  padding-bottom: 0.50vw;
}

  .tatoartmoreinfodatactrl1content1 .infoimagectrl1imgcropper {
        width: 23.0vw;
        height: 23.0vw;
        overflow: hidden;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

      .tatoartmoreinfodatactrl1content1 .infoimagectrl1imgcropper a {
          margin-left: 0%;
      }
      .tatoartmoreinfodatactrl1content1 .infoimagectrl1imgcropper img {
          width: 100%;
      }



.morepictures {
			position:relative;
			height:100%;
			width:100%;
			display:flex;
			align-items:center;
			justify-content:center;
			font-size:1.8vw;
      font-family: 'Oswald', sans-serif !important;
}
@media screen and (max-width: 1320px) {
  .morepictures {
    font-size:2.9vw;
  }
}

@media screen and (max-width: 870px) {
      .morepictures {
        font-size:3.6vw;
      }
}

#galleria  .lSAction .lSPrev {
  margin-left: 1vw !important;
}
#galleria  .lSAction .lSNext {
  margin-right: 1vw !important;
}



#lightSlider2 .infoimagectrl1 {
  padding: 0.50vw;
}

#lightSlider2 .infoimagectrl1imgcropper {
    max-width: 260px;
    max-height: 260px;
    overflow: hidden;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

        #lightSlider2 .infoimagectrl1imgcropper a {
          margin-left: 0%;
        }

        #lightSlider2 .infoimagectrl1imgcropper img {
          width: 100%;
        }




      @media screen and (max-width: 1198px) {

            #lightSlider2 .infoimagectrl1{

            }

            #lightSlider2 .infoimagectrl1imgcropper {
                max-width: 21vw;
                max-height: 21vw;
                overflow: hidden;
            }

      }



      @media screen and (max-width: 768px) {


              #lightSlider2 .infoimagectrl1{

              }

              #lightSlider2 .infoimagectrl1imgcropper {
                  max-width: 21.8vw;
                  max-height: 21.8vw;
                  overflow: hidden;
              }


      }


      @media screen and (max-width: 480px) {

        .infoimagectrl1 {
          padding-bottom: 2.0vw;
        }

            .infoimagectrl1imgcropper {
                width: 30vw;
                height: 30vw;
                overflow: hidden;
            }


            #lightSlider2 .infoimagectrl1{

            }

            #lightSlider2 .infoimagectrl1imgcropper {
                max-width: 29.5vw;
                max-height: 29.5vw;
                overflow: hidden;
            }

      }


      .imageGallery1 img {
          width: 100%;
      }

      .imageGallery1ctrl .lSPager {

      }


      .map {
          -webkit-filter: grayscale(100%) invert(90%);
             -moz-filter: grayscale(100%) invert(90%);
              -ms-filter: grayscale(100%) invert(90%);
               -o-filter: grayscale(100%) invert(90%);
                  filter: grayscale(100%) invert(90%);
      }

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*----------------OTHER-HACKS-START------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/

.menubar1ctrl .navbar {
  background-color: rgba(0, 0, 0, 0.7);
}

    .navbar-default .container-fluid {
      display: table;
      flex-wrap: nowrap;
      width: 100%;
    }

    .menubar1ctrl .navbar-collapse {
      width: 100%;
    }

      .menubar1ctrl .navbar-nav {
         width: 100%;
         justify-content: space-between;
      }


        .navbar-collapse>ul {
          white-space:nowrap !important;
          display: flex;
          flex-wrap: nowrap;
        }

          .menubar1ctrl li {


          }

          .menubar1ctrl li:not(.lastmenupoint) {

          }






@media screen and (max-width: 899px) {

    .navbar-header {
        background-color: rgba(0, 0, 0, 0.7);
        margin: 0px -15px 0px -15px !important;
        padding: 5px 5px 5px 5px;

    }


    .menubar1ctrl .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.9);
        margin: 0px -15px 0px -15px !important;
        width: auto;
    }

    .menubar1ctrl .dropdown .dropdown-menu a {
      color: #FFFFFF !important;
    }

    .menubar1ctrl .dropdown.open .dropdown-toggle, .menubar1ctrl .dropdown.open .dropdown-toggle {
      color: #000000 !important;
    }

    .navbar-default .container-fluid {
      display: block;
      flex-wrap: wrap;
    }

    .menubar1ctrl li:not(.lastmenupoint) {
      margin-right: 0vw;
    }

    .navbar-collapse>ul {
      white-space:normal !important;
      display: block;
      flex-wrap: wrap;
    }
}


#_progress {
  --scroll: 0%;
  background: linear-gradient(
    to right,
    rgb(180, 180, 180) var(--scroll),
    transparent 0
  );
  position: fixed;
  width: 100%;
  height: 5px;
  top: 0px;
  z-index: 10003;
}



.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.swiper-button-next, .swiper-button-prev {
  color:white;
  -webkit-text-stroke: 1px black;
  top: 38%;
}

/*.moreinfodata1 .contentslider1ctrl .lSAction>a {
    top:5%;
    opacity: 0.8;
}*/


.sl-navigation .sl-prev , .sl-navigation .sl-next , .simple-lightbox .sl-close {
  color:#fff !important;
  font-size: 5em !important;
}

@media screen and (max-width: 899px) {
  .sl-navigation .sl-prev , .sl-navigation .sl-next {
    width: 60px !important;
    height: 60px !important;
    /*background-color: orange !important;*/
  }

  .sl-navigation .sl-prev  {
      margin-left: -60px !important;
      padding: 0px 60px 20px 60px !important;
  }

  .sl-navigation .sl-next  {
      margin-right: -40px !important;
      padding: 0px 60px 20px 60px !important;
  }

}

.sl-counter {
  color:#fff !important;
  display: none !important;
}











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


.cookieAcceptBar {
  display:table;
  position: fixed;
  /*top: calc(100% - 80px);*/
  bottom: 0px;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 20px 0;
  width: 100%;
  z-index: 30000;
  display: none;
  /*-webkit-transform: translateY(-50%);
          transform: translateY(-50%);*/
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.cookieAcceptBar button {
  cursor: pointer;
  border: none;
  background-color: #2387c0;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}


a {
  color: #FFFFFF !important;
}

.lSSlideOuter .lSPager.lSpg>li.active a {
  background-color: #FFFFFF !important;

}

.lSSlideOuter .lSPager.lSpg>li:hover a{
  background-color: #FFFFFF !important;
}




.tatoartmoreinfodatactrl1 .swiper-button-next:after, .tatoartmoreinfodatactrl1 .swiper-button-prev:after {
  display:none !important;
}

.swiper-pagination-bullet-active {
    background-color: #FFFFFF !important;
}

.swiper-pagination-bullet {
    background-color: #FFFFFF !important;
}


.instalink1 {
  color:#BF0DAC !important;
  text-decoration: underline;
}