/*****Base css***********/
*{box-sizing:border-box}
:root{--red:#cc0006;--red-deep:#840a0f;--red2:#900400;--red2-middle-deep:#8c0a1e;--red2-deep:#7b0000;--red3:#eb0007;--red3-deep:#900004;--white:#fff;--green:#16A085;--orange:#EB9532;--orange-l:#fc9401;--yellow-light:#d4c88e;--purple:#7E3661;--pink:#ea53c2;--purple-l:#7E3661;--blue:#25aceb;--blue-l:#22b8fc;--blue-ll:#4ecaee;--yellow:#e3db00;--black:#000;--black-l:#353535;--links:#1dbce9;--gray:#36404a;--gray-l:#fafafa;--gray-ll:#939393;--gray-ll1:#bababa;--gray:#36404a;--gray3:#fefefe;--gray3-deep:#cbcbcb;--orange-top-color: #ffa800;--orange-bottom-color: #ff7e00;--orange-gradient: linear-gradient(var(--orange-top-color), var(--orange-bottom-color));--gray-top-color: var(--white);--gray-bottom-color: #8e8d8d;--gray-gradient: linear-gradient(var(--gray-top-color) 13%, var(--gray-bottom-color));--black-top-color: #484949;--black-bottom-color: #222222;--black-gradient: linear-gradient(var(--black-top-color), var(--black-bottom-color));--red-top-color: var(--red);--red-bottom-color: var(--red-deep);--red-gradient: linear-gradient(var(--red-top-color), var(--red-bottom-color));--red2-top-color: var(--red2);--red2-middle-color: var(--red2-middle-deep);--red2-bottom-color: var(--red2-deep);--red2-gradient: linear-gradient(90deg,var(--red2-top-color) 0%,var(--red2-middle-color) 47%, var(--red2-bottom-color) 100%);--red3-top-color: var(--red3);--red3-bottom-color: var(--red3-deep);--red3-gradient: linear-gradient(var(--red3-top-color), var(--red3-bottom-color));--graydeep-top-color: #484949;--graydeep-bottom-color: #222222;--graydeep-gradient: linear-gradient(var(--graydeep-top-color), var(--graydeep-bottom-color));--gray3-top-color: var(--gray3);--gray3-bottom-color: var(--gray3-deep);--gray3-gradient: linear-gradient(var(--gray3-top-color), var(--gray3-bottom-color));--black2-top-color: #5f5f5f;--black2-bottom-color: #000000;--black2-gradient: linear-gradient(var(--black2-top-color), var(--black2-bottom-color));}
*{--main-font:'Montserrat', sans-serif;--main-font:'Montserrat', sans-serif;--main-normal:400;--main-medium:500;--main-semibold:600;--main-bold:700;--main-exbold:800;--main-black:900;--base-font-size:24px;--base-font-size32:32px;--base-font-size18:18px;--font-osfamily-base:'Open Sans', sans-serif;--main-font-os:'Open Sans', sans-serif;--font-kristifamily-base:'Kristi', cursive;--main-font-kristi:'Kristi', cursive;--font-robotofamily-base:Roboto;--main-robotofont:Roboto;--font-ptsansfamily-base:'PT Sans', sans-serif;}

a{color:var(--links);text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}
.clear{clear:both;overflow:hidden}
img{border:0;outline:0}
a img{outline:none}
a{outline:none;cursor:pointer}
a:active,a:focus{outline:none}
:active,:focus{outline:none; -moz-outline-style:none}
:link:focus,:visited:focus{outline:none}
html{overflow-y:scroll;overflow-x:hidden;}
html,body{height:100%;width:100%;position:relative}
body{margin:0;font-family:var(--main-font);counter-reset:location;background-color:var(--white);font-size:var(--base-font-size)}
html,body{margin:0;padding:0;height:100%}
button{word-wrap:break-word!important;white-space:unset!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;}
mat-label{word-wrap:break-word!important;white-space:unset!important;overflow-wrap:break-word;}
p:empty{display:none}
section:empty{display:none}

#container{position:relative;display:flex;flex-direction:column;min-height:100vh}
#container #container{position:relative;display:flex;flex-direction:column;min-height:1px}
#header{position:relative;top:0;z-index:9}
#body{flex:1;background:var(--white)}
#maincontent{position:relative;padding-bottom:0}
.contentblock .mat-table{box-shadow:none !}
.h-100{display:flex!important;flex-direction:column!important;justify-content:flex-start;align-items:stretch}
.z-index-1{z-index:1}
.z-index-2{z-index:2}
.z-index-3{z-index:3}
.z-index-4{z-index:4}
.z-index-5{z-index:5}
.z-index-6{z-index:6}
.z-index-7{z-index:7}
.z-index-8{z-index:8}
.z-index-9{z-index:9}
.p-5{padding:5px}
.p-10{padding:10px}
.p-13{padding:13px}
.p-16{padding:16px}
.p-20{padding:20px}
.p-40{padding:40px}
.pt-5{margin-top:5px}
.pl-20{padding-left:20px}
.pl-45{padding-left:45px}
.pl-10{padding-left:10px}
.pl-3{padding-left:3px}
.pr-30{padding-right:30px}
.mt-m-27percent{margin-top:-27%}
.mt-5{margin-top:5px!important}
.mt-15{margin-top:15px!important}
.mt-26{margin-top:26px!important}
.mb-0{margin-bottom:0!important}
.ml-9{margin-left:9px!important}
.h-100p{height:100%}
.txt-uppercase{text-transform:uppercase}
.txt-capital{text-transform:capitalize}
textarea.mat-input-element {resize: none !important;}
.text-right{text-align: right;margin: 0!Important;}
span.text-right{width: 100%;display: block;}
.mat-card{box-shadow: none !important;}
.redTxt{color:#cc0006}


/*****grid css***********/
.countDiv{height:auto!important;display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;justify-content:center!important;background: transparent;box-shadow: none !important;}
.countDiv.mat-card{padding:0!important;background: transparent !important;box-shadow: none !important;}
.countDiv .mat-card{position:relative;overflow:hidden;margin:0!important;padding: 0;box-shadow: none !important;background: transparent;}
.countDiv__column4,.countDiv__column3,.countDiv__column2,.countDiv__column1,.countDiv__column{display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%;flex-wrap: wrap;box-shadow: none !important;}
.countDiv__column--col1{flex:1 0 6.33333333%!important}
.countDiv__column--col2{flex:1 0 14.66666667%!important}
.countDiv__column--col3{flex:1 0 23%!important}
.countDiv__column--col4{flex:1 0 31.33333333%!important}
.countDiv__column--col5{flex:1 0 39.66666667%!important}
.countDiv__column--col6{flex:1 0 48%!important}
.countDiv__column--col7{flex:1 0 56.33333333%!important}
.countDiv__column--col8{flex:1 0 64.66666667%!important}
.countDiv__column--col9{flex:1 0 73%!important}
.countDiv__column--col10{flex:1 0 81.33333333%!important}
.countDiv__column--col11{flex:1 0 89.66666667%!important}
.countDiv__column--col12{flex:1 0 98%!important}

.maincontainer{width:1751px;margin:0 auto;display:block;box-sizing:border-box;margin-bottom:0;padding:0!important}
.btnblack {margin-top: 15px;border-radius: 5px;text-transform: uppercase;font-family:var(--main-font);font-weight: var(--main-bold);font-size: 22px;color: var(--white);margin-right: 0;line-height: 20px!important;padding: 10px 16px 14px!important;font-weight: var(--main-normal);background: var(--black-gradient);overflow: hidden;position: relative;}
.redgradient {margin-top: 15px;border-radius: 5px;text-transform: uppercase;font-family:var(--main-font);font-weight: var(--main-bold);font-size: 22px;color: var(--white);margin-right: 0;line-height: 20px!important;padding: 10px 16px 14px!important;font-weight: var(--main-normal);background: var(--red-gradient);overflow: hidden;position: relative;}
.buttonblock .redgradient{text-transform: uppercase;font-family:var(--font-osfamily-base);font-weight: var(--main-bold);font-size: 60px;color: var(--white);margin-right: 0;line-height: 60px!important;padding: 21px 16px 24px!important;text-align: center;margin-bottom: 0;border-radius: 0 !important;white-space: normal;}
.buttonblock .btnblack{text-transform: uppercase;font-family:var(--font-osfamily-base);font-weight: var(--main-bold);font-size: 60px;color: var(--white);margin-right: 0;line-height: 60px!important;padding: 21px 16px 24px!important;text-align: center;margin-bottom: 0;width: 100%;border-radius: 0 !important;white-space: normal;}
.buttonblock{margin-bottom: 40px;}

.countDiv__column:nth-child(even){flex-direction: row-reverse;margin-top: 60px;}
.countDiv__column:nth-child(even) .homeblocktwoleft{text-align: right;}
.countDiv__column:nth-child(even) .cddblocktwoleft{text-align: right;}
.countDiv__column:nth-child(even) .philoblocktwoleft{text-align: right;}
.countDiv__column:nth-child(odd) .dsdblocktwoleft {text-align: right;}

/*****body css***********/
p{font-family: 'PT Sans';font-weight: var(--main-normal);font-size: 29.63px;line-height: normal;color: var(--black);margin-bottom: 25px;position: relative;z-index: 4;word-wrap: break-word;white-space: normal;overflow-wrap: break-word;}
p:last-child{margin-bottom: 0;}
.content{background:rgba(213,213,213,0.6);padding: 32px 45px;border-radius: 27px;position: relative;overflow: hidden}
.content::before{background:url(https://all-frontend-assets.s3.amazonaws.com/bandtek/assets/images/content-top-shadow.png);background-position: left 0;background-repeat: no-repeat;border-radius: 0;background-size: 100% 109px;padding: 0;margin-bottom: 0;min-height: 1px;position: absolute;content: '';height: 109px;width: 100%;bottom: inherit;left: 0;top: 0;opacity: 0.21;}
.content p a{color:#f00007;cursor:pointer;text-decoration: none;}

/*****title css***********/
.titleheader{background:var(--gray-ll1);padding:9px;border-radius: 9px;width: -moz-fit-content;width: fit-content;block-size: fit-content;overflow: hidden;position: relative;margin-bottom: 28px !important;width:100%}
.titleheader::before{content:'';position:absolute;top:0;left: 0;width: 150px;height: 60%;background-color: var(--red)}
.titleheader::after{content:'';position:absolute;bottom:0;right: 0;width: 150px;height: 60%;background-color: var(--red)}
.titleheaderinner{background:var(--graydeep-gradient) !important;padding:14px 30px;border-radius: 9px;width: -moz-fit-content;width: fit-content;block-size: fit-content;z-index: 3;position: relative;width:100%}
.titleheader h1{font-size:42.33px;line-height:42.33px;background:#ffffff;background: var(--gray-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;position:relative;text-transform:uppercase;font-family:var(--main-font);font-weight:var(--main-exbold);z-index:2;position:relative;margin: 0;letter-spacing: -1px;word-wrap: break-word;overflow-wrap: break-word;
white-space: normal;}
.titleheader p{font-size:24px;line-height:24px;color:var(--white);font-weight:var(--main-exbold);z-index:2;position:relative;margin: 0;letter-spacing: 0;word-wrap: break-word;overflow-wrap: break-word;
white-space: normal;}
.titleheader h1::after{background:none;content:attr(data-text);left:0;top:0;z-index:-1;position:absolute;width:100%}

.bordertop {background: linear-gradient(to right,#f00007 50%,#939393 50%);width: 112%;height: 20px;margin-top: 0!important;margin-left: -6%;}
.ddpblocktwosingle .bordertop {height: 10px;}


/*****Modal css***********/
.mybuynowModal.mat-card{padding:0 !important}
.mat-dialog-container{background:rgba(var(--white), 0.5);}
.modal-dialog{position:relative;width:auto;margin:10px}
.mat-dialog-container{padding:0!important;border-radius:0!important;overflow:visible!important}
.mybuynowModal .modal-dialog{max-width:727px;margin:30px auto;background:var(--white);}
.mybuynowModal{background:(var(--white),0.5) no-repeat top 40% center;background-size:cover}
.mybuynowModal .modal-body{position:relative;padding:15px;background-color:(var(--white),0.5);border:8px solid #5a5a58;}
.mybuynowModal .close{font-size: 20px;font-weight: 400;line-height: 1;color: var(--white);text-shadow: 0 1px 0 var(--white);filter: alpha(opacity=20);opacity: 1!important;background: var(--red)!important;padding: 0 4px 7px 10px!important;
    right: 0;position: absolute;top: 0;outline: none!important; width: 45px;height: 40px;min-width: 32px;border-radius: 0 0 0 40px;}
.mybuynowModal .modallogowrapper{text-align:center;max-width: 230px;margin: 0 auto;}
.mybuynowModal .modallogowrapper img{max-width:100%}
.mybuynowModal h1{font-family: var(--main-font) !important;font-weight: var(--main-bold)!important;font-size: 28px!important;text-transform: uppercase;padding: 0;margin: 20px 0 10px!important;line-height: 28px!important;position: relative;color: #080809;text-align: center;}
.mybuynowModal h1 span{color:var(--red);margin-left:5px}
.mybuynowModal p{font-family:var(--main-font);font-weight: var(--main-normal);font-size:16px;text-transform:none;padding:0;margin:20px 0 10px;line-height:24px;position:relative;color:#080809;text-align:center}
.mybuynowModal a{color:var(--red)}
.mybuynowModal.successmodal .modal-body{padding:40px}
.mybuynowModal.successmodal h6:after{display:none}

.rehplntopContent {padding: 15px 70px 20px;display: block;border-radius: 6px;background-color: rgba(255, 255, 255, 0.9);border: 1px solid #bababa;text-align: center;}
.rehplntopContent .rehplntopContentTitle{text-align: center;}
.rehplntopContent .rehplntopContentTitle h2{padding: 0;margin: 0;font-size: 60.48px;line-height: normal;background: #ffffff;background: linear-gradient(#4a4b4c 30%, #060606);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;position: relative;text-transform: uppercase;font-family: var(--main-font);font-weight: var(--main-exbold);position: relative;letter-spacing: 0px;}
.rehplntopContent .rehplntopContentTitle p{padding: 0;margin: 0px auto;max-width: 70%;}
.rehplntopContent p a{color: #df0706;}
.rehplntopContentInner {padding: 20px;display: block;border-radius: 0;background-color: #f3f3f3;border: 0 solid #bababa;text-align: center;}
.rehplntopContentInner p span{font-style: italic;}
.rehplnFormBlock {padding: 15px;display: block;border-radius: 6px;background-color: #e3e3e3;border: 1px solid #bababa;}

.rehplnFormBlockInner{padding: 20px;display: block;border-radius: 6px;background-color: #f6f6f6;}




.stagingtopContent {padding: 0;display: block;}
.stagingtopContent .stagingtopContentTitle{text-align: center;}
.stagingtopContent .stagingtopContentTitle h2{padding: 0;margin: 0;font-size: 60.48px;line-height: normal;background: #ffffff;background: linear-gradient(#4a4b4c 30%, #060606);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;position: relative;text-transform: uppercase;font-family: var(--main-font);font-weight: var(--main-exbold);position: relative;letter-spacing: 0px;}
.stagingtopContent .stagingtopContentTitle p{padding: 0;margin: 0px auto;max-width: 70%;}
.stagingtopContent p a{color: #df0706;}
.stagingtopContentInner {padding: 20px;display: block;border-radius: 0;background-color: #f3f3f3;border: 0 solid #bababa;text-align: center;}
.stagingtopContentInner p span{font-style: italic;}
.stagingFormBlock {padding: 6px;display: block;border-radius: 6px;background-color: #fff;border: 0 solid #bababa;box-shadow: 0px 0px 15px 7px rgb(0 0 0 / 20%);-webkit-box-shadow: 0px 0px 15px 7px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 15px 7px rgb(0 0 0 / 20%);}
.stagingFormBlockInner{padding: 10px;display: block;border-radius: 6px;background-color: #e5e5e5;}
.stagingFormBlockInnerMain{padding: 25px;display: block;border-radius: 6px;background-color: #ebebeb;}
.stagingblocktwo .countDiv__column--col12{overflow: inherit;}


.fingeringsBlockTwoTopInnerLists .mat-list mat-list-item .mat-list-item-content{width: 100%;}

.howToReadADrillChartblockLists mat-list-item .mat-list-item-content{display: block !important;padding: 0 !important;}
.bandJokesBlockTwoTopInnerLists .mat-list .mat-list mat-list-item .mat-list-item-content{width: 100%;}


/***** Progress-Bar ******/
.mat-progress-bar {display: block;overflow: hidden;position: absolute;transition: opacity 250ms linear;width: 100%;z-index: 99;top:0;left: 0;}
.mat-progress-bar .mat-progress-bar-background {fill: #222222 !important;}
.mat-progress-bar-buffer {background-color: #222222 !important;}
.mat-progress-bar .mat-progress-bar-fill::after{background-color:#EF2121!important}