@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --black: #000000;
  --white: #ffffff;
  --dark: #171717;
  --primary: #19D769;
}
html {
  font-size: 10px;
}

body {
  line-height: 1.4;
  font-family: "Mulish";
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: var(--white);
  color: var(--dark);
  font-weight: 400;
  font-size: 2.3rem;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
form,
input,
select,
textarea {
  width: 100%;
}
ul:not(.list-none),
ol:not(.list-none) {
  padding-left: 2rem;
}
h1,
.large-title,
.h1 {
  font-size: 22rem;
  line-height: 1;
  font-weight: 700;
  font-family: 'ProductSans';
  letter-spacing: -1rem;
  word-spacing: -1rem;
}
.large-title {
  letter-spacing: -0.7rem;
  word-spacing: -2rem;
}
h1,h2,h3,h4,h5 {
  font-family: 'ProductSans';
}
h2,
.h2,
h4,
.h4 {
  line-height: 1.2;
  font-weight: 600;
}
h2,
.h2 {
  font-size: 6.3rem;
}
h4,
.h4 {.btn.fillbtn:hover {
    background: linear-gradient(-90deg, #1497ED, #E90406);
}
  font-size: 4rem;
}
a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  transition: all 0.5s ease;
}
img {
  max-width: 100%;
  transition: all 0.5s ease;
}
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-47 {
  width: 47%;
}
.w-48 {
  width: 48%;
}
.w-50 {
  width: 50%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}

.full-box,
.w-100,
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.object-cover {
  object-fit: cover;
}
.object-contain {
  object-fit: contain;
}
.h-full,
.h-100 {
  height: 100%;
}
.h-auto {
  height: auto;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.relative {
  position: relative;
}
.bg-white {
  background-color: var(--white);
}
.bg-black {
  background-color: var(--black);
}
.bg-dark {
  background-color: var(--dark);
}
.bg-primary {
  background-color: var(--primary);
}
.overflow-hidden {
  overflow: hidden;
}
.mt60 {
  margin-top: 60px;
}
.pt60 {
  padding-top: 60px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.align-end {
  align-items: flex-end;
}
.align-center {
  align-items: center;
}
.flex-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.space-between,
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.box-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.flex-direction {
  flex-direction: row-reverse;
}
header.siteheader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.siteheaderwrapper .flex-box {
    width: 100%;
    justify-content: space-between;
}

.container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

.siteheaderwrapper {
    padding-top: 30px;
}

.navigationinner ul.flexbox {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.navigationinner ul.flexbox li a {
    color: #fff;
    font-family: 'ProductSans';
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 17px;
    font-weight: 700;
}

.btn {
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 15px;
    gap: 10px;
    text-transform: uppercase;
    border: 2px solid;
    border-image: linear-gradient(90deg, #1497ED, #E90406) 1;
    width: auto;
    border-radius: 12px;
}
.btn:hover {
  background: linear-gradient(90deg, #1497ED, #E90406);
}
a.btn.outlinebtn {
    border-radius: 0;
}
.bannerslideinnr {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mainbanner {
    position: relative;
}

.bannergradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bannerslidecontent h2 {
    color: #fff;
    font-size: 80px;
    text-shadow: 0px 0px 6px #6b6b6b;
    line-height: 1.2;
}

.btn.fillbtn {
    margin-top: 40px;
    border: none;
    background: linear-gradient(90deg, #1497ED, #E90406);
    border-radius: 8px;
    padding: 17px 26px;
}
.btn.fillbtn:hover {
    background: linear-gradient(-90deg, #1497ED, #E90406);
}
.booknowbtn a.btn.outlinebtn img {
    margin-right: 12px;
}
.petespanogo {padding: 90px 0 0px;background: #0A0A17;}

.petespanogocontent h2 {
    font-size: 75px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
}

.petespanogocontent {
    text-align: center;
    max-width: 1040px;
    margin: 0 auto;
}

.petespanogocontent p {
    color: #fff;
    font-size: 18px;
    font-family: 'Mulish';
    font-weight: 400;
    margin-bottom: 50px;
    line-height: 1.8;
}

.petespanogocontent p span.primarycolor {
    font-weight: bold;
}

.primarycolor {
    color: #E90406;
}

.imageshape {
    text-align: end;
}

.whyweleadtheindustry {
    background: #0a0a17;
    padding: 0 0 120px;
}

.col-3 {
    width: 30%;
}

.col-6 {
    width: 60%;
}

.whyweleadtheindustryinnr .flex-box {
    justify-content: space-between;
    align-items: center;
}

.col-35 {
    width: 35%;
}


.whyweleadtheindustrycontent h2 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 25px;
}

.whyweleadtheindustrycontent p {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    font-family: 'Mulish';
    line-height: 1.6;
}

.whyweleadtheindustrycontent p span {
    font-weight: 600;
}

.whyweleadtheindustrycontent ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.whyweleadtheindustrycontent ul li {
    width: 50%;
    padding-right: 60px;
}

.whyweleadtheindustrycontent ul li p {
    font-size: 18px;
    font-weight: bold;
    font-family: 'ProductSans';
    text-transform: uppercase;
    margin: 25px 0 10px;
    line-height: 1.4;
}

.whyweleadtheindustrycontent ul li h2 {
    font-size: 80px;
}

.titlebox h2 {
    font-size: 75px;
    color: #000;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
}

.titlebox p {
    font-size: 18px;
    font-family: 'Mulish';
    font-weight: 400;
    margin-bottom: 50px;
    line-height: 1.8;
}

.titlebox {
    text-align: center;
}
.col-third {
    width: calc(100% / 3);
}
.pianopetesgoshow .image {
  padding: 10px;
}
.pianopetesgoshow .image img {
    width: 100%;
}

.pianopetesgoshow .content h3 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.pianopetesgoshow .content {
    padding: 20px 25px;
}

.pianopetesgoshow .content p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    margin-top: 10px;
}
.pianopetesgoshow .col-third {
    padding: 25px;
}
.pianopetesgoshow .col-third .col-innr {
    border-radius: 12px;
    overflow: hidden;
    background-image: url(../img/border-gradient.png);
    background-repeat: no-repeat;
    background-size: cover;    height: 438px;
    background-position: center;
}

.pianopetesgoshow .col-innr:hover {
  background: linear-gradient(237deg, #1497ED 7.72%, #E00002 83.03%);
}
.pianopetesgoshow .col-innr:hover * {
 color: #fff; 
}
.pianopetesgoshow {
  padding-bottom: 120px;
}
.pianopetesgalleryslideinnr {
    background-size: cover !important;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
  }

.pianopetesgalleryslideinnr p.subtitle {
    position: absolute;
    bottom: 0;
    left: 6%;
    background-color: #E00002;
    padding: 14px 20px;
}
.pianopetesgalleryslideinnr p.subtitle span {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.pianopetesgalleryslideinnr p.subtitle svg {
    margin-left: 10px;
}
.nationwidecoverage {
    padding: 100px 0 0;
    background: #0A0A17;
}

.nationwidecoverage .titlebox {
    max-width: 1100px;
    margin: 0 auto;
}

.nationwidecoverage .titlebox * {
    color: #fff;
}

.col-4 {
    width: 40%;
}

.col-5 {
    width: 50%;
}

.nationwidecoverageinnr h5 {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}

.nationwidecoverageinnr p {
    font-size: 16px;
    font-family: 'Mulish';
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.6;
}

.nationwidecoverage .flex-box {
    justify-content: space-between;
    padding-top: 50px;
}
.happyclients {
    padding: 0px 0 250px;
    background: #0A0A17;
}
.pianopetesgallery  {
  background: #0A0A17;
}
.happyclientslideinnr:hover .clientreview, .happyclientslideinnr:hover {
    background: #232338;
}
.happyclients .titlebox * {
    color: #fff;
}
.happyclientslide {
    padding: 25px;
}
.slick-next:before, .slick-prev:before {
  display: none;
}
button.custom-prev.slick-arrow {
    left: 40px;
    z-index: 1;
}
button.slick-next.custom-next.slick-arrow {
  right: 60px;
}
.happyclientslider button.custom-prev.slick-arrow {
    left: -30px;
}
.happyclientslider button.slick-next.custom-next.slick-arrow {
  right: -20px;
}
button.slick-arrow svg {
    width: 40px;
}
.happyclientslider button.slick-next.custom-next.slick-arrow {
  right: -20px;
}
.happyclientslideinnr {
    background: linear-gradient(237deg, #1497ED 7.72%, #E00002 83.03%);
    border-radius: 10px;
    padding: 2px;
    overflow: hidden;
}
.happyclientslideinnr .clientreview {
    background: #0a0a17;
    border-radius: 10px;
}
.happyclientslideinnr p {
    font-size: 18px;
    font-family: 'Mulish';
    color: #fff;
    padding: 20px 30px;
    line-height: 1.6;
}
.happyclientslideinnr .clientreview h6 {
    padding: 0 26px 30px;
    font-size: 22px;
    font-family: 'ProductSans';
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
}
.adbanner .flex-box:before {
    background: linear-gradient(96deg, #830203 24.41%, #E90406 113.4%);content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.adbanner .flex-box {
    position: relative;
    align-items: center;
    border-radius: 18px;
    width: 100%;
    background-repeat: no-repeat;
    padding-left: 15%;
    background-position: -5px -5px;
    background-size: contain;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}

.abbannercontent h6 {
    font-size: 30px;
    font-family: 'ProductSans';
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.abbannercontent h2 {
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'ProductSans';
    margin-top: 7px;
}

.col-7 {
    width: 70%;
}

.abbannercontent {
    padding-right: 80px;
}

.adbanner .flex-box a.btn.whitebtn {
    background: #fff;
    border: none;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    border-radius: 10px;
}

.adbanner {
    margin: -100px 0;
    position: relative;
    z-index: 1;
}

footer.insightfooter {
    background: #1A1A2F;
    padding-top: 100px;
}

.footertopcontent ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
}
.footertopcontent ul li {
    text-align: center;
    width: 33.33%;
    position: relative;
}
.footertopcontent ul li:not(:last-child):after {background: #6A6A73;width: 1px;position: absolute;\: 10px;right: 0px;content: "";height: 100px;top: 60px;}
.footertopcontent ul li img {
    height: 230px;
    object-fit: scale-down;
    width: auto;
    object-position: center;
}
.footermiddlecontent {
    padding-top: 20px;
    padding-bottom: 60px;
    border-bottom: 1px solid #6A6A73;
}
.footermiddlecontent .col-25 {
    width: 20%;
}
.footermiddlecontent h4 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'ProductSans';
    margin-bottom: 20px;
    line-height: 1.1;
}
.footermiddlecontent ul {
    list-style: none;
    padding-left: 0;
}
.footermiddlecontent ul li a {
    font-size: 18px;
    color: #D3D3D3;
    font-family: 'Mulish';
    font-weight: 400;
    margin-bottom: 5px;
    display: inline-block;
}
.detailfooter p {
    font-size: 18px;
    color: #D3D3D3;
    font-family: 'Mulish';
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
ul.socialmedia li  a {
    border: 1px solid #D3D3D3;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
ul.socialmedia {
    display: flex;
    gap: 12px;
}
.footerbottomcontent {
    display: flex;
    justify-content: space-between;
    padding: 26px 0 70px;
}
.footerbottomcontent p {
    font-size: 16px;
    color: #D3D3D3;
    font-weight: 400;
    font-family: 'Mulish';
}
.adbanner .flex-box a.btn.whitebtn:hover {
  background: #1A1A2F;
  color: #fff;
}
.innerbanner {
    background-size: cover;
    margin-bottom: -2px;
}
.innerbannercontent {
    display: flex;
    height: 500px;
    align-items: center;
}
.innerbannercontent h1 {
    font-size: 80px;
    color: #fff;
    letter-spacing: 0;
    word-spacing: normal;
}
.happyclients.ourcustomerreviews {
    padding-top: 100px;
}

.happyclients.ourcustomerreviews .titlebox {
    max-width: 82rem;
    margin: 0 auto;
}
.ourcustomerreviewsRow h6, .ourcustomerreviewsRow p {
    padding: 0 !important;
}

.ourcustomerreviewsRow h6 {
    margin-top: 20px;
    padding-left: 20px !important;
    border-left: 1px solid #E90406;
}

.ourcustomerreviewsRow .clientreview {
    padding: 25px 25px 30px 100px;
    position: relative;
    background-image: url('../img/clientquote.png') !important;
    background-position: 20px 30px !important;
    background-repeat: no-repeat !important;
    background-size: 65px !important;
}
.contactsecdetails {
  padding: 100px 0 200px;
  background: #0A0A17;
  margin-top: -2px;
}
.contactsecdetails *  {
  color: #fff !important;
}
.col-45 {
    width: 45%;
}

.contactsecdetails .flex-box {
    justify-content: space-between;
    padding: 70px 0;
}

.contactinnr h4 {
    font-size: 46px;
    line-height: 1.4;
}

.contactsecdetails p {
    font-size: 16px;
    margin-top: 20px;
}

.contactsecdetails span.primarycolor {
    color: #E90406 !important;
    font-weight: 600;
}

.contactinnr a.btn.outlinebtn {
    margin-top: 40px !important;
}

.col-5 .contactinnr {
    padding-right: 50px;
    border-right: 2px solid;
    border-image: linear-gradient(0deg, #1497ED, #E90406) 1;
}

.contactinfo .col-thirdinr {
    padding: 0 20px;
    height: 100%;
}

.contactinfo .col-thirdinr .contactdt {
    background: #232338;
    padding: 27px 25px;
    display: flex;
    border-radius: 12px;
    gap: 20px;
    height: 100%;
}

.contactinfo .col-thirdinr .contactdt h6 {
    font-size: 18px;
    text-transform: uppercase;
}

.contactinfo .col-thirdinr .contactdt p {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.4;
    font-family: 'Mulish';
    font-weight: 300;
}

.contactinfo .col-thirdinr .contactdt h5 {
    margin-top: 15px;
    font-size: 18px;
    font-family: 'Mulish';
}
.bookeventform {
  padding: 100px 0;
}
.readytpstartedcontent a.btn.fillbtn {
    margin-top: 0px;
}
.bookeventform .titlebox {
  max-width: 1100px;
  margin: 0 auto;
}
.bookeventform .titlebox p span {
  font-weight: bold;
}
.bookeventform .forminner {
    background: #EFEFF5;
    padding: 50px;
    border-radius: 12px;
}

.bookeventform .forminner h2 {
    font-size: 24px;
    font-weight: 400;
    color: #0A0A17;
    text-transform: uppercase;
}

.bookeventform .forminner p {
    font-size: 18px;
    font-family: 'Mulish';
    font-weight: 400;
    color: #0A0A17;
    margin-bottom: 30px;
    margin-top: 10px;
}
.form-row {
    display: flex;
    gap: 15px;
}

.form-group {
    width: 50%;
    margin-bottom: 20px;
}

.form-row.full-width .form-group {
    width: 100%;
}

.form-row .form-group input, .form-row .form-group select, .form-row .form-group textarea {
    font-size: 16px;
    color: #0A0A17;
    padding: 20px;
    background: #fff;
    border: 1px solid #CFCFD8;
    border-radius: 10px;
    font-family: Mulish;
}
.form-row .form-group label {
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}
.experiencetoday {
    background: #CF0305;
    padding: 28px 40px;
    margin-top: 70px;
    border-radius: 12px;
}.experiencetoday * {
    color: #fff;
}

.right {
    text-align: end;
}

.right p.note {
    font-size: 16px;
    font-family: 'Mulish';
    margin-top: 20px;
}

.col-experience h4 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 12px;
}

.col-experience p {
    font-size: 16px;
    line-height: 1.6;
}

.experiencetoday .callusbox ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.experiencetoday .callusbox ul li {
    width: 40%;
}
.experiencetoday .callusbox ul li:last-child {
  width: 60%;
}

.experiencetoday .callusbox ul li h4 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.experiencetoday .callusbox ul li p {
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 14px;
}
 .experiencetoday .callusbox ul {
  padding-left: 0px !important;
 }
.experiencetoday .callusbox ul li p svg {
    width: 20px;
    margin-right: 10px;
}
.gallerysection {
  background: #0A0A17;
  padding-top: 100px;
}
.gallerysection .titlebox h2 {
  color: #fff;
}
.gallerysection .col-third .image img {
  width: 100%;
}
.gallerysection .flex-box .image {
  padding: 20px;
}
.proventrackrecord {
  padding-top: 100px;
}
.proventrackrecord .titlebox * {
  color: #fff;
}
.col-fifith {
  width: calc(100%/5);
}
.proventrackrecord .flex-box .col-fifith {padding: 10px;}
.fifthcolinner {
    background: linear-gradient(237deg, #1497ED 7.72%, #E00002 83.03%);
    border-radius: 10px;
    padding: 2px;
    overflow: hidden;
    height: 100%;
}
.fifthcolinner .corporateevents {
    background: #0a0a17;
    border-radius: 10px;
    height: 100%;
    padding: 42px 32px;
}
.fifthcolinner .corporateevents h4 {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 30px;
}
.fifthcolinner .corporateevents p {
    font-size: 16px;
    color: #fff;
}
.peteadvantagesec {
  padding: 100px 0;
}
.peteadvantagesecboxes {
    background: #EFEFF5;
    display: flex;
    padding: 20px;
    border-radius: 12px;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.peteadvantagesecboxes .peteadvantagesecimage {
    min-width: 140px;
}

.peteadvantagesecontent h4 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 14px;
    font-family: 'ProductSans';
}

.peteadvantagesecontent p {
    font-size: 16px;
    font-family: 'Mulish';
}
.whychooseus {
  background: #0a0a17;
  padding-bottom: 100px;
}
.whychooseus * {
  color: #fff !important;
}
.theultidueling {
  padding-bottom: 0;
}
.whychooseus .col-third .thirdinner {
    background: #E90406;
    height: 460px;
    width: 460px;
    border-radius: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px 60px;
    background: rgb(233 4 6 / 63%);
}

.whychooseus .col-third .thirdinner h6 {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'ProductSans';
}
.whychooseus .col-third .thirdinner p {
    font-size: 16px;
}
.whychooseus  .col-third {
    margin: 0 -10px;
}
.whychooseus .flex-box {
    padding: 40px 0;
}
.contentblockvisit h2 {
    font-size: 75px;
}

.contentblockvisit p {
    font-size: 18px;
    margin: 20px 0;
}

.contentblockvisit ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.readytorockcontent {
    text-align: center;
}
.readytorocksec {
    padding: 100px 0;
}
.readytorockcontent p {
    margin-top: 24px;font-size: 18px;
}
.readytorockcontent {
  max-width: 1100px;
  margin: 0 auto;
}
.readytorockcontent h2 {
  margin-top: 30px;
}
.readytorockcontent p span {
    font-weight: bold;
}
.contentblockvisit ul li {
    width: 50%;
    list-style: none;
    padding-left: 30px;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 4px;
    background-image: url('../img/indicate.png');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center left;
}
.readytorockcontent h6 {
  font-size: 48px;
  margin-top: 48px;
  font-family: 'ProductSans';
}
.readytorockcontent p {
  font-size: 16px;
  line-height: 1.6;
}
.comedybringsec * {
  color: #000 !important;
}
.comedybringsec {
  background-color: #fff !important;
}
.whyweleadtheindustry .readytpstartedcontent h2,
.whyweleadtheindustry .readytpstartedcontent p {
  color: #fff !important;
}
.videoposterinner {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.videoposter {
    background-size: cover;
    background-position: center;
}
.mainbanner .bannerslideinnr {
  padding-top: 80px;
}
.bannerslide, .innerbanner, .videoposter {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.pianopetesgalleryslideinnr {
    background-position: center !important;
}
.bannerslide:before {
    content: "";
    background-image: url(https://petesduelingpianostogo.com/work/img/new/homebanner-gradient.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.bannerslide {
    position: relative;
}

.bannerslideinnr {
    position: relative;
    z-index: 1;
}

.bannerslide:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 180px;
    background-image: url(https://petesduelingpianostogo.com/work/img/new/homegradientbelow.png);
    background-size: cover;
}
.pianostructurevector img {
    border-bottom: 1px solid #ddd;
}
@media(max-width: 1550px) {
  .container {
    max-width: 1400px;
  }
  .pianopetesgoshow .col-third .col-innr {
    height: 404px;
    background-position: center;
  }
  .pianopetesgoshow .content {
    padding: 10px 25px 0;
  }
}

@media(max-width:1480px) {
    .container {
        max-width: 1240px;
    }
    .navigationinner ul.flexbox li a, .btn {
        font-size: 14px;
    }
    .bannerslidecontent h2, .whyweleadtheindustrycontent ul li h2, .innerbannercontent h1 {
        font-size: 65px;
    }
    .whychooseus .col-third {
        margin: 0;
    }
    .petespanogocontent h2, .titlebox h2, .contentblockvisit h2, .readytorockcontent h2 {
        font-size: 55px;
    }
    .petespanogocontent p, .titlebox p, .happyclientslideinnr p, .contactinfo .col-thirdinr .contactdt p, .contactinfo .col-thirdinr .contactdt h6 {
        font-size: 16px;
    }
    .contactsecdetails svg {
        width: 22px;
        height: 22px;
    }
    .whyweleadtheindustrycontent h2, .abbannercontent h2 {
        font-size: 40px;
    }
    .pianopetesgoshow .col-third .col-innr {
        height: 350px;
        background-position: center;
    }
    .pianopetesgoshow .content p, .fifthcolinner .corporateevents p, .contactsecdetails p {
        font-size: 14px;
    }
    .pianopetesgoshow .content h3, .contentblockvisit ul li {
        font-size: 18px;
    }
    .pianopetesgoshow .content {
        padding-top: 0px;
    }
    .abbannercontent h6, .contactinnr h4 {
        font-size:24px;
    }
    .fifthcolinner .corporateevents {
        padding: 32px 22px;
    }
    .contactinfo .col-thirdinr .contactdt {
        word-break: break-all;
    }
}
@media(max-width:1360px) {
    .container {
        max-width: 1140px;
    }
    .navigationinner ul.flexbox li a, .btn {
        font-size: 12px;
    }
    .bannerslidecontent h2, .whyweleadtheindustrycontent ul li h2, .innerbannercontent h1 {
        font-size: 55px;
    }
    .whychooseus .col-third {
        margin: 0;
    }
    .petespanogocontent h2, .titlebox h2, .contentblockvisit h2, .readytorockcontent h2 {
        font-size: 45px;
    }
    .petespanogocontent p, .titlebox p, .happyclientslideinnr p, .contactinfo .col-thirdinr .contactdt p, .contactinfo .col-thirdinr .contactdt h6 {
        font-size: 14px;
    }
    .contactsecdetails svg {
        width: 18px;
        height: 18px;
    }
    .whyweleadtheindustrycontent h2, .abbannercontent h2 {
        font-size: 35px;
    }
    .pianopetesgoshow .col-third .col-innr {
        height: 316px;
        background-position: center;
    }
    .pianopetesgoshow .content p, .fifthcolinner .corporateevents p, .contactsecdetails p {
        font-size: 12px;
    }
    .pianopetesgoshow .content h3, .contentblockvisit ul li {
        font-size: 16px;
    }
    .pianopetesgoshow .content {
        padding-top: 0px;
    }
    .abbannercontent h6, .contactinnr h4 {
        font-size:20px;
    }
    .fifthcolinner .corporateevents {
        padding: 32px 18px;
    }
    .contactinfo .col-thirdinr .contactdt {
        word-break: break-all;
    }
    .happyclientslideinnr .clientreview h6 {
        font-size: 18px
        .bannerslidecontent h2 {
        font-size: 30px;
        padding: 0 40px;
    };
    }
}
@media(max-width: 1025px) {
  .navigation, .booknowbtn {
    display: none;
  }
  .togglemenu {
    display: block !important;
  }
  .togglemenu svg path{
    stroke: #fff;
  }
  .bannerslidecontent h2 {
    color: #fff;
    font-size: 50px;
    text-shadow: 0px 0px 6px #6b6b6b;
    line-height: 1.2;
  }
  .bannerslideinnr a.btn.fillbtn {
    margin-top: 20px;
  }
  .petespanogocontent h2, .titlebox h2, .whyweleadtheindustrycontent ul li h2 {
    font-size: 40px;
  }
  .petespanogocontent p, .titlebox p, .whyweleadtheindustrycontent ul li p {
    font-size: 16px;
    line-height: 1.6;
  }
  .whyweleadtheindustrycontent h2, .abbannercontent h2 {
    font-size: 30px;
  }
  .whyweleadtheindustryinnr .col-3 {
    width: 36%;
  }
  .whyweleadtheindustry, .pianopetesgoshow {
    padding-bottom: 70px;
  }
  .nationwidecoverage {
    padding: 80px 0 0;
    margin-bottom: -5px;
  }
  .pianopetesgoshow .col-third {
    padding: 10px;
  }
  .pianopetesgoshow .col-third .col-innr {
    height: 308px;
    background-position: center;
  }
  .pianopetesgoshow .content {
    padding: 0px 15px 0;
  }
  .pianopetesgoshow .content h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .pianopetesgoshow .content p {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    margin-top: 6px;
  }
  .happyclientslide {
    padding: 15px;
  }
  .happyclientslideinnr p {
    font-size: 14px;
    font-family: 'Mulish';
    color: #fff;
    padding: 14px 20px;
    line-height: 1.6;
  }
  .happyclientslideinnr .clientreview h6 {
    padding: 0px 20px 14px;
    font-size: 18px;
  }
  .happyclientslider.slick-initialized.slick-slider {
    width: 90%;
    margin: 0 auto;
  }
  .happyclientslider button.custom-prev.slick-arrow {
      left: -40px;
  }
  .abbannercontent h6 {
    font-size: 20px;
  }
  .happyclients {
    padding: 0px 0 180px;
  }
  .adbanner .flex-box {
    padding-left: 10%;
  }
  .footermiddlecontent .col-25, .footermiddlecontent .col-3 {
    width: 50%;
    margin: 20px 0;
  }
  .navigation {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: linear-gradient(90deg, #1497ED, #E90406);
    width: 100%;
  }
  .navigation .navigationinner {
    display: flex;
    height: 100%;
    justify-content: left;
    padding-top: 20%;
  }

  .navigation .navigationinner ul {
    display: block;
  }

  .navigation .navigationinner ul li a {
    font-size: 22px;
    margin-bottom: 20px;
    display: block;
  }

  .navigation .closepop {
    display: inline-block!important;
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .navigation .closepop svg {
    width: 30px;
    height: 30px;
    fill: #fff !important;
  }
  .navigation.active {
    display: block; z-index: 9999;
  }
  .navigation .closepop svg path {fill: #fff;}
}


@media(max-width: 800px) {
    .bannerslidecontent h2 {
      font-size: 40px;
    }
    .pianopetesgoshow .col-third {
      width: 50%;
    }
    .col-5, .col-4, .col-7, .col-3 {
      width: 100%;
    }
    .nationwidecoverageinnr {
      margin-bottom: 60px;
    }
    .adbanner .flex-box {
      padding-left: 24%;
    }
    .abbannercontent {
      padding-right: 0;
      margin-bottom: 20px;
    }
    .footertopcontent ul li img {
      height: 126px;
    }
    .footertopcontent ul li:not(:last-child):after {
      top: 20px;
    }
    .footertopcontent ul {
      margin-top: 40px;
    }
    .footerbottomcontent {
      justify-content: center;
      flex-wrap: wrap;
      padding: 26px 0 30px;
      gap: 10px;
    }
    .pianopetesgoshow .col-third .col-innr {
        height: 344px;
        background-position: center;
    }
    .pianopetesgoshow .content h3 {
        font-size: 20px;
        font-weight: 500;
        text-transform: uppercase;
    }
    .whyweleadtheindustryinnr .col-3 {
      width: 100%;
    }
    .petespanogo {
      margin-bottom: -2px;
    }
    .col-6 {
      width: 100%;
    }
    .whyweleadtheindustryinnr .col-3 .image {
      text-align: center;
    }
    .col-5 .contactinnr {
      padding-right: 0;
      border: none;margin-bottom: 50px;
    }
    .contactinnr h4 {
      font-size: 34px;
    }
    .contactinnr h4 br {
      display: none;
    }
    .col-45 {
      width: 100%;
    }
    .contactinfo .col-third {
      width: 100%;
      margin-bottom: 30px;
    }
    .contactsecdetails .flex-box {
      justify-content: space-between;
      padding: 50px 0;
    }
    .col-experience {
      margin-bottom: 30px;
    }
    .col-experience ul {
      padding-left: 0;
    }
    .bookeventform .forminner {
      background: #EFEFF5;
      padding: 30px;
      border-radius: 12px;
    }
    .col-fifith {
    width: calc(100% / 3);
    }
    .whychooseus .col-third {
      width: 100%;margin: 18px auto;text-align: center;
    }
    .whychooseus .flex-box .thirdinner {
      justify-content: center;text-align: center;margin: 0 auto;
    }
    .theultidueling .whyweleadtheindustrycontent {
      text-align: center;margin-top: 50px;
    }
    .visitpersonblock  .imagemap {
      margin-top: 60px;
    }
    .contentblockvisit h2, .readytorockcontent h2 {
      font-size: 40px;
    }
    .contentblockvisit p, .readytorockcontent p {
      font-size: 16px;
    }
}
@media(max-width: 500px) {  
    .bannerslidecontent h2 {
        font-size: 26px;
    }
    .bannerslidecontent h2 br {
      display: none;
    }
    .bannerslidecontent {
      padding: 0 15px;
    }
    button.slick-arrow svg {
      width: 30px;
    }
    button.custom-prev.slick-arrow {
      left: 20px;
      z-index: 1;
    }
    button.slick-next.custom-next.slick-arrow {
      right: 30px;
    }
    .petespanogocontent h2, .titlebox h2, .whyweleadtheindustrycontent ul li h2 {
        font-size: 30px;
    }
    .petespanogocontent p, .titlebox p, .whyweleadtheindustrycontent ul li p {
      font-size: 14px;
      line-height: 1.5;
    }
    .whyweleadtheindustrycontent ul li {
      width: 100%;
      padding-right: 0;
    }
    .pianopetesgoshow .col-third {
        width: 100%;
    }
    .pianopetesgoshow .col-third .col-innr {
        height: 354px;
        background-position: center;
    }
    .pianopetesgoshow .content p {
      font-size: 15px;
    }
    .pianopetesgalleryslideinnr {
      height: 70vh;
    }
    .pianopetesgalleryslideinnr p.subtitle {
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #E00002;
      padding: 10px 14px;
      width: 100%;
    }
    .pianopetesgalleryslideinnr p.subtitle span {
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      line-height: 0.8;
    }
    .happyclientslider button.custom-prev.slick-arrow {
        left: -25px;
    }
    .happyclientslider button.slick-next.custom-next.slick-arrow {
      right: -16px;
    }
    .abbannercontent h2 {
      font-size: 18px;
    }
    .abbannercontent h6 {
      font-size: 10px;
    }
    .adbanner .flex-box {
      padding-left: 24%;
      text-align: center;
    }
    .footertopcontent ul li img {
      height: 60px;
    }
    .footertopcontent ul li:not(:last-child):after {
      top: 10px;
      height: 50px;
    }
    .footermiddlecontent .col-25, .footermiddlecontent .col-3 {
      width: 100%;
      margin: 15px 0;
    }
    .footermiddlecontent ul li a {
      font-size: 14px;
      margin-bottom: 0;
    }
    .detailfooter p {
      font-size: 14px;
    }
    .footerbottomcontent p {
      font-size: 14px;
      text-align: center;
    }
    .pianopetesgoshow .col-third .col-innr {
      height: 320px;
      width: 320px;
      margin: 0 auto;
      background-position: center;
    }
    .pianopetesgoshow .content p {
        font-size: 13px;
        margin-top: 0px;
    }
    .pianopetesgoshow .content h3 {
      font-size: 18px; 
    }
    .innerbannercontent h1 {
      font-size: 45px;
    }
    .contactinfo .col-thirdinr {
      padding: 0;
      height: 100%;
    }
    .contactinfo .col-thirdinr .contactdt {
      word-break: break-word;
    }
    .contactsecdetails {
      padding: 70px 0 120px;
      background: #0A0A17;
      margin-top: -2px;
    }
    .bookeventform {
      padding: 70px 0;
    }
    .form-group {
      width: 100%;
      margin-bottom: 20px;
    }
    .form-row {
      display: flex;
      gap: 0;
      flex-wrap: wrap;
    }
    button.btn-submit.btn.fillbtn {
      margin-top: 0;
    }
    .experiencetoday .callusbox ul li {
      width: 100% !important;
    }
    .experiencetoday {
      background: #CF0305;
      padding: 22px;
      margin-top: 70px;
      border-radius: 12px;
    }
    .col-fifith {
      width: calc(100% / 1);
    }
    .peteadvantagesecboxes {
      flex-wrap: wrap;
    }
    .peteadvantagesecontent h4 {
      font-size: 20px;
    }
    .peteadvantagesecontent p {
      font-size: 16px;
    }
    .peteadvantagesecboxes .peteadvantagesecimage {
      min-width: 60px;
    }
    .peteadvantagesecboxes, .corporateevents {
      justify-content: center;
      text-align: center;
    }
    .whychooseus .flex-box .thirdinner {
      justify-content: center;
      text-align: center;
      margin: 0 auto;
      width: 340px;
      height: 340px;
      padding: 20px 50px;
    }
    .whychooseus .col-third .thirdinner h6{
      font-size: 16px;
    }
    .whychooseus .col-third .thirdinner p {
      font-size: 12px;
    }
    .whychooseus .flex-box {
      padding: 40px 0 0;
    }
    .contentblockvisit ul li {
      width: 100%;
      font-size: 18px;
    }
    .contentblockvisit h2, .readytorockcontent h2 {
      font-size: 30px;
    }
    .whyweleadtheindustry.pt60.theultidueling .whyweleadtheindustryinnr {
      margin-top: 0px !important;
    }
    .whyweleadtheindustry.pt60.theultidueling {
      padding-bottom: 0px;
    }
    .petespanogosec .flex-box.mt60 img {
      margin-bottom: 40px;
    }
    .comedybringsec .flex-box.pt60.mt60 {
      padding-top: 0px !important;
    }
    .petespanogosec .flex-box.flex-direction.mt60 {
      margin-top: 0;
    }
    .readytorockcontent h6 {
      font-size: 34px;
    }
    .comedybringsec .image {
      margin-bottom: 40px;
    }
    .videoposterinner {
      height: 500px;
    }
    .playicon img {
      width: 80px;
    }
    .whyweleadtheindustry.pt60.petespanogosec {
      margin-bottom: -2px;
    }
    .togglemenu svg {
        width: 30px;
    }
    .mainbanner .bannerslideinnr {
        height: 90vh;
    }
    .bannerslidecontent h2 {
        font-size: 28px;
        padding: 0 30px;
    }
    .ourcustomerreviewsRow .clientreview {
        padding: 20px !important;
    }
    .ourcustomerreviewsRow .clientreview  {
        padding: 20px;
        background-image: unset !important;
    }
    .whychooseus {
        margin-top: -2px;
    }
    .logowrapper img {
        width: 80px;
    }
}
@media(min-width: 500px) {
  .navigationinner ul.flexbox li.active a {
    color: #E90406;
  }
  .logowrapper img {
    width: 138px;
}   
}