*{box-sizing: border-box;}
body.template-portfolio-p42{background-color: #1B1B1B; box-sizing: border-box; font-family: 'exo_2.0regular', sans-serif;}
.ctm-heading h3, .ctm-heading h6{margin: 0 0 20px 0; font-family: 'exo_2.0regular', sans-serif !important}
.ctm-heading h3{font-size: 28px; line-height: normal;}
.ctm-heading h6{font-size: 16px; line-height: normal;}
.ctm-content p{font-size: 14px; line-height: normal; letter-spacing: 0.7px; margin: 0; font-weight: 400;}
.image-full img{width: 100%;}
.ctm-container{width: 100%; max-width: 1024px; margin: 0 auto;}
.common-f-block{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-aln-start{align-items: flex-start; justify-content: flex-start;}
.flex-center-aln-s{align-items: flex-start; justify-content: center;}
.flex-center{align-items: center; justify-content: center;}
.flex-jst-center{justify-content: center;}
.d-md-block{display: none !important;}

/*css start here*/ 

/*innovation section css start here */
.ctm-heading-text{width: 100%;}
.ctm-heading-text .ctm-heading-inner{width: 100%; max-width: 345px; margin:0; position: relative; padding: 0 0 0 50px;}
.ctm-heading-text .ctm-heading-inner:before { content: ""; position: absolute; width: 32px; height: 2px; background: #E7A913; left: 0; top: 8px; }
.ctm-heading-text .ctm-heading-inner h6 { color: #EAEAEA; font-weight: 500; letter-spacing: 0.8px;}
.ctm-heading-text .ctm-heading-inner p{color: #BBB;}
.innovation-wrap{width: 100%; position: relative; padding:200px 0;}
.innovation-caption{position: relative; margin: 0;}
.innovation-wrap .left-invt-caption{width: 50%; display: inline-block;}
.innovation-wrap .left-invt-caption .image-title{width: 100%; max-width:380px; margin: 0 0 59px 0;}
.innovation-wrap .left-invt-caption .image-title > img { width: 100%; border-radius: 10px; }
.innovation-wrap .left-invt-caption .image-title .detail-info{width: 100%; max-width: 277px; margin: 17px 0 0 0;}
.innovation-wrap .left-invt-caption .image-title .detail-info img{width: auto; object-fit: contain; margin: 0 0 6px 0;}
.innovation-wrap .left-invt-caption .image-title .detail-info p { color: #BBB;}
.innovation-wrap .left-invt-caption .over-image{width: calc(100% + 20px); position: relative; left: 0;}
.innovation-wrap .left-invt-caption .over-image img{width: 100%; object-fit: cover; border-radius: 10px;}
.innovation-wrap .right-invt-caption{width: 50%; display: inline-block;}
.innovation-wrap .right-invt-caption .ctm-heading-text{ margin-left: -26px; }
.innovation-wrap .right-invt-caption .over-image{width: calc(100% + 26px); position: relative; right: 26px; z-index: 8; margin: 85px 0 0 0;}
.innovation-wrap .right-invt-caption .over-image img{width: 100%; border-radius: 10px;}
.innovation-wrap .right-invt-caption .mid-image { width: 100%; text-align: center; margin-top: -70px; z-index: 9; position: relative; padding-left: 40px;}
.innovation-wrap .right-invt-caption .mid-image img{width: 100%; max-width: 332px; border-radius: 10px;}
/*innovation section css end here */

/*Monogram section css start here*/
.monogram-wrap{width: 100%; position: relative; padding:36px 0 100px 0;}
.monogram-wrap .monogram-caption{position: relative;}
.monogram-wrap .lc-logo{text-align: center; margin: 0 0 66px 0;} 
.monogram-wrap .lc-logo img{width: 100%; max-width: 84px; margin: 0 auto;}
.titleright-content .ctm-heading-text{max-width: 370px; width: 100%;margin-left: auto; margin-right: 0;}
/*Monogram section css end here*/

/*Accent section css start here */
.accent-wrap { width: 100%; position: relative; padding: 131px 0 309px 0; background: url(../assets/images/portfolio/wwt-images/accent-bg.png) no-repeat; background-size: cover; background-position: center; }
.accent-wrap .accent-caption{position: relative;}
.accent-wrap .accent-caption .ctm-heading-text{margin: 0 0 84px 0;}
.accent-wrap .accent-content-wrap{gap: 90px;}
.accent-wrap .accent-content-wrap .accent-content-inner{width: calc(100% / 2 - 45px);}
.accent-wrap .accent-content-wrap .accent-content-inner .text-img-item{width: 100%; margin-bottom: 45px; min-height:172px; }
.accent-wrap .accent-content-wrap .accent-content-inner .text-img-item:last-child{margin: 0;}
.accent-wrap .accent-content-wrap .accent-content-inner .title-caption { width: 100%; padding: 0 0 18px; margin: 0 0 25px 0; border-bottom: 1px solid #E7A913; min-height: 50px; align-items: flex-end; justify-content: flex-start; }
.accent-wrap .accent-content-wrap .accent-content-inner img{width: auto !important; display: inline-block;}
/*Accent section css end here */

/*compositions section css start here*/
.compositions-wrap{width: 100%; position: relative; padding:79px 0 64px 0;}
.compositions-wrap .compositions-caption{width: 100%; position: relative;}
.compositions-wrap .compositions-items { width: 100%; gap: 0; flex-wrap: wrap; }
.compositions-wrap .compositions-items .compositions-item{width: 50%; display: inline-flex; position: relative;}
.compositions-wrap .compositions-items .compositions-item.one{ z-index: 2; margin-top: 144px;}
.compositions-wrap .compositions-items .compositions-item.two{z-index: 3; right: 22px;}
.compositions-wrap .compositions-items .compositions-item.three { z-index: 4; margin-top: -46px; margin-left: 100px; }
.compositions-wrap .compositions-items .compositions-item .image-item{width: calc(100% + 25px); display: inline-flex; position:relative;}
.compositions-wrap .compositions-items .compositions-item.one .image-item img{width: calc(100% + 25px);}
.compositions-wrap .compositions-items .compositions-item.two .image-item, .compositions-wrap .compositions-items .compositions-item.two .image-item img{width: calc(100% + 22px);}
.compositions-wrap .compositions-items .compositions-item.three .image-item, .compositions-wrap .compositions-items .compositions-item.three .image-item img{ width: calc(100% + 22px);}
.compositions-wrap .compositions-items .compositions-item img{width: auto; border-radius: 10px;}
.compositions-wrap .titleright-content{padding: 38px 0 0 0;}
/*compositions section css end here*/

/*Classical singing section css start here*/
.classical-wrap{width: 100%; position: relative; padding: 215px 0 130px 0; background: url(../assets/images/portfolio/wwt-images/bg-logo-lg.png) no-repeat; background-size: contain; background-position: center; }
.classical-wrap .classical-caption{width: 100%; position: relative;}
.classical-wrap .classical-items{justify-content: flex-start; width: 100%; gap: 44px; margin: 0 0 99px 0;}
.classical-wrap .classical-items .classical-item{width: calc(50% - 22px); display: inline-flex; position: relative;}
.classical-wrap .classical-items .classical-item img{width: 100%; border-radius: 10px;}
/*Classical singing section css end here*/

/* Vocal lessons section css start here*/
.v-lessons-wrap{width: 100%; position: relative; padding: 0 0 23px 0;}
.v-lessons-wrap .v-lessons-caption{width: 100%; position: relative;}
.v-lessons-wrap .v-lessons-items{ justify-content: flex-start; width: 100%; gap: 93px; margin: -13px 0 71px 0;}
.v-lessons-wrap .v-lessons-items .v-lessons-item{width: calc(50% - 46.5px); display: inline-flex; position: relative;}
.v-lessons-wrap .v-lessons-items .v-lessons-item.right{justify-content: flex-end;}
/* Vocal lessons section css end here*/

/*Representation section css start here*/
.representation-wrap{width: 100%; position: relative; padding: 178px 0 0 0; background: url(../assets/images/portfolio/wwt-images/representation-bg.png) no-repeat; background-size: cover; background-position: center; }
.representation-wrap .representation-caption{width: 100%; position: relative;}
.representation-wrap .titleright-content{padding: 73px 0 97px 0;}
.representation-wrap .titleright-content .ctm-heading-text{margin: 0;}
.representation-wrap .representation-items{width: 100%; gap: 53px; margin:0; margin-top: 12px;}
.representation-wrap .representation-items .representation-item.tab-item{width: 70%; display: inline-flex;}
.representation-wrap .representation-items .representation-item.mobile-item{width: 30%; display: inline-flex; justify-content: flex-end; margin-top:-268px;}
/*Representation section css end here*/

/*thanks for watching section css start here*/
.watching-wrap { width: 100%; position: relative; padding: 137px 0 110px 0; }
.watching-wrap .watching-caption { width: 100%; position: relative; background: url(../assets/images/portfolio/wwt-images/logo-bg-watching.png) no-repeat; background-size: contain; background-position: center; min-height: 224px; }
.watching-wrap .watching-caption img{width: 100%; max-width: 459px; margin: 0 auto;}
/*thanks for watchingff section css end here*/


/*Responsive css start here*/
@media only screen and (max-width: 1199px) {
  .ctm-container{ max-width: 972px;}  
  .innovation-wrap{padding: 120px 0 80px 0;}
  .monogram-wrap .lc-logo{margin: 0 0 40px 0;}
  .monogram-wrap{padding: 0;}
  .accent-wrap{padding: 80px 0 60px 0;}
  .compositions-wrap{padding: 20px 0 40px 0;}
  .classical-wrap{padding: 140px 0 100px 0; background-size: 90%;}
  .classical-wrap .classical-items{margin: 0 0 59px 0;}
  .representation-wrap{padding: 80px 0 0 0;}
  .watching-wrap{padding: 60px 0 60px 0;}
  .accent-wrap .accent-content-wrap .accent-content-inner img{max-width:410px;}
  .v-lessons-wrap .v-lessons-items{ max-width: 768px; margin-left:auto; margin-right:auto; }
  .watching-wrap .watching-caption{min-height:140px;}
  .classical-wrap .classical-items{ max-width: 768px; margin-left:auto; margin-right:auto; }
}

@media only screen and (max-width: 1100px) {
  .ctm-container{ max-width: 92%;}
  .innovation-wrap{padding: 90px 0 190px 0;}
  .innovation-caption{flex-wrap:wrap;}
  .innovation-wrap .left-invt-caption, .innovation-wrap .right-invt-caption{width: 100%;}
  .innovation-wrap .right-invt-caption{padding-left: 50px;}
  .innovation-wrap .left-invt-caption .ctm-heading-text{padding-bottom: 48px;}
  .d-md-none{display: none !important; }
  .d-md-block{display: block !important;}
  .innovation-wrap .left-invt-caption .over-image{width: 100%; max-width:532px; margin-left: 50px;}
  .innovation-wrap .left-invt-caption .image-title{margin: 0 0 48px 50px;}
  .innovation-wrap .right-invt-caption .over-image{width: 100%; right: 0; margin: 48px 0 0 0; max-width: 538px;}
  .innovation-wrap .right-invt-caption .mid-image{max-width: 538px; padding-left: 0;}
  .monogram-wrap{padding: 0 0 131px 0;}
  .monogram-wrap .lc-logo{margin: 0 0 131px 0;}
  .accent-wrap{padding: 66px 0 42px 0;}
  .accent-wrap .accent-caption .ctm-heading-text{margin: 0 0 65px 0;}
  .accent-wrap .accent-content-wrap{gap: 0; flex-wrap: wrap; padding: 0 0 0 50px;}
  .accent-wrap .accent-content-wrap .accent-content-inner{width: 100%;}
  .accent-wrap .accent-content-wrap .accent-content-inner .title-caption{max-width:465px;}
  .accent-wrap .accent-content-wrap .accent-content-inner img{max-width:469px;}
  .accent-wrap .accent-content-wrap .accent-content-inner .text-img-item:last-child{margin: 0 0 45px 0;}
  .accent-wrap .accent-content-wrap .right-caption .text-img-item{min-height: auto;}
  .accent-wrap .accent-content-wrap .right-caption .text-img-item:last-child{margin: 0;}
  .compositions-wrap{padding: 133px 0 30px 0;}
  .compositions-wrap .titleright-content{padding: 44px 0 0 0;}
  .compositions-wrap .titleright-content .ctm-heading-text{margin: 0 auto;}
  .compositions-wrap .compositions-items .compositions-item.three{margin-left: 10%;}
  .classical-wrap{padding: 139px 0 32px 0; /* background-position: top 31px center; */ background-size: contain;}
  .classical-wrap .classical-items{gap: 27px; margin-bottom: 37px;}
  .classical-wrap .classical-caption{max-width: 630px; margin: 0 auto;}
  .classical-wrap .classical-items .classical-item{width: calc(50% - 13.5px);}
  .classical-wrap .classical-caption .ctm-heading-text{margin-left: 0; margin-right: auto;}
  .v-lessons-wrap{padding: 85px 0 152px 0;}
  .v-lessons-wrap .v-lessons-items{margin: 0 auto 37px; gap: 43px;}
  .v-lessons-wrap .v-lessons-items .v-lessons-item{width: 100%; max-width:458px; margin: 0 auto;}
  .representation-wrap{padding: 33px 0 0 0; background: inherit;}
  .representation-wrap:after { position: absolute; content: ""; background: url(../assets/images/portfolio/wwt-images/representation-bg.png) no-repeat; background-size: cover; background-position: center; width: 100%; height: calc(100% - 197px); top: 0; left: 0; z-index: -1; }
  .representation-wrap .representation-items{flex-wrap: wrap; gap: 63px; flex-direction: column-reverse; align-items: flex-end; margin: 0;}
  .representation-wrap .titleright-content{padding: 106px 0 0 0;}
  .representation-wrap .representation-items .representation-item.mobile-item{margin-top: -196px; }
  .representation-wrap .representation-items .representation-item.tab-item{width: 100%;}
  .watching-wrap{padding: 86px 0 88px 0;}
}


@media only screen and (max-width: 850px) {
  .ctm-container{ max-width: 88%;}
  .innovation-wrap .left-invt-caption .image-title{margin: 0 0 48px 0;}
  .innovation-wrap .left-invt-caption .over-image{margin-left: 0px;}
  .innovation-wrap .right-invt-caption{padding-left: 0;}
  .accent-wrap .accent-content-wrap{padding: 0;}
  .accent-wrap .accent-content-wrap .accent-content-inner .text-img-item{min-height: auto;}
  .accent-wrap .accent-content-wrap .accent-content-inner img{max-width: 410px;}
  .compositions-wrap .compositions-items .compositions-item.one{margin-top:107px;}
  .compositions-wrap .compositions-items .compositions-item.three{margin-left: 11%;}
  .compositions-wrap .titleright-content .ctm-heading-text{padding: 0 0 0 50px;}
}


@media only screen and (max-width: 767px) {
  .compositions-wrap .compositions-items .compositions-item.one{margin-top: 96px;}
  .compositions-wrap .compositions-items .compositions-item.two .image-item, .compositions-wrap .compositions-items .compositions-item.two .image-item img{width: calc(100% + 12px);}
  .compositions-wrap .compositions-items .compositions-item.one .image-item img{ width: calc(100% + 12px);}
  .compositions-wrap .compositions-items .compositions-item.three .image-item, .compositions-wrap .compositions-items .compositions-item.three .image-item img{width: calc(100% + 12px);}
  .compositions-wrap .compositions-items .compositions-item.two{right: 12px;}
  .compositions-wrap .compositions-items .compositions-item.three { margin-left: 58px; margin-top: -25px; }
  .representation-wrap:after{height:calc(100% - 80px);}
}


@media only screen and (max-width: 600px) {
  .compositions-wrap .compositions-items .compositions-item.one{margin-top: 72px;}
  .representation-wrap .titleright-content{max-width: 290px;}
  .compositions-wrap .compositions-items .compositions-item.three { margin-left: 48px;}
  .representation-wrap:after{height:calc(100% - 57px);}

}


@media only screen and (max-width: 479px) {
  .innovation-wrap .right-invt-caption .mid-image img{max-width:200px;}
  .ctm-container{ max-width: 88%;}
  .innovation-wrap{padding: 60px 0 117px 0;}
  .innovation-wrap .left-invt-caption .image-title .detail-info{margin: 20px 0 0 0;}
  .innovation-wrap .left-invt-caption .image-title{margin: 0 0 35px 0;}
  .innovation-wrap .left-invt-caption .ctm-heading-text{padding-bottom: 35px;}
  .innovation-wrap .left-invt-caption .over-image{margin-left: 0;}
  .innovation-wrap .right-invt-caption{padding-left: 0;}
  .innovation-wrap .right-invt-caption .over-image{margin: 35px 0 0 0;}
  .innovation-wrap .right-invt-caption .mid-image { max-width: 538px; margin-right: auto; margin-top: -50px; }
  .innovation-wrap .right-invt-caption .mid-image img{max-width:177px;}
  .monogram-wrap{padding: 0 0 36px 0;}
  .monogram-wrap .lc-logo{margin: 0 0 118px 0;}
  .accent-wrap{padding: 24px 0 53px 0;}
  .accent-wrap .accent-content-wrap{padding: 0;}
  .accent-wrap .accent-content-wrap .accent-content-inner img{max-width: 94%;}
  .accent-wrap .accent-content-wrap .accent-content-inner .title-caption img { max-width: 160px; max-height: 30px; }
  .accent-wrap .accent-content-wrap .accent-content-inner .text-img-item{min-height:100%;}
  .accent-wrap .accent-content-wrap .accent-content-inner .text-img-item{margin: 0 0 35px 0;}
  .compositions-wrap{padding: 16px 0 0 0;}
  .classical-wrap{padding: 52px 0 0 0; background-image: none;}
  .classical-wrap .classical-items{gap: 16px; margin-bottom: 40px; flex-wrap: wrap;}
  .classical-wrap .classical-items .classical-item{width: 100%;}
  .v-lessons-wrap{padding: 82px 0 49px 0;}
  .v-lessons-wrap .v-lessons-items{gap: 20px; flex-wrap: wrap; margin-bottom: 36px;}
  .representation-wrap{padding: 32px 0 125px 0;}
  .representation-wrap:after{background: url(../assets/images/portfolio/wwt-images/representation-bg-mb.png) no-repeat; height: 100%; background-position: center bottom 35px;}
  .representation-wrap .titleright-content{padding: 0;}
  .representation-wrap .representation-items .representation-item.mobile-item{margin-top: 0; width: 65%;}
  .representation-wrap .representation-items{gap: 20px; align-items: flex-start; margin-top: 25px;}
  .watching-wrap{padding:0 0 55px 0;}
  .watching-wrap .watching-caption { background-size: 151px; min-height: 114px; }
  .compositions-wrap .compositions-items .compositions-item img{border-radius: 4px;}
  .compositions-wrap .compositions-items .compositions-item.one{margin-top: 54px;}
  .compositions-wrap .compositions-items .compositions-item.two .image-item, .compositions-wrap .compositions-items .compositions-item.two .image-item img{width: calc(100% + 12px);}
  .compositions-wrap .compositions-items .compositions-item.one .image-item img{ width: calc(100% + 12px);}
  .compositions-wrap .compositions-items .compositions-item.three .image-item, .compositions-wrap .compositions-items .compositions-item.three .image-item img{width: calc(100% + 12px);}
  .compositions-wrap .compositions-items .compositions-item.two{right: 12px;}
  .compositions-wrap .compositions-items .compositions-item.three { margin-left: 41px; margin-top: -16px; }
  .accent-wrap .accent-content-wrap .accent-content-inner .title-caption img { max-width: 160px; max-height: 30px; }
  .titleright-content .ctm-heading-text{max-width:100%;}
  .representation-wrap .titleright-content{max-width: 100%;}
}


@media only screen and (max-width: 420px) {
  .compositions-wrap .compositions-items .compositions-item.three { margin-left: 40px; margin-top: -16px; }
  .compositions-wrap .compositions-items .compositions-item.one{margin-top: 54px;}
  .web-comonents-wrap .bar-menu-caption-frame-mob {display: block !important;}
  .web-comonents-wrap .bar-menu-caption-frame {display: none !important;}
}

@media only screen and (max-width: 375px) {
  .compositions-wrap .compositions-items .compositions-item.three{margin-left:32px;}
  .compositions-wrap .compositions-items .compositions-item.two .image-item, .compositions-wrap .compositions-items .compositions-item.two .image-item img{width: calc(100% + 8px);}
  .compositions-wrap .compositions-items .compositions-item.one .image-item img{ width: calc(100% + 8px);}
  .compositions-wrap .compositions-items .compositions-item.three .image-item, .compositions-wrap .compositions-items .compositions-item.three .image-item img{width: calc(100% + 8px);}
  .compositions-wrap .compositions-items .compositions-item.two{right: 8px;}
  .compositions-wrap .compositions-items .compositions-item.one{margin-top: 48px;}
}

@media only screen and (max-width: 359px) {
  .compositions-wrap .compositions-items .compositions-item.three{margin-left:29px;}
  .compositions-wrap .compositions-items .compositions-item.one{margin-top: 42px;}
}
/*Responsive css end here*/

/*css end here*/