/*music card css S here*/
@font-face {
    font-family: 'RalewayLight';
    src: url('../fonts/micrositesFonts/RalewayLight.eot');
    src: url('../fonts/micrositesFonts/RalewayLight.eot') format('embedded-opentype'),
         url('../fonts/micrositesFonts/RalewayLight.woff2') format('woff2'),
         url('../fonts/micrositesFonts/RalewayLight.woff') format('woff'),
         url('../fonts/micrositesFonts/RalewayLight.ttf') format('truetype'),
         url('../fonts/micrositesFonts/RalewayLight.svg#RalewayLight') format('svg');
}
@font-face {
    font-family: 'RalewayExtraLight';
    src: url('../fonts/micrositesFonts/microsites/RalewayExtraLight.eot');
    src: url('../fonts/micrositesFonts/RalewayExtraLight.eot') format('embedded-opentype'),
         url('../fonts/micrositesFonts/RalewayExtraLight.woff2') format('woff2'),
         url('../fonts/micrositesFonts/RalewayExtraLight.woff') format('woff'),
         url('../fonts/micrositesFonts/RalewayExtraLight.ttf') format('truetype'),
         url('../fonts/micrositesFonts/RalewayExtraLight.svg#RalewayExtraLight') format('svg');
}

@font-face {
    font-family: 'RalewayRegular';
    src: url('../fonts/micrositesFonts/RalewayRegular.eot');
    src: url('../fonts/micrositesFonts/RalewayRegular.eot') format('embedded-opentype'),
         url('../fonts/micrositesFonts/RalewayRegular.woff2') format('woff2'),
         url('../fonts/micrositesFonts/RalewayRegular.woff') format('woff'),
         url('../fonts/micrositesFonts/RalewayRegular.ttf') format('truetype'),
         url('../fonts/micrositesFonts/RalewayRegular.svg#RalewayRegular') format('svg');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/micrositesFonts/roboto.medium-webfont.eot');
    src: url('../fonts/micrositesFonts/roboto.medium-webfont.eot') format('embedded-opentype'),
         url('../fonts/micrositesFonts/roboto.medium-webfont.woff2') format('woff2'),
         url('../fonts/micrositesFonts/roboto.medium-webfont.woff') format('woff'),
         url('../fonts/micrositesFonts/roboto.medium-webfont.ttf') format('truetype'),
         url('../fonts/micrositesFonts/roboto.medium-webfont.svg#roboto.medium-webfont') format('svg');
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSansSemibold.eot');
    src: url('../fonts/OpenSansSemibold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansSemibold.woff2') format('woff2'),
         url('../fonts/OpenSansSemibold.woff') format('woff'),
         url('../fonts/OpenSansSemibold.ttf') format('truetype'),
         url('../fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
}
.imgBlk{width: 100%; display:block;}

.firstColumCard{
  position: relative;
  background: #18010b url(../images/musicCard/gift-BG.jpg) no-repeat;
  background-position: center;
  overflow: hidden;
  height: 700px;
  margin-top: 0; background-size:cover;
}
a:hover{color: inherit;}
.contCenter{ text-align: center;font-family: 'RalewayLight'; padding-top: 1%; margin: 0 auto; /*position: relative; z-index: 1; */ color:#e5e5e5}
.cardBoxFirst{padding-top: 10px; position:relative; }
.cardBoxFirstLi{width: 196px; display: inline-block; position: relative;float:left;}
.cardBoxFirstLi.swiper-slide{
   margin:0 0 0 0;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  -o-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
.swiper-mc-prev, .swiper-mc-next{ margin-top:-23px;}
.carosel_mc{width: 89%;}
.cardBoxFirstLi.swiper-slide-active {

  position: relative;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
      top:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.cardBoxFirstLi.swiper-slide .imgCardF{position: relative;top:74px;}
.cardBoxFirstLi.swiper-slide-active .imgCardF{
  top:0;
left:-30px;
  width: 240px;
      position: relative;
      z-index: 4 !important;
}
.cardBoxFirstLi.swiper-slide .caption{
  display: none;
  -webkit-transition: all 4.3s ease-in-out;
  -moz-transition: all 4.3s ease-in-out;
  -o-transition: all 4.3s ease-in-out;
  -ms-transition: all 4.3s ease-in-out;
  transition: all 4.3s ease-in-out;
}
.cardBoxFirstLi.swiper-slide-active .caption{display: block}
.swiper-mc-prev, .swiper-mc-next {
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 10em;
  background: rgba(0, 0, 0, 0.5) !important;
}
.cardBoxFirst.swiper-container {
    width: auto;
    height: 465px;
}
.contLftMC{
    float: left;
    position: relative;
    top: 24px;
    left: 4%;
  }
.contRgtMC{
  float: right;
  position: relative;
  top: 52px;
  right: 10%;
}
.swiper-mc-next {
  left: inherit;
    right: 0;
}
.swiper-mc-next .icon-ContLeft{
    font-size: 18px;
    position: relative;
    top: 3px;
    right: -2px;
  }
.swiper-mc-prev .icon-ContRight{
    font-size: 18px;
    position: relative;
    top: 3px;
    left: -2px;
  }

.imgCardF{z-index: 1; position: relative;}
.imgCardF img{
  -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.75);
}
.btnStlcard{
  color:#e5e5e5; font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  /*border: 2px solid #e5e5e5;padding: 5px 10px;*/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition:all 0.3s ease;
    border-radius:4px;
    width: 130px;
    height: 36px;
  }
.hoverCardF{
  position: absolute;
  width: 100%;
  height:100%;
  top:0;
  left:0;
  cursor: pointer;
  z-index: 2;
  background: rgba(0,0,0,0.7);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
    border-radius: 10px;
    color:#e5e5e5;
  }
.btnStlcard svg { height: 100%; width: 100%; left:0; position: absolute;}

.btnStlcard .shape {
    stroke-dasharray: 133 32;
    stroke-width: 3px;
    fill: transparent;
    height: 100%;
    width: 100%;
    stroke: #e5e5e5;
    transition: stroke-dashoffset 1s, stroke-dasharray 1s;
    border-radius: 10px;
    z-index: 1;
}
.btnStlcard .text {
  color: #fff;
  position: relative;
  top:6px;width: 100%;display: block;
}
.hoverCardF:hover .shape {
transition: stroke-width 2s, stroke-dashoffset 0.5, stroke-dasharray 0.5s 0.5s;
  stroke-width: 3px;
  stroke-dashoffset: 0;
  stroke-dasharray:  133 0;
}


.caption{ padding: 8px 0; width: 240px; position: relative; left:-30px;}
.caption a{text-transform: uppercase; font-weight: normal;font-family: 'RobotoMedium';}
.caption a, .caption span{color:#ffffff; font-size: 20px; display: block;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.caption span{color:#dadada; font-size: 11px; display: block; padding: 5px 0 0 0;font-weight: normal; font-family: arial;}
.elementsCard .cofeeCup,
.elementsCard .plant,
.elementsCard .laptop{position: absolute;}
.elementsCard .cofeeCup .imgBlk,
.elementsCard .plant .imgBlk,
.elementsCard .laptop .imgBlk{width: auto;max-width: auto;}

.elementsCard .cofeeCup{
   width: 200px;
    right: 13%;
    bottom: -25%;
}
.elementsCard .plant{
  top:0;
   width: 150px;
    left: 10%;
  }
.elementsCard .laptop{right: 0;top: 0;}

#musicCardCarousel {height: 100%;}
#musicCardCarousel .carouselMC{height: 680px;}


#musicCardCarousel{  transition: all 0.5s ease;}
#musicCardCarousel .item{float:left; width: 100%; }
#musicCardCarousel .imgBlk{width: auto; max-width: 100%; margin: 0 auto;}

.carousel-linked-nav li{float: left; margin-right: 10px;}
.carousel-linked-nav li a{background: #4e5464; border-radius:10em; width: 30px; height: 30px; line-height: 30px; text-align: center; color:#ffffff}
.carousel-linked-nav li.active a{background: #2299D2;transition:0.4s all ease-in-out;}
.titleCarOne{ font-size: 32px; padding-top: 7px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.titleCarTwo{font-size: 84px; line-height: 84px;padding-bottom: 5px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.titleSm{font-size: 18px; padding: 3px 0 23px; color:#ffe693;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.titleSmInf{font-size: 19px; padding-bottom: 20px; color:#B1B1B1;}
.infoCars{font-size: 19px; text-transform: uppercase;font-family: 'RalewayRegular'; padding-top: 19px; display: inline-block; color:#B1B1B1;}
.contentCarouselCenter{text-align: center; padding: 0}
.cardShaktiBann {padding: 30px 0 0 0}
.cardShaktiBann a{display: block}
.cardShaktiBann .imgBlk{max-width: 100%;}
.cardSecondColumn{padding: 30px 0;}
.cardProdctCont{padding: 0;}
.cardProdct{position: relative;transition:0.4s all ease-in-out;margin: 2px;}
.cardProdct .cardProdctHover{display:none; position: absolute; top:0; left: 0; width: 100%;  height: 100%; text-align: center;}
  .cardProdCnt{
	position: relative;
	top: 45%;
	transform: translateY(-45%);
  color:rgba(255, 255, 255, 0.8);
  font-size: 16px;transition:1.4s all ease-in-out;
  }
.fntFamNm{font-family: arial;}
.txtCrdProHvr{display: block; padding-top: 5px;}
.grayBoxContainer{background: #e9e9e9;}
.whiteBoxContainer{background: #ffffff;}
.sepDotCar{display: inline-block;font-weight: normal;padding: 0 2px;height: 3px; width: 3px;border-radius:10em; background: #B1B1B1; position: relative; top:-3px;}
.cardListingBlock{color:rgba(78,74,100,0.8); padding: 30px 20px 30px 0;font-family: 'RalewayRegular';}
.crdLstTit{font-size: 40px;}
.vwSngList{float: right; font-size: 20px; position: relative; top:13px; color:#02afb4;}
.vwSngList:hover{text-decoration: underline;color:#02afb4;}
.crdLstbasInf{font-size: 20px; padding-top: 10px;}
.cardProdctListImg .imgBlk{max-width: 100%; display:block;}
.cardListContainer{padding-top: 40px;}
.cardListContainer .infoHd{padding: 30px 0; position: relative;}
.cardListContainer .txtInfoHd{border-right: 1px solid #CECDC7;padding-left: 0;}
.cardListContainer .txtInfoHd p{font-size: 19px; text-transform: uppercase;color:rgba(78,74,100,0.9);}
.cardListContainer .txtInfoHd span{font-size: 12px;text-transform: uppercase;}
.cardListContainer .prcInfoHd{font-size: 23px; }
.cardListContainer .priceTxt{position: relative; top:6px;color:rgba(78,74,100,0.9); padding-left: 5px}
.cardListContainer .priceTxt .webRupee{
    font-size: 23px;
    font-weight: 100;
    left: 6px;
    top: 3px;
    color:rgba(78,74,100,0.8);
  }
.cardListContainer .priceTxt.priceTxtold{
    position: relative;
    width: auto;
    padding: 0 4px;
    display: inline-block;
    text-align: center;
    top:9px;
}
.cardListContainer .priceTxt.priceTxtold .webRupee{
    font-size: 23px;
    font-weight: 100;
    left: 6px;
    top: 0;
    color:rgba(78,74,100,0.8);
  }
.cardListContainer .priceTxt.priceTxtold .strike{

    height: 2px;
    width: 100%;
    display: inline-block;
    background: #ca3131;
    position: absolute;
    left: 0;
    top: 16px;
}
.cardListContainer .ordrNwBox { text-align:center; }
.cardListContainer .ordrSeprator{border-left: 1px solid #CECDC7;border-right: 1px solid #CECDC7;}
.cardListContainer .ordrCompBtn{text-align: center; border: 1px solid rgba(78,74,100,0.9); display: inline-block; float: none; padding: 8px 35px 5px; width:auto; border-radius: 4px;font-size:15px;}
.cardListContainer .ordrCompBtn a{color: #fff; display: block;cursor: pointer;}
.cardListContainer .ordrCompBtn{background-color:#10bbc1;border-color:#10bbc1;border:1px
solid #10bbc1;color:#FFF;cursor: pointer;}


.cardListContainer .ordrCompLogo{text-align: center; border-right: 1px solid #CECDC7; min-height:50px;  display: inline-block; float: none; padding: 0 24px; width:32%; }
.cardListContainer .ordrCompLogo:last-child { border-right:0px solid #CECDC7;}

.cardListContainer .ordrNowTit{font-size: 17px; padding-bottom: 5px;}
.cardListContainer .ordrNwBox{padding: 20px 0;border-top: 1px solid #CECDC7;border-bottom: 1px solid #CECDC7;}
.cardListContainer .logo1,.cardListContainer .logo2,.cardListContainer .logo3{max-width: 100%;}
.cardListContainer .logo1, .cardListContainer .logo3{position: relative; top:6px;}
.cardListContainer .logo2{position: relative; top:2px;}
.faqMsBlock {
    color: rgba(78,74,100,0.8);
    padding: 40px 20px 10px 0;
    font-family: 'RalewayRegular';
}
.faqMsTit {
    font-size: 40px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.contMSFaq{padding: 0 0 30px 0;}
.faqMSQst, .ansMsAlph{
font-size: 20px;
font-weight: 700;
}
.faqMSAns {
    font-size: 20px;
    padding-top: 8px;
}
@media screen and (min-width: 1022px) and (max-width: 1199px) {
  .cardBoxFirstLi{width: 148px;}
  .elementsCard .cofeeCup{width: 120px;}
  .elementsCard .laptop {right: -170px;}
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
  .cardBoxFirstLi{width: 168px;}
  .elementsCard .cofeeCup{width: 120px;}
  .elementsCard .laptop {right: -170px;}
  .firstColumCard{height: 690px;}
  .cardBoxFirstLi.swiper-slide{margin-top: 114px;}
  .cardBoxFirstLi.swiper-slide-active{top:-111px;}
}
@media screen and (min-width: 1280px) and (max-width: 1360px) {
  .cardBoxFirstLi{width: 178px;}
  .elementsCard .cofeeCup{width: 120px;}
  .elementsCard .laptop {right: -170px;}
}

@media screen and (min-width: 1361px) and (max-width: 1679px) {
  .cardBoxFirstLi{width: 178px;}
  .elementsCard .cofeeCup{width: 120px;}
  .elementsCard .laptop {right: -170px;}
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(65,70,83,0.8);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.buyMusicBtn { border: 1px solid #9d9ca1; border-radius: 3px; color: #000; font-size:15px; line-height:196%; width:100%; margin:6px 0 0; }
.buyMusicBtn:hover { border-color:#02afb4; color:#02afb4; }
/*music card css E here*/
/*classical app css S here*/

@font-face {
    font-family: 'MerriweatherRegular';
    src: url('../fonts/MerriweatherRegular.eot');
    src: url('../fonts/MerriweatherRegular.eot') format('embedded-opentype'),
         url('../fonts/MerriweatherRegular.woff2') format('woff2'),
         url('../fonts/MerriweatherRegular.woff') format('woff'),
         url('../fonts/MerriweatherRegular.ttf') format('truetype'),
         url('../fonts/MerriweatherRegular.svg#MerriweatherRegular') format('svg');
}
@font-face {
    font-family: 'MerriweatherLight';
    src: url('../fonts/MerriweatherLight.eot');
    src: url('../fonts/MerriweatherLight.eot') format('embedded-opentype'),
         url('../fonts/MerriweatherLight.woff2') format('woff2'),
         url('../fonts/MerriweatherLight.woff') format('woff'),
         url('../fonts/MerriweatherLight.ttf') format('truetype'),
         url('../fonts/MerriweatherLight.svg#MerriweatherLight') format('svg');
}
@font-face {
    font-family: 'MerriweatherLightItalic';
    src: url('../fonts/MerriweatherLightItalic.eot');
    src: url('../fonts/MerriweatherLightItalic.eot') format('embedded-opentype'),
         url('../fonts/MerriweatherLightItalic.woff2') format('woff2'),
         url('../fonts/MerriweatherLightItalic.woff') format('woff'),
         url('../fonts/MerriweatherLightItalic.ttf') format('truetype'),
         url('../fonts/MerriweatherLightItalic.svg#MerriweatherLightItalic') format('svg');
}
@font-face {
    font-family: 'MerriweatherBoldItalic';
    src: url('../fonts/MerriweatherBoldItalic.eot');
    src: url('../fonts/MerriweatherBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/MerriweatherBoldItalic.woff2') format('woff2'),
         url('../fonts/MerriweatherBoldItalic.woff') format('woff'),
         url('../fonts/MerriweatherBoldItalic.ttf') format('truetype'),
         url('../fonts/MerriweatherBoldItalic.svg#MerriweatherBoldItalic') format('svg');
}

@font-face {
    font-family: 'MerriweatherBold';
    src: url('../fonts/MerriweatherBold.eot');
    src: url('../fonts/MerriweatherBold.eot') format('embedded-opentype'),
         url('../fonts/MerriweatherBold.woff2') format('woff2'),
         url('../fonts/MerriweatherBold.woff') format('woff'),
         url('../fonts/MerriweatherBold.ttf') format('truetype'),
         url('../fonts/MerriweatherBold.svg#MerriweatherBold') format('svg');
}

.classicalAppNPoup, .shaktiAppNPoup  {max-width: 1000px;margin: 5% auto;overflow: hidden;}
.classicalAppNPoup .modal-header {padding-bottom: 30px;border: 0;border-radius: 10px 10px 0 0;  background: url("../images/classicalApp/classic-wood-bg.jpg") 0% 0% repeat-y scroll;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
}
.classicalAppNPoup .close {
    float: right;
    font-size: 34px;
    font-weight: 700;
    line-height: 18px;
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    filter: inherit;
    opacity: 1;
}
.classicalAppNPoup .modal-body{background: #180d0a;padding: 0;border-radius: 0 0 10px 10px;padding-bottom: 30px;  background: url("../images/classicalApp/classic-wood-bg.jpg") 0% 0% repeat-y scroll;}
.classicalAppNPage .bcg {
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
  overflow: hidden;
}

.classicalAppNPage * {transition: all 0.5s ease;}
.classicalAppNPage .imgBlk{max-width: 100%;width: auto;}
.classicalAppNPage .hsClasicContainer {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.classicalAppNPage .hsClasicContent {
margin: 0 auto;
display: table-cell;
vertical-align: middle;
color: #ebebeb;
padding: 0;
}
.classicalAppNPage .contVertAlign {
position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.classicalAppNPage{background:url('../images/classicalApp/classic-bg.jpg') repeat top left;font-family: 'MerriweatherLight';}
.classicalAppNPage .slideOneClassical {background-image:url('../images/classicalApp/classic-firstBanner.jpg'); min-height: 750px; position: relative;}
.classicalAppNPage .slideOneClassical .bottomClsscalTxt{position: absolute; bottom: 0;text-align: center;left: 0;
padding-bottom: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.classicalAppNPage .slideOneClassical .exterClassLink{padding: 3% 0 1%; display: block; text-align: left;}
.classicalAppNPage .slideOneClassical .exterClassLink *{display: inline-block; padding: 0 1px; color:#fef5e9; font-size:16px; }
.classicalAppNPage .slideOneClassical .exterClassLink a{ color:#fef5e9; cursor: pointer;text-shadow: 1px 1px 2px #000000; font-size: 16px;}
.classicalAppNPage .slideOneClassical .appFirstInfo{text-align: left; color:#fef5e9; font-size:18px;padding: 5px 0 30px;text-shadow: 1px 1px #000000;margin-top: 5%;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt{margin-top:17%; color: #fef5e9; text-align: left;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt .infoCls{font-size:27px; font-family: inherit;text-shadow: 1px 1px 3px #000000;font-family: 'MerriweatherRegular';}
.classicalAppNPage .slideOneClassical .lftClsFstCnt .specialClsTx{font-size:30px;margin-top: 5px; font-family: inherit;text-shadow: 1px 1px #000000;}
.classicalAppNPage .slideOneClassical .appStoreLink{text-align: left;    margin-top: 3%;}

.classicalAppNPage .slideTwoClassical {text-align: left; position: relative;}
.classicalAppNPage .slideTwoClassical .hsClasicContainer{overflow: initial;}
.classicalAppNPage .slideTwoClassical .container{padding: 5% 0; }
.classicalAppNPage .slideTwoClassical .titleClassDesc{color:#412d22; font-size: 20px;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideTwoClassical .titleClassApp{color:#148c9a; font-size: 30px;margin: 1.5% 0 2%;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideTwoClassical .logoClass{position: relative;top:48px;}
.classicalAppNPage .slideTwoClassical .imgBlk {margin: 0 auto;}


.classicalAppNPage .slideThreeClassical {background-image:url('../images/classicalApp/classic-wood-bgTabla.jpg'); position: relative;color: #ebebeb;}
.classicalAppNPage .slideThreeClassical.bcg {background-position: center top;}
.classicalAppNPage .slideThreeClassical .container{min-height: 800px;}
.classicalAppNPage .slideThreeClassical .gradBlckGrnd{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c582a+0,43161a+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c582a+0,43161a+100 */
  background: rgba(140,88,42,0.65); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(140,88,42,0.85) -100%, rgba(67,22,26,0.85) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(140,88,42,0.85) -100%,rgba(67,22,26,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(140,88,42,0.85) -100%,rgba(67,22,26,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c582a', endColorstr='#43161a',GradientType=0 ); /* IE6-9 */
  height: 100%;
  width: 100%;
   position: absolute;
   z-index: 1;
   opacity: 0.8;
}
.classicalAppNPage .slideThreeClassical .classHandTabla{position: absolute;top:0;z-index: 0;}
.classicalAppNPage .slideThreeClassical .contentClass{z-index: 3;position: relative;}
.classicalAppNPage .slideThreeClassical .titleClassApp{padding-top: 6%; text-align: center;font-size: 40px;text-shadow: 1px 1px #000000;}
.classicalAppNPage .slideThreeClassical .titleSubClassApp{padding-top: 2%; text-align: center;font-size: 23px;text-shadow: 1px 1px #000000;}
.classicalAppNPage .slideThreeClassical .contVertAlign{text-align: center;font-family:"SourceSansProlight";}
.classicalAppNPage .slideThreeClassical .contVertAlign h4{font-size: 60px;text-shadow: 1px 1px #000000;}
.classicalAppNPage .slideThreeClassical .contVertAlign span{font-size: 25px;display: block; margin-top: 5px;text-shadow: 1px 1px #000000;}

.classicalAppNPage .slideFourClassical .leftClasCol{padding: 0; position: relative;z-index: 1;}
.classicalAppNPage .slideFourClassical .rightClasCol{padding: 0; position: relative;z-index: 1;}
.classicalAppNPage .slideFourClassical .leftClasCol .imgBlk{width: 100%;}
.classicalAppNPage .slideFourClassical .rightClasCol .imgBlk{width: 100%;}
.classicalAppNPage .slideFourClassical .brdrClasCont{
    border: 5px solid #ffffff;
    position: absolute;
    right: 10%;
    left: 10%;
    height: 80%;
  }
.classicalAppNPage .slideFourClassical .textBrdrClasCont{color: #ffffff; text-align: center; width: 100%;}
.classicalAppNPage .slideFourClassical .textBrdrClasCont h4{font-size: 60px;font-family:"SourceSansProRegular";text-shadow: 1px 1px #000000;}
.classicalAppNPage .slideFourClassical .textBrdrClasCont p{font-size: 25px; margin-top: 5px;font-family:"SourceSansProlight";text-shadow: 1px 1px #000000;}

.classicalAppNPage .slideFiveClassical .contentClass{padding: 10% 0; text-align: center; color: #412d22;font-family: 'MerriweatherLightItalic';}
.classicalAppNPage .slideFiveClassical .titInfoSmCls{ font-size: 17px; line-height: 35px;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideFiveClassical .titInfoBgCls{font-size: 26px;margin-top: 30px;text-shadow: 1px 1px #ffffff; color:#321e03;}
.classicalAppNPage .slideFiveClassical .contentClassBlk{padding-top: 7%;}
.classicalAppNPage .slideFiveClassical .contentClassBlk h4{font-family: 'MerriweatherRegular';font-size: 23px;margin-top: 10px;text-shadow: 1px 1px #ffffff;}
.classicalAppNPage .slideFiveClassical .filmSlid4,
.classicalAppNPage .slideFiveClassical .editorSlid4{position: relative; top:-200px;}
.classicalAppNPage .slideFiveClassical .editorSlid4{top:-189px;}
.classicalAppNPage .slideFiveClassical .classSlid4,
.classicalAppNPage .slideFiveClassical .speciaSlid4{position: relative; top:30px;left:-20px}
.classicalAppNPage .slideFiveClassical .speciaSlid4{left:inherit; right:-20px; top:10px;}

.classicalAppNPage .pinkishText{color:#90204c;}
.classicalAppNPage .greenishText{color:#3b8182;}
.classicalAppNPage .orangishText{color:#905720;}
.classicalAppNPage .purplishText{color:#622090;}
.classicalAppNPage .slideFiveClassical .contentClassBlk p{font-size: 15px;margin-top: 5px;text-shadow: 1px 1px #ffffff}

.classicalAppNPage .slideSixClassical {background-image:url('../images/classicalApp/classic-mobileBg1.jpg'); min-height: 806px; position: relative;width: 100%; background-size: cover;background-attachment: fixed;}
.classicalAppNPage .slideSixClassical .contVertAlign{ width: 100%; padding:0;}
.classicalAppNPage .slideSixClassical .contentClassBlk{
  width:70%;
  padding: 4% 0;
  float: right;
  font-family:"SourceSansProlight";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+20,000000+50,000000+100&0+0,0.8+15,1+19,1+81,0.8+100,0+100,0.8+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 15%, rgba(0,0,0,1) 19%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 81%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 15%,rgba(0,0,0,0.7) 19%,rgba(0,0,0,0.7) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 81%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 15%,rgba(0,0,0,0.7) 19%,rgba(0,0,0,0.7) 20%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 81%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */

}
.classicalAppNPage .slideSixClassical .titleFeat{
    width: 70%;
    text-align: center;
    position: absolute;
    top: -49%;
    right: 0;
    color: #f7efe3;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
  }

.classicalAppNPage .slideSixClassical .contentClassBlk .col{text-align: center; color:#f3eade; }

.classicalAppNPage .slideSixClassical .rdoIcon i,
.classicalAppNPage .slideSixClassical .plyIcon i,
.classicalAppNPage .slideSixClassical .offIcon i{background:url('../images/classicalApp/classical_NwSprite.png') scroll no-repeat;display: block; width: 50px; height: 50px; text-align: center; margin: 0 auto 10px;}
.classicalAppNPage .slideSixClassical .plyIcon i{background-position: -67px 0;}
.classicalAppNPage .slideSixClassical .offIcon i{background-position: -135px 0;}
.classicalAppNPage .slideSixClassical .contentClassBlk h4{font-family: 'SourceSansProRegular';font-size: 23px;margin-top: 10px;text-shadow: 1px 1px #000000;}
.classicalAppNPage .slideFiveClassical .contentClassBlk .classSlid4  h4{margin: 20px 0 18px;}
.classicalAppNPage .slideFiveClassical .contentClassBlk .editorSlid4 h4{margin-top: 10px;}
.classicalAppNPage .slideSixClassical .contentClassBlk p{font-size: 16px;margin-top: 15px;text-shadow: 1px 1px #000000;}

.classicalAppNPage .slideSevenlassical {padding: 3% 0;}
.classicalAppNPage .slideSevenlassical .contSevenSlide{padding-top: 1%; border-top: 3px solid #e7c17f;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .bigTitleTop{ text-align: center;font-size: 20px; color:#533632; padding:2% 0;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .bigTitleBottom{font-family: 'OpenSansRegular'; text-align: center;font-size: 23px; color:#533632; padding:2% 0;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .bigTitleBottomChoose{font-family: 'OpenSansRegular'; text-align: center;font-size: 13px; color:#533632; padding:2% 0;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .slide5ClassCont{
margin: 2% 0;
background: rgba(168,60,47,0.7);
padding: 1% 0;
}
.classicalAppNPage .slideSevenlassical .titleClassApp{
font-size: 30px;
font-family: 'MerriweatherRegular';
color: #434343;
text-align: left;
line-height: 30px;
padding: 10px 0;
font-weight: bold;
}
.classicalAppNPage .slideSevenlassical .titleClassDesc{
font-size: 22px;
font-family: 'MerriweatherLightItalic';
color: #533632;
margin-top: 4%;
width: auto;
text-align: center;
line-height: 30px;
}
.classicalAppNPage .slideSevenlassical .slide5ClassCont strong{font-weight: bold;font-size: 25px; display: block; margin-bottom: 12px;}
.classicalAppNPage .slideSevenlassical .androidCont,
.classicalAppNPage .slideSevenlassical .iosCont{width:87%; margin: 0 auto; text-align: left; }
.classicalAppNPage .slideSevenlassical .androidCont .lstDetls li,
.classicalAppNPage .slideSevenlassical .iosCont .lstDetls li{
border-top: 1px solid #f1c882;
padding: 10px 0;
color: #533632;
font-size: 20px;
font-weight: 100;
}
.classicalAppNPage .slideSevenlassical .contentClassBlk{ text-align: center;}
.classicalAppNPage .slideSevenlassical .contentClassBlk p{ text-align: center; padding-bottom: 10px; color:#533632; font-size: 20px;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .contentClassBlk h4{ text-transform: uppercase;padding: 2% 0; font-size: 28px; color:#434343;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .androidCont .lstDetls li .col-md-4,
.classicalAppNPage .slideSevenlassical .iosCont .lstDetls li .col-md-4,
.classicalAppNPage .slideSevenlassical .androidCont .lstDetls li .col-sm-4,
.classicalAppNPage .slideSevenlassical .iosCont .lstDetls li .col-sm-4{padding: 0 5px;}
.classicalAppNPage .slideSevenlassical .androidCont .smlFnt,
.classicalAppNPage .slideSevenlassical .iosCont .smlFnt{font-size:10px;display: block;font-style: normal; color:rgba(239, 235, 200, 0.5);}
.classicalAppNPage .slideSevenlassical .androidCont .strike,
.classicalAppNPage .slideSevenlassical .iosCont .strike{
    height: 2px;
    width: 100%;
    display: inline-block;
    background: #000000;
    position: absolute;
    left: 0;
    top: 20px;
}
.classicalAppNPage .slideSevenlassical .androidCont .contNmb, .iosCont .contNmb {
  position: relative;
  font-size: 30px;
  width: auto;
  padding: 0 4px;
  display: inline-block;
  text-align: center;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebRupeeIco,
.classicalAppNPage .slideSevenlassical .iosCont .WebRupeeIco,
.classicalAppNPage .slideSevenlassical .androidCont .WebDollar,
.classicalAppNPage .slideSevenlassical .iosCont .WebDollar,
.classicalAppNPage .slideSevenlassical .androidCont .WebPound,
.classicalAppNPage .slideSevenlassical .iosCont .WebPound,
.classicalAppNPage .slideSevenlassical .androidCont .WebHKDollar,
.classicalAppNPage .slideSevenlassical .iosCont .WebHKDollar,
.classicalAppNPage .slideSevenlassical .androidCont .WebUKPound,
.classicalAppNPage .slideSevenlassical .iosCont .WebUKPound,
.classicalAppNPage .slideSevenlassical .androidCont .WebSGDollar,
.classicalAppNPage .slideSevenlassical .iosCont .WebSGDollar{
  font-style: 100;
  font-size: 19px;
  position: relative;
  top: 0;
  font-style: normal;
  background:url('../images/classicalApp/appIcons_sprite.png') 0 0 scroll no-repeat;
  display: inline-block; width: 13px; height: 22px;
  margin-right: 5px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebRupeeIco,
.classicalAppNPage .slideSevenlassical .iosCont .WebRupeeIco{
  top: 3px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebRupeeIco,
.classicalAppNPage .slideSevenlassical .iosCont .WebRupeeIco{
background-position: -99px -16px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebDollar,
.classicalAppNPage .slideSevenlassical .iosCont .WebDollar{
background-position: -165px -16px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebPound,
.classicalAppNPage .slideSevenlassical .iosCont .WebPound{
background-position: -144px -16px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebHKDollar,
.classicalAppNPage .slideSevenlassical .iosCont .WebHKDollar{
background-position: -189px -16px;
width: 39px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebUKPound,
.classicalAppNPage .slideSevenlassical .iosCont .WebUKPound{
background-position: -118px -16px;
}
.classicalAppNPage .slideSevenlassical .androidCont .WebSGDollar,
.classicalAppNPage .slideSevenlassical .iosCont .WebSGDollar{
background-position: -238px -16px;
width: 39px;
}
.classicalAppNPage .slideSevenlassical .androidCont .algnBtml,
.classicalAppNPage .slideSevenlassical .iosCont .algnBtml{margin-top: 13px;}
.classicalAppNPage .slideSevenlassical .androidCont .txtAlgn,
.classicalAppNPage .slideSevenlassical .iosCont .txtAlgn{margin-top: 6px; display: inline-block;}
.classicalAppNPage .slideSevenlassical .appleIcon{background:url('../images/classicalApp/appIcons_sprite.png') -49px 0 scroll no-repeat;display: inline-block; width: 44px; height: 48px;}
.classicalAppNPage .slideSevenlassical .iOSIcon{background:url('../images/classicalApp/appIcons_sprite.png') 0 0 scroll no-repeat;display: inline-block; width: 44px; height: 48px;}
.classicalAppNPage .slideSevenlassical .appTit{position: relative; top: 0;text-shadow: 1px 1px #ffffff}
.classicalAppNPage .slideSevenlassical .appStoreLink{text-align: center;padding: 20px 0 0;}

.classicalAppNPage .slideSevenlassical p.paymntOpt{
  font-size: 13px; text-align: left;margin-top: 10px; border:1px solid #c7b299; padding-top: 10px;padding-left: 10px;border-radius: 3px;min-height: 55px;
}
.classicalAppNPage .slideSevenlassical .iosCont p.paymntOpt{padding-top: 20px; color:#533632;}
.classicalAppNPage .slideSevenlassical p.paymntOpt em{
  font-size: 12px; font-style: normal; color:#533632;
}
/*Kahaani2 mehraam micro site S*/
.mehramKahani2Micro{
  background-image:url('../images/kahaani2micro/kahani-micro.jpg');
  position: relative;
  color: #ebebeb;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: absolute;
	background-size: cover;
  max-height: 1500px;
  height: 1500px;
  overflow: hidden;
  font-family: "SourceSansProRegular";
}
.mehramKahani2Micro .logoKahani{display:block; text-align: center;margin-top: 30px;}
.mehramKahani2Micro .stepwizard-step p {
    margin-top: 0;
    display: inline-block;
    position: relative;
    top:2px;
    color:#000;
}

.mehramKahani2Micro .stepwizard-row {
    display: table-row;
}

.mehramKahani2Micro .stepwizard {
    display: table;
    width: 75%;
    position: relative;
    margin: 0 auto 50px;
    font-size: 28px;
}


.mehramKahani2Micro .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.mehramKahani2Micro .numcircle{
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 40px;
  display: inline-block;
  border: 2px solid #000;
  color:#000;
  margin: 0 4px;
}
.mehramKahani2Micro .infoTxt{
  color:#000;
  font-size: 16px;
  width: 90%;
  margin: 26px auto 0;
  font-family: "SourceSansProRegular", Arial, sans-serif,serif;
  float: right;
}
.mehramKahani2Micro .sepratorLine{text-align: center;}
.mehramKahani2Micro .infoImgLmtN{
  color:#feface;
  font-size: 24px;
  margin: 0 auto;
  font-family: "SourceSansProRegular", Arial, sans-serif,serif;
  text-align: center;
  padding:20px 0 50px;
}
.mehramKahani2Micro .infoImgLmt{
  color:rgba(0, 0, 0, 0.6);
  font-size: 15px;
  width: 100%;
  display: inline-block;
  margin: 0 auto 20px;
  text-align:center;
  position: relative;
  top:0;
}
.mehramKahani2Micro .logoKah{position: relative; top:30px;}
.mehramKahani2Micro .logoKah img{max-width: 100%; }
.mehramKahani2Micro .prizeForUs{padding-top: 0;color: #000; text-align: center;}
.priceBTit{font-size: 31px; text-transform: uppercase;}
.priceMTit{margin:4px 0;font-size: 50px;font-family: "SourceSansProSemibold", Arial, sans-serif,serif;color:#ffffff; text-transform: uppercase;text-shadow: 2px 1px 4px rgba(150, 150, 150, 1);}
.priceNmTit{font-size: 27px;font-family: "SourceSansProRegular", Arial, sans-serif,serif;font-weight: 600;margin: 0;}


#uploadStatus  .wrapperCir {
	position: relative;
	width: 200px;
	height: 200px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
}

#uploadStatus  .containerCir {
	flex: 1;
	width: 200px;
	height: 200px;
}
.mehramKahani2Micro .fileUpload{margin: 0 auto 30px;text-align:center;}
.mehramKahani2Micro a{cursor: pointer}
.mehramKahani2Micro img{cursor: pointer}
#uploadButton{background: none; border: 0;color:#ffffff;border-radius: 0; text-align: center;font-size: 20px; text-transform: uppercase;}

.mehramKahani2Micro .swfupload{left:0;}
.videoMehraan .videoWrapper {
	position: relative;
	/*padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;*/
	text-align:center;
}
.jFiler-input-dragDrop {
    margin: 0 auto;
    width: 414px;
}
#uploadStatus .modal-content{background: rgba(0, 0, 0, 0.8);border: 0;font-family: "SourceSansProRegular";}
#uploadStatus .modal-header{border-bottom: 1px solid #2f2a2a;}
#uploadStatus .modal-title{text-align: center;color: #fff; font-size: 35px;}
#uploadStatus .modal-dialog{width: 700px;}
#uploadStatus .modal-footer{border-top: 1px solid #2f2a2a; text-align: center; padding: 0 0 20px 0;}

#uploadStatus .shareTit{text-align: center; font-size: 20px; color: #ffffff;border-top: 1px solid #2f2a2a;padding: 10px; text-transform: uppercase;font-weight: 100;font-family: "SourceSansProLight";}
#uploadStatus .shareIcoUplo{text-align: center;padding-top: 20px;}
#uploadStatus .facebookShr,
#uploadStatus .twitterShr,
#uploadStatus .googlPlsShr,
#uploadStatus .emailShr,
#uploadStatus .downPlsShr,
#uploadStatus .abuseIco{display: inline-block;margin: 0 10px;}
#uploadStatus .icon-facebook {
    font-size: 30px;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin: 0 auto;
    color:#fff;
    border-radius: 5px;
    text-align: center;
    background: #243c79;
}
#uploadStatus .icon-social-twitter {
  background: #10BBC1;
  font-size: 30px;
  padding: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  margin: 0 auto;
  color:#fff;
  border-radius: 5px;
  text-align: center;
    }
#uploadStatus .icon-google {
    font-size: 30px;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin: 0 auto;
    color:#fff;
    border-radius: 5px;
    text-align: center;
    background: #cf311f;
}
#uploadStatus .icon-envelope {
    color: orange;
    position: static;
    border-right: 0px solid #D1D1D1;
    font-size: 50px;
    padding: 0px 0px 0px;
    position: relative;
    top:8px;
}

#uploadStatus .icon-downloadicon {
    font-size: 35px;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin: 0 auto;
    color:#fff;
    border-radius: 5px;
    text-align: center;
    background: #7ec03f;
}

#uploadStatus .icon-abuseIco {
    font-size: 40px;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 46px;
    display: inline-block;
    margin: 0 auto;
    color:#fff;
    border-radius: 5px;
    text-align: center;
    background: #ffa700;
}
#uploadStatus .close {
  font-size: 30px;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
    margin-top: 2px;
}


#uploadStatus .load {
    position:relative;
    margin: 0 auto;
    width:100%;
    text-align: center;
    height:300px;
    font-size: 20px;
}

.mehramTitPopup{
  background: #f3f3f3;
  color:#454545;
  text-align: center;
  border-radius: 6px 6px 0 0;
}
.mehramTitPopup .modal-title{font-size: 25px;}
.mehramTitPopup .close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=100);
    opacity: 1;
    background: #4c4d52;
    border-radius: 20px;
    display: block;
    width: 25px;
    height:25px;
    margin-top: 5px;
}
.mehramContPopup{
  padding: 40px;
  text-align: center;
  color:#9e9e9e;
  font-size: 25px;
}
.btnStyleMheram{margin: 30px 0 0;}
.btnStyleMheram .btnMehPopup{
  background: #09bfc2;
  border-radius: 4px;
  width: 190px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  font-size: 18px;
}

/*Kahaani2 mehraam micro site E*/

/* slide 8 - classical */
.classicalAppNPage .slideEightClassical {background-image:url('../images/classicalApp/classic-gift-bg.jpg'); min-height:690px; position: relative;width: 100%; background-size: cover;background-attachment: fixed;}
.classicalAppNPage .slideEightClassical .contVertAlign{ width:55%; padding:0; right:0; }
.classicalAppNPage .slideEightClassical .titleClassApp{padding-top: 6%; text-align: center;font-size:40px;text-shadow: 1px 1px #a4a27b; color:#533632; text-transform:uppercase; letter-spacing: 1px; }
.classicalAppNPage .slideEightClassical .titleSubClassApp{padding-top: 2%; text-align: center;font-size:18px;text-shadow: 1px 1px #a4a27b; color:#533632; line-height:140%; }
.classicalAppNPage .slideEightClassical p  {font-size:130%; padding-top:18px; display:block; color:#434343; text-transform:uppercase; letter-spacing:2px; text-align:center; padding-top:8%; }
.classicalAppNPage .slideEightClassical .classicalGiftSection { padding-top:10px; }
.classicalAppNPage .slideEightClassical .classicalGiftSection li { clear: none; float: left; padding:15px 5px; text-align: center; width:25%;  line-height:120%; }
.classicalAppNPage .slideEightClassical .classicalGiftSection li img { display:block; margin:0 auto; }
.classicalAppNPage .slideEightClassical .classicalGiftSection li span { font-size:80%; padding-top:18px; display:block; color:#434343; }
.classicalAppNPage .slideEightClassical .classicalGiftSection p em { color:#434343; font-size:120%; }
.classicalAppNPage .slideEightClassical .giftLink { text-align:center; color: #84281b;  display: block; text-transform: uppercase; letter-spacing: 1px;}
.classicalAppNPage .slideEightClassical .giftLink:hover { text-decoration:underline; }
.classicalAppNPage .slideEightClassical .giftBuyBtn { width:180px; height:auto; display:block; margin:8px auto 30px; background-color: #533632; border-radius: 20px; opacity: 0.9; padding:10px 0 6px; color:#fff; border:2px solid #fff; text-transform:uppercase; font-size:110%; text-align: center;   letter-spacing: 1px;}
.classicalAppNPage .slideEightClassical .icon-ContLeft { float:right; font-size:80%; padding:4px 13px 0 0; }


@media screen and (min-width: 700px) and (max-width: 800px) {
  .classicalAppNPage .bcg{}
.classicalAppNPage .slideThreeClassical .container, .classicalAppNPage .slideOneClassical{min-height: 600px;}
.classicalAppNPage .slideOneClassical{min-height: 720px;background-position:0 0;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt{margin-top: 25%;}
.classicalAppNPage .bottomClsscalTxt{bottom: -4px !important;}
.classicalAppNPage .slideFiveClassical .contentClass{padding-top: 0;}
.classicalAppNPage .slideThreeClassical .contVertAlign{padding-top: 15%;}
.classicalAppNPage .slideThreeClassical .titleClassApp{padding-top: 14%;}
.slideFiveClassical{padding-top: 5%;}
.classicalAppNPage .slideFourClassical .brdrClasCont{top:10%;transform: translateY(0);}
.classicalAppNPage .slideSixClassical .contentClassBlk{width: 100%; }
.classicalAppNPage .slideFiveClassical .contentClass{min-height: 600px;}
.classicalAppNPage .slideFourClassical .contVertAlign{top:10%;transform: translateY(0);padding-top: 15%;}
.classicalAppNPage .slideSixClassical .contVertAlign{bottom:0; top:inherit; background: rgba(0, 0, 0, 0.5);position: absolute;transform: translateY(0);}
.classicalAppNPage .slideSevenlassical .androidCont, .classicalAppNPage .slideSevenlassical .iosCont{width: 100%;}
.classicalAppNPage .slideSevenlassical .contentClassBlk h4{font-size: 22px;}
.classicalAppNPage .slideSevenlassical .contentClassBlk p{padding: 0 2%;}
.classicalAppNPage .slideSevenlassical .androidCont .contNmb, .iosCont .contNmb{font-size: 20px;}
.classicalAppNPage .slideSevenlassical .androidCont .strike, .classicalAppNPage .slideSevenlassical .iosCont .strike{    top:14px;}
.classicalAppNPage .slideFiveClassical .filmSlid4, .classicalAppNPage .slideFiveClassical .editorSlid4,
.classicalAppNPage .slideFiveClassical .classSlid4, .classicalAppNPage .slideFiveClassical .speciaSlid4{top:0; right: 0;}

.classicalAppNPage .slideEightClassical.bcg {background-position:50% top; background-attachment:scroll; }
.classicalAppNPage .slideEightClassical .titleClassApp { font-size: 25px;}
.classicalAppNPage .slideEightClassical .titleSubClassApp {font-size: 14px;}
.classicalAppNPage .slideEightClassical p { font-size: 93%; padding-top: 6%;}
.classicalAppNPage .slideEightClassical .classicalGiftSection li span { font-size: 78%;}
.classicalAppNPage .slideEightClassical .giftBuyBtn {font-size: 90%; width: 150px;   margin: 8px auto 20px;}
.classicalAppNPage .slideEightClassical .giftLink {font-size: 13px;}
.classicalAppNPage .slideEightClassical .contVertAlign {right:2px; width:65%; position: absolute; top:10%;}
.classicalAppNPage .bcg { background-attachment:scroll; }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .classicalAppNPage .bcg{}
.classicalAppNPage .slideThreeClassical .container, .classicalAppNPage .slideOneClassical{min-height: 600px;}
.classicalAppNPage .slideOneClassical{min-height: 720px;background-position:0 0;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt{margin-top: 25%;}
.classicalAppNPage .bottomClsscalTxt{bottom: -4px !important;}
.classicalAppNPage .slideFiveClassical .contentClass{padding-top: 0;}
.classicalAppNPage .slideThreeClassical .contVertAlign{padding-top: 13%;}
.classicalAppNPage .slideThreeClassical .titleClassApp{padding-top: 14%;}
.slideFiveClassical{padding-top: 12%;}
.classicalAppNPage .slideSixClassical{min-height: 600px}
.classicalAppNPage .slideSixClassical .contVertAlign{top:35%;transform: translateY(0);}

.classicalAppNPage .slideFourClassical .brdrClasCont{top:10%;transform: translateY(0);}
.classicalAppNPage .slideSixClassical .contentClassBlk{width: 70%; }
.classicalAppNPage .slideFourClassical .contVertAlign{top:10%;transform: translateY(0);padding-top: 19%;}
.classicalAppNPage .slideSevenlassical .androidCont, .classicalAppNPage .slideSevenlassical .iosCont{width: 100%;}
.classicalAppNPage .slideSevenlassical .contentClassBlk h4{font-size: 22px;}
.classicalAppNPage .slideSevenlassical .contentClassBlk p{padding: 0 2%;}
.classicalAppNPage .slideSevenlassical .androidCont .contNmb, .iosCont .contNmb{font-size: 20px;}
.classicalAppNPage .slideSevenlassical .androidCont .strike, .classicalAppNPage .slideSevenlassical .iosCont .strike{    top:14px;}
.classicalAppNPage .slideSixClassical .contentClassBlk p,
.classicalAppNPage .slideSixClassical .titleFeat {font-size: 13px;}

.classicalAppNPage .slideEightClassical.bcg { background-position: center top; background-attachment:scroll; }
.classicalAppNPage .slideEightClassical .titleClassApp { font-size: 25px;}
.classicalAppNPage .slideEightClassical .titleSubClassApp {font-size: 14px;}
.classicalAppNPage .slideEightClassical p { font-size: 93%; padding-top: 6%;}
.classicalAppNPage .slideEightClassical .classicalGiftSection li span { font-size: 78%;}
.classicalAppNPage .slideEightClassical .giftBuyBtn {font-size: 90%; width: 150px;   margin: 8px auto 20px;}
.classicalAppNPage .slideEightClassical .giftLink {font-size: 13px;}
.classicalAppNPage .slideEightClassical .contVertAlign  { top:10%; }
.classicalAppNPage .bcg { background-attachment:scroll; }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
.classicalAppNPage .slideThreeClassical .container{min-height: 600px;}
.classicalAppNPage .slideOneClassical{min-height: 720px;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt{margin-top: 25%;}
.classicalAppNPage .bottomClsscalTxt{bottom: -4px !important;}
.classicalAppNPage .slideFiveClassical .contentClass{padding-top: 0;}
.classicalAppNPage .slideEightClassical .contVertAlign  { top:10%; }
.classicalAppNPage .slideEightClassical.bcg { background-position: center top; background-attachment:scroll; }
.classicalAppNPage .bcg { background-attachment:scroll; }
}

@media screen and (min-width: 1200px) and (max-width: 1279px) {
.classicalAppNPage .slideSixClassical .contentClassBlk{width: 84%;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt{ margin-top: 10%;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt .infoCls {
    font-size: 24px;}
  .classicalAppNPage .slideThreeClassical .titleClassApp{padding-top: 9%;}
    .classicalAppNPage .slideThreeClassical .container{    min-height: 600px;}
}
@media screen and (min-width: 1280px) and (max-width: 1466px) {
.classicalAppNPage .slideSixClassical .contentClassBlk, .classicalAppNPage .slideSixClassical .titleFeat{width: 69%;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt{ margin-top: 18%;}
.classicalAppNPage .slideOneClassical .lftClsFstCnt .infoCls {font-size: 27px;}
    .classicalAppNPage .slideSixClassical .contentClassBlk .col{padding: 0;}
    .classicalAppNPage .slideSixClassical .contentClassBlk p{font-size: 15px;}
    .classicalAppNPage .slideThreeClassical .container{    min-height: 650px;}
  .classicalAppNPage .slideThreeClassical .titleClassApp{padding-top: 7%;}
}
/*classical app css E here*/

/*--------------- Video Page CSS ---------------- */
.videoPage .imgBlk{max-width: 100%; height:auto; }
.videoPage .titleNlnk { padding: 0 0 20px; }
.videoPage .carosel_Vrect .scrollContBox {width: 221px; padding:0; }
.videoPage .hContainer .titContainer .tlte {font-size: 14px; padding:3px 0; line-height:16px;}
.videoPage .carosel_Vrect .imgBlkCont { position:relative; width:221px; height:132px; }
.videoPage .songLength { position:absolute; bottom:15px; right:4px; background:#000; opacity:0.8; color:#fff; font-family: "SourceSansProRegular"; font-size:12px; line-height:12px; padding:2px 5px; z-index:2;}
.videoPage .sngLength { position:absolute; bottom:40px; right:4px; background:#000; opacity:0.8; color:#fff; font-family: "SourceSansProRegular"; font-size:12px; line-height:12px; padding:2px 5px; z-index:2;}
.videoPage .watched {background: rgba(71, 71, 71, 0.4) linear-gradient(to bottom, rgba(71, 71, 71, 0.6) 50%, rgba(71, 71, 71, 0.7) 100%) repeat scroll 0 0; position:absolute;  bottom: 0; height: auto; left: 0; right: 0; text-align: center; top: 0; width: 100%; z-index:1; }
.videoPage .watchedtxt { position:absolute; top:4px; left:4px; background:#000; opacity:0.8; color:#fff; font-family: "SourceSansProRegular"; font-size:12px; line-height:12px; padding:2px 5px; text-transform:uppercase; z-index:2;}

.darkGrayContainer{background: #353536; margin:0; padding: 20px 35px;}
.topVideoCont h1 { color:#02acce; font-family: "SourceSansProRegular"; font-size:28px; padding:10px 0 10px; margin:0; line-height:35px; }
.topVideoCont .views {  color:#bcbcbc; font-family: "SourceSansProLight"; font-size:18px; padding:0; margin:0;}
.topVideoCont p { color:#bcbcbc; font-family: "SourceSansProRegular"; font-size:18px; padding:10px 0; margin:0; line-height:30px; }

#videoTabs {  margin: 0 0 0 59px; }
.videoPage .tab-content .tab-pane { height:300px;}
.videoPage .nav-tabs  { border:1px solid #e3e3e4; border-radius:6px; display: inline-block; margin-bottom:15px; }
.videoPage .nav-tabs > li { margin-bottom:0px; }
.videoPage .nav-tabs > li  > a { border:0px solid #e3e3e4; background:#353536; color:#ffffff; border-radius:6px; margin:0; font-family: "SourceSansProRegular"; font-size:20px; padding: 5px 55px; }
.videoPage .nav-tabs > li.active > a, .videoPage .nav-tabs > li.active > a:focus, .videoPage .nav-tabs > li.active > a:hover { background:#02acce; color:#ffffff; font-family: "SourceSansProRegular"; border:0px solid #e3e3e4; border-radius:6px; }
.videoPage .nav-tabs > li > a:hover { background:#9a9a9b; color:#ffffff; font-family: "SourceSansProRegular"; border:0px solid #e3e3e4; border-radius:6px; }

.videoPage .nav-tabs > li:last-child.active > a, .videoPage .nav-tabs > li:last-child.active > a:focus, .videoPage .nav-tabs > li:last-child.active > a:hover, .videoPage .nav-tabs > li:last-child > a:hover { border-radius:0 6px 6px 0;}
.videoPage .nav-tabs > li:first-child.active > a, .videoPage .nav-tabs > li:first-child.active > a:focus, .videoPage .nav-tabs > li:first-child.active > a:hover, .videoPage .nav-tabs > li:first-child > a:hover { border-radius:6px 0 0 6px;}

.videoPage .topVideoCont .mCS-srgmVScroll > .mCSB_scrollTools .mCSB_draggerRail { width: 8px; }
.videoPage .topVideoCont .mCustomScrollBox > .mCSB_scrollTools {  width: 20px; }
.videoPage .topVideoCont .mCS-srgmVScroll > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }
/*.videoPage .imgBlkCont .imgBlk { width:221px; height:132px; }*/

/*--------- Popups -----------*/
.videoPgPopup{ width:650px; margin:3% auto 0;overflow: auto; padding:0; }
.videoPgPopup .modal-content{ position:relative; border:0px solid #000; box-shadow:0px 0px 0px rgba(0, 0, 0, 0.5); border-radius:0px; margin:0; }
.videoPgPopup .popupContainer { }
.videoPgPopup .popupHeading { background:#f3f3f4; text-align:center; padding:15px 0; }
.videoPgPopup .popupHeading  h1 { font-family:"SourceSansProRegular"; font-size:32px; letter-spacing:1px; color:#585858; padding-left:30px; }
.videoPgPopup button.close { background:#4c4d52; color: #ffffff; opacity: 1; line-height: 12px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; font-size:22px; margin:19px 19px 0px 0px; padding:8px; position: absolute; right: 10px; top:6px; }
.videoPgPopup .popupCont { padding:25px 40px; }
.videoPopupTop h1 { color:#fff; font-family:"SourceSansProLight"; font-size:30px; padding:5px 0 15px 0; }
.videoPopupTop .imgBlk { width:100%; height:auto; }
.videoDescArea { background:#f3f3f4; padding:15px 30px; }
.videoDescArea .viewCounter { text-align: right; color:#b0b0b1; font-family:"SourceSansProRegular"; font-size:16px; }
.videoDescArea .mainHeading { font-family: 'SourceSansProSemibold'; color:#585858; font-size:30px; padding-top: 8px; }
.videoDescArea .subHeading { font-family:"SourceSansProRegular"; color:#585858; font-size: 22px; padding-top: 8px;}
.videoDescArea .showMoreInfo, .videoDescArea .hideInfo { font-family:"SourceSansProRegular"; color:#585858; text-transform:uppercase; text-align:center; display:block; font-size: 22px; padding-top: 10px; }
.videoDescArea .glyphicon-menu-down, .videoDescArea .glyphicon-menu-up { color:#a8a9ae; font-size:17px; }
.videoInfo p { font-family:"SourceSansProRegular"; color:#585858; padding:5px 0; font-size:16px; }
.videoPgPopup  .mCS-srgmVScroll > .mCSB_scrollTools .mCSB_draggerRail { width:6px; background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0; }
.videoPgPopup .mCustomScrollBox > .mCSB_scrollTools {  width: 20px; }
.videoPgPopup .mCS-srgmVScroll > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background:#b8b8b9 }
.videoPgPopup .mCS-srgmVScroll > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:#fff}
.videoModalNext { background:#e3e3e4; padding:10px 5px; }
.videoModalPrev { background:#e3e3e4; padding:10px 5px; }
.videoSocial { background: #f3f3f4; border-radius: 5px 0 0 5px; margin-left:-50px; position: fixed; top: 112px; width:50px; border-right: 1px solid #c7c7ca;}
.videoSocial a { border-bottom: 1px solid #c7c7ca; display: block;  }
.videoSocial a:last-child { border-bottom:0px solid #c7c7ca; }
.videoSocial .iconShr { border-radius:6px; color: #fff; font-size: 32px;  margin:7px auto; padding:2px 0; text-align: center !important; width:35px; height:35px; display:block;}
.videoSocial .icon-facebook { background:#243c79; }
.videoSocial .iconShr.icon-envelope  { color:orange; }
.videoSocial .icon-google { background:#cf311f; display: none;}
.videoSocial .icon-social-twitter { background:#10bbc1;}

.buySongsContainer{ margin:0; padding:12px 10px 0;}
.buySongsContainer .songListingArea li { border-bottom: 1px solid #4c4c4d;}
.buySongsContainer .songListingArea li:hover, .buySongsContainer .songListingArea li.activeSongList{ background:#444445; }
.videoPage .hContainer .songListingArea .titContainer .tlte  { font-family:"SourceSansProRegular"; font-size:19px; }
.buySongsContainer .alertAddedToCart { box-shadow:0px 0px 0px #d5d5d5;  }

/* video made responsive*/
.video-container {	position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute;top:0;left:0;width:100%;height:100%; }

.videoPage .dealShare  { float:right; }
.videoPage .no_carosel_Vrect .scrollContBox  {width: 221px; padding:0; margin: 0 10px 15px 0; }
.videoPage .no_carosel_Vrect .swiper-wrapper {display:inline-block;}
.mCS-srgmVScroll > .mCSB_container{overflow: visible!important;}
.videoPage .swiper-button-next { margin:0; right:12px; }
.videoPage .swiper-button-prev { margin:0; left:20px; }
.videoPage .hContainer .titContainer .tlte a { line-height:19px;}

@media screen and (min-width:768px) and (max-width:1200px) {
#videoTabs { margin:0 0 0 19px;}
.videoPage .nav-tabs > li > a { padding:5px 38px;font-size: 15px; }
.topVideoCont h1 {font-size: 20px; line-height: 24px; padding: 4px 0;}
.topVideoCont .views { font-size:14px; }
.topVideoCont p {padding: 4px 0; font-size: 14px; line-height: 20px;}
.videoPage .songListingArea li .col-1 { width:40px; }
.videoPage .songListingArea li .imgBlk { width:40px; height:40px;}
.videoPage .hContainer .songListingArea .titContainer .tlte { font-size:13px; padding:0; }
.videoPage .hContainer .songListingArea .col-xs-4 { padding:0; }
.videoPage .hContainer .titContainer .tlte { padding:0;}
.videoPage .songListingArea .titContainer { padding:0 5px; }
.videoPage .buyAddCont .buyAddBtn { font-size:12px; }
.videoPage .songListingArea .buyAddCont { padding:2px 3px;}
.videoPage .buyAddCont .dropdown-menu {min-width: 96px;}
.videoPage .buyAddCont .dropdown-menu li a {font-size: 15px;line-height: 174%;}
.buyAddCont ul.dropdown-menu::before { left:47px;}
.buyAddCont ul.dropdown-menu::after { left:45px; }
.videoPage .tab-content .tab-pane { height:195px;}
.videoPage .mainHeading { font-size:28px; }
.videoPage .swiper-button-next {right: -2px;}
.videoPage .swiper-button-prev { left:3px; }
.videoPage .mainTitLand { margin:22px auto; }
.videoPage .hContainer .hInnerContainer .titContainer .subTitle { font-size:12px; }
.videoPage .songListingArea li { padding: 10px 0 10px 2px; }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.cardBoxFirstLi{width: 150px;}
.cardBoxFirstLi.swiper-slide .caption{width: 200px;}
.caption a, .caption span{font-size:15px;}
.caption span{font-size:13px;}
.cardBoxFirstLi.swiper-slide-active .imgCardF{width: 200px}
.elementsCard .laptop .imgBlk{width: 40%; float: right;}
.elementsCard .cofeeCup{bottom:-19%;right:-19%; width: 50%;}
.elementsCard .cofeeCup .imgBlk{width: 100%;}

.cardListContainer .priceTxt{padding-left: 0;}
.firstColumCard{height: 690px;margin-top: 0;}
.cardBoxFirstLi.swiper-slide{margin-top: 54px;}
.cardBoxFirstLi.swiper-slide-active{top:-14px;}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.cardBoxFirstLi{width: 150px;}
.elementsCard .laptop .imgBlk{width: 90%; float: right;}
.elementsCard .cofeeCup{bottom:-22%;right:-10%; width: 40%;}
.elementsCard .cofeeCup .imgBlk{width: 90%;}
.contCenter{padding-top: 3%}
.cardBoxFirstLi.swiper-slide{margin-top: 54px;}
.cardBoxFirstLi.swiper-slide-active{top:-14px;}
.firstColumCard {  height: 740px;margin-top: 0;}
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
.cardBoxFirstLi.swiper-slide{margin-top: 54px;}
.cardBoxFirstLi.swiper-slide-active{top:-14px;}
.firstColumCard {  height: 780px;margin-top: 0;}
}
/*--------------- Video Page CSS Ends ---------------- */

/* disable link effect of anchor */
a.noLink { cursor: default; pointer-events: none;}
body { overflow-x:hidden; }

/* Shakti Microsite Content */
.container-fluid { overflow:hidden; width:100%; }
.shaktiContainer { margin-left: -15px; width:104%; overflow-y: scroll; overflow-x:hidden;  background-color:#6f5238;  }
.shaktiMicroCont { overflow-x:hidden; }
.shaktiBg {background:url('../images/shakti/shaktibg.jpg') no-repeat; width:100%; height:100%; background-size: 100% 100%; position:fixed; top:0; }
.shaktiMicroCont h1 { font-family: 'LoraRegular'; color:#623f1e; font-size:220%;  padding:16px 0 0; text-align: center; width:90%;  margin: 0 auto; }
.shaktiMicroCont h2, .shaktiMicroCont h3, .shaktiMicroCont p, .shaktiMicroCont li { font-family: "LoraRegular", Arial, sans-serif,serif; color:#fff8cc; font-size:180%; padding-top:5px; }
.shaktiMicroCont h3 { font-size:110%; font-weight:bold; }
.shaktiMicroCont p, .shaktiMicroCont li {  font-size:100%; line-height:150%; padding:10px 0; text-shadow:1px 1px #bf7547; }
.shaktiMicroCont li { clear:both; padding:10px 0; }
.shaktiMicroCont em { color:#623f1e; font-style:normal; }
.shaktiMicroCont .txtCont { width:30%; position:absolute;top:23%; left:54%; opacity:0; }

/*shakti Botttom Links */
.shaktiMicroCont .shaktiBtmLinks { position:fixed; bottom:10px; left: 0; right:0;  z-index: 9999; width:400px; text-align: center; margin: 0 auto; z-index:3; transition: 0.2s ease all; }
.shaktiMicroCont .shaktiBtmLinks.btmPush { bottom:259px; }
.shaktiMicroCont .shaktiBtmLinks li { display:inline-block; padding: 0 3px; width:30%;}
.shaktiMicroCont .shaktiBtmLinks li a {  transition: 0.2s ease all; }
.shaktiMicroCont .shaktiBtmLinks li a:hover img { opacity:0.7 }

.shaktiMicroCont .odalinks { padding-top:20px; }
.shaktiMicroCont .odalinks li { display:inline; border-left:1px solid #fff8cc;  padding: 0 10px; }
.shaktiMicroCont .odalinks li.noBorder { border-left:0px solid #fff8cc; }
.shaktiMicroCont .odalinks li a { font-size:100%; font-family:"LoraBold", Arial, sans-serif,serif; color: #fff8cc; line-height: 100%; text-shadow:0px 0px #bf7547 }
.shaktiMicroCont .odalinks li a:hover { text-decoration:underline; }

/*shakti Intro*/
.shaktiIntro { position:relative;  margin-top:63px; height:90vh; width: 100%; z-index:2; }
.shaktiIntro .bell { width:6%; display:block; position:absolute;top:0; left:10%;}
.shaktiIntro .woman { width:21%;  display:block; position:absolute;bottom:-6%;left:2%;}
.shaktiIntro .flame { width:2.5%; display:block; position:absolute;bottom:12%;left:11.6%; }
.shaktiIntro .flower01 { width:9%; display:block; position:absolute;top:18%;left:17%; }
.shaktiIntro .flower02 { width:14%; display:block; position:absolute;bottom:13%;left:24%; }
.shaktiIntro .flower03 { width:15%; display:block; position:absolute;top:0;right:-4%; }
.shaktiIntro .mountain { width:31%; display:block; position:absolute;bottom:0;right:-13%; }
.shaktiIntro .mobCont { width:22%; position:relative; top:0%;left:33%; }
.shaktiIntro .mobile { width:100%; display:block;  }
.shaktiIntro .mobLogos { position:absolute; top:27%;left:34%; width:30%; z-index:2; }
.shaktiIntro .mobRays {   left: 20%; position: absolute; top: 22%; width: 55%; z-index:1; }
.shaktiMicroCont .appStoreLink { margin:11px 0 0; width: 70%; }
.shaktiMicroCont .appStoreLink a { width:49%; display:inline-block; }
.shaktiMicroCont .appStoreLink a img { width:100%; }

/*Devi Devta*/
.deviDevta { position:relative;  margin-top:0; height:90vh; width: 100%; z-index:2; }
.deviDevta .shiva { width:15%;  display:block; position:absolute;bottom:24%;left:3%;}
.deviDevta .bell01 { width:21%; display:block; position:absolute;bottom:-2%;right:-3%; }
.deviDevta .bell02 { width:8%; display:block; position:absolute;bottom:17%;left:37%; }
.deviDevta .bell03 { width:13%; display:block; position:absolute;top:5%;right:1%; }
.deviDevta .bell04 { width:6%; display:block; position:absolute;top:10%;left:50%; }
.deviDevta .deviMountain {  width:32%; position:absolute; left:0%;bottom:0;  }
.deviDevta .deviHand { width:32%; display:block; position:absolute;bottom:2%;right:0; }
.deviDevta .txtCont {  top:25%; left:36%; opacity:1 }

/* Art Of Living */
.artOfLiving { position:relative;  margin-top:0; min-height:90vh; width: 100%; z-index:2;}
.artOfLiving .ravi { width:27%;  display:block; position:absolute;top:0; right:0;}
.artOfLiving .leaf01 { width:11%; display:block; position:absolute;top:0;left:13%; }
.artOfLiving .leaf02 { width:7%; display:block; position:absolute;top:14%;left:2%; }
.artOfLiving .leaf03 { width:10%; display:block; position:absolute;bottom:31%;left:38%; }
.artOfLiving .leaf04 { width:20%; display:block; position:absolute;bottom:-12%;left:43%; }
.artOfLiving .leaf05 { width:6%; display:block; position:absolute;top:10%;left:50%; }
.artOfLiving .aolTemple {  width:38%; position:absolute; right:13%;bottom:0;  }
.artOfLiving .aoltree {  width:20%; position:absolute; left:0%;bottom:0; height:100%; }
.artOfLiving .aolHand { width:26%; display:block; position:absolute;bottom:10%;left:0; }
.artOfLiving .txtCont {  top:29%; left:36%; opacity:1 }

/* Chinmaya Mission */
.chinmaya { position:relative;  margin-top:0; min-height:90vh; width: 100%; z-index:2; }
.chinmaya .chinmayaHand { width:32%; display:block; position:absolute;bottom:8%;right:0; }
.chinmaya .flower01 { width:6%; display:block; position:absolute;top:5%;left:47%; }
.chinmaya .flower02 { width:11%; display:block; position:absolute;bottom:12%;left:27%; }
.chinmaya .flower03 { width:15%; display:block; position:absolute;bottom:1%;right:3%; }
.chinmaya .txtCont {  top:30%; left:37%; opacity:1  }
.chinmaya .chinmayaImg { width:34%;  display:block; position:absolute;left:0; bottom:10%;}

/* Shloka */
.shloka { position:relative;  margin-top:0; min-height:90vh; width: 100%; z-index:2;}
.shloka .rudra01 { width:14%; display:block; position:absolute;bottom:4%;left:-3%; }
.shloka .rudra02 { width:4%; display:block; position:absolute; top:4%;left:17%; }
.shloka .rudra03 { width:13%; display:block; position:absolute;bottom:2%;right:4%; }
.shloka .rudra04 { width:10%; display:block; position:absolute;top:10%;left:53%; }
.shloka .rudra05 { width:6%; display:block; position:absolute;bottom:34%;left:47%; }
.shloka .grantHand { width:32%; display:block; position:absolute;bottom:2%;right:0; }
.shloka .txtCont {  top:24%; left:14%; opacity:1 }
.shloka .txtCont h2 { padding-top:12px; font-size:150%;  }

/* Mantra */
.mantra { position:relative;  margin-top:0; min-height:90vh; width: 100%; z-index:2; }
.mantra .mantraHand { width:32%; display:block; position:absolute;bottom:14%;right:0; }
.mantra .flower01 { width:9%; display:block; position:absolute;top:18%;left:16%; }
.mantra .flower02 { width:11%; display:block; position:absolute;bottom:2%;left:27%; }
.mantra .flower03 { width:15%; display:block; position:absolute;bottom:1%;right:3%; }
.mantra .txtCont { top: 16%; left: 0; right: 0; text-align: center; margin: 0 auto;  }
.shaktiMicroCont .artistes li { font-size: 134%; line-height: 105%; }

/* Special Features */
.specialFeatures { position:relative;  margin-top:0; min-height:90vh; width: 100%; z-index:2; }
.specialFeatures .leaf01 { width:11%; display:block; position:absolute;top:0;right:13%; }
.specialFeatures .leaf02 { width:7%; display:block; position:absolute;top:14%;left:2%; }
.specialFeatures .leaf03 { width:12%; display:block; position:absolute;bottom:31%;right:1%; }
.specialFeatures .leaf04 { width:20%; display:block; position:absolute;bottom:-12%;left:22%; }
.specialFeatures .leaf05 { width:6%; display:block; position:absolute;top:10%;right:30%; }
.specialFeatures .aoltree {  width:20%; position:absolute; left:0%;bottom:0; height:100%; }
.specialFeatures .offlineHand { width:26%; display:block; position:absolute;bottom:10%;left:0; }
.specialFeatures .txtCont { top:14%; left:36%; opacity:1 }
.specialFeatures .info  { float:left; width:80% }
.specialFeatures .ico {float:left; background:#6b3e28; border-radius:47%; padding:0; opacity: 0.6; margin:8px 10px 0 0; width:50px;  height: 50px;   text-align: center; }
.specialFeatures .icon-heart-o, .specialFeatures .icon-language { font-size:23px; line-height:50px; }
.specialFeatures .icon-downloadicon, .specialFeatures .icon-playlist { font-size:34px;  line-height:50px;  }

/* Free Trial */
.freeTrail { position:relative;  margin-top:0; height:90vh; width: 100%; z-index:2;  }
.freeTrail .txtCont {  top:24%; left:34%; opacity:1  }
.freeTrail .bell01 { width:17%; display:block; position:absolute;bottom:9%;right:23%; }
.freeTrail .bell02 { width:8%; display:block; position:absolute;top:24%;left:24%; }
.freeTrail .bell03 { width:10%; display:block; position:absolute;top:19%;right:18%; }
.freeTrail .bell04 { width:4%; display:block; position:absolute;top:5%;left:40%; }
.freeTrail .deviMountain {  width:32%; position:absolute; left:0%;bottom:0;  }
.freeTrail .mountain { width:31%; display:block; position:absolute;bottom:0;right:-13%; }

/* Subscription */
.subscription { position:relative;  height:auto; width: 100%; z-index:2;  }
.subscription .txtCont { top:50%; left:0; right:0; margin:0 auto; opacity:1; width:70%; text-align:center; margin: -100px auto 0;  }
.subscription .subsCont { width:80%; margin:0 auto;  }
.subscription .deviceCont { text-align: left; padding: 30px 0 0; }
.subscription .deviceCont h2 { color:#623f1e; font-size:150%; font-family: 'LoraBold'; padding: 5px 10px; }
.subscription .deviceCont .lstDetls  { width:95%; margin:0 auto; }
.subscription .deviceCont .lstDetls span { color: #623f1e; font-family: 'MerriweatherRegular'; font-size:80%;  display:inline-block; line-height:90%; width:35%; text-shadow:0 0 #bf7547;}
.subscription .deviceCont .lstDetls b.strike { text-decoration: line-through; display:inline-block;  }
.subscription .deviceCont .lstDetls b { color:#efebc8; font-family:'MerriweatherRegular'; font-size:100%; display:inline-block; padding-right:8px;  }
.subscription .deviceCont .lstDetls li { border-top: 1px solid rgba(231, 223, 189, 0.3); padding:10px 0; color: #efebc8; font-family: 'MerriweatherRegular'; font-size: 20px; font-weight: 100; display:block; line-height:130%; }
.subscription .deviceCont .lstDetls li.noBorder { border-top: 0px solid rgba(231, 223, 189, 0.3);}
.subscription .deviceCont .lstDetls .smlFnt { font-size:50%; font-style:normal;  font-family: 'MerriweatherRegular'; text-shadow:0 0 #bf7547; }
.subscription .deviceCont .webRupee {  font-size:82%;  position: relative;  top:0; padding-right:2px; color:#efebc8; font-style: normal; font-weight:normal; }
.subscription .deviceCont .WebRupeeIco,
.subscription .deviceCont .WebDollar,
.subscription .deviceCont .WebPound,
.subscription .deviceCont .WebHKDollar,
.subscription .deviceCont .WebUKEuro,
.subscription .deviceCont .WebSGDollar{ font-size:70%; position: relative; top:-2px; font-style: normal; display: inline-block; font-family: 'MerriweatherRegular'; padding-right:3px; color:#efebc8; font-weight:normal;  }
.subscription .deviceCont p { color:#623f1e; font-size:90%; line-height:142%; padding:24px 0 0; text-shadow:0 0 #bf7547;  }

/* shaktiGift */
.shaktiGift { position:relative;  margin-top:0; min-height:90vh; width: 100%; z-index:2;}
.shaktiGift .txtCont {  top:18%; left:43%; opacity:1; width:46%; text-align:center; }
.shaktiGift .txtCont p { font-size:110%; padding:5px 0; }
.shaktiMicroCont .shaktigiftImg { width:50%;  display:block; position:absolute;bottom:15%;left:0%;}
.shaktiMicroCont .shaktiGiftSection { padding-top:10px; }
.shaktiMicroCont .shaktiGiftSection li { clear: none; float: left; padding:15px 5px; text-align: center; width:25%;  line-height:120%; }
.shaktiMicroCont .shaktiGiftSection li img { display:block; margin:0 auto; }
.shaktiMicroCont .shaktiGiftSection li span { font-size:80%; padding-top:18px; display:block; }
.shaktiMicroCont .shaktiGiftSection p em { color:#623f1e; font-size:120%; }
.shaktiMicroCont .shaktiGift .giftLink { text-align:center; color: #623f1e;  display: block; }
.shaktiMicroCont .shaktiGift .giftLink:hover { text-decoration:underline; }
.shaktiMicroCont .shaktiGift .giftBuyBtn { width:170px; height:auto; display:block; margin:8px auto; background-color: #623f1e; border-radius: 20px; opacity: 0.9; padding:6px 0; color:#fff8cc; border:1px solid #fff8cc; text-transform:uppercase; font-size:120%; }
.shaktiMicroCont .shaktiGift .icon-ContLeft { float:right; font-size:80%; padding:6px 13px 0 0; }

/* popup */
.shaktiAppNPoup  { max-width:1000px; margin: 5% auto; overflow: hidden; }
.shaktiAppNPoup .modal-header{padding-bottom: 30px;border: 0;border-radius: 10px 10px 0 0;  background: url("../images/shakti/devotional-app_bg.jpg") 0% 0% repeat-y scroll; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); background-size:100% auto;}
.shaktiAppNPoup .close { float: right; font-size: 34px; font-weight: 700; line-height: 18px; color: #ffffff; text-shadow: 0 1px 0 #fff; filter: inherit; opacity: 1; }
.shaktiAppNPoup .modal-body{background: #180d0a;padding: 0;border-radius: 0 0 10px 10px;padding-bottom: 30px;  background: url("../images/shakti/devotional-app_bg.jpg") 0% 0% repeat-y scroll;}

@media (min-width:1921px) and (max-width:3000px) {
	.shaktiMicroCont p, .shaktiMicroCont li {  font-size: 155%; padding: 15px 0; }
	.shaktiMicroCont .shaktiBtmLinks {width: 420px;}
	.shloka .txtCont h2 {font-size: 275%;}
	.shaktiMicroCont li {padding: 21px 0;}
	.specialFeatures .ico {width:80px; height:80px; }
	.specialFeatures .icon-downloadicon, .specialFeatures .icon-playlist {font-size: 51px; line-height: 80px;}
	.specialFeatures .icon-heart-o, .specialFeatures .icon-language { font-size: 38px; line-height: 80px; }
	.shaktiMicroCont h3 { font-size: 150%;}
	.subscription .deviceCont h2 {font-size: 210%; padding: 5px 26px;}
	.subscription .deviceCont .lstDetls span {  font-size: 105%; line-height: 90%; width:30%; }
	.subscription .deviceCont .lstDetls b { font-size: 122%;}
	.subscription .deviceCont p {  font-size: 107%; ine-height: 150%; padding: 24px 0 0 17px;}
	.shaktiMicroCont .shaktiGift .giftBuyBtn { font-size:140%; width:220px; }
	.shaktiMicroCont .shaktiGift .icon-ContLeft { font-size:16px; padding:9px 14px 0 0;  }
	.shaktiMicroCont .shaktiGiftSection li span { font-size:70%;  }
}

@media screen and (min-width: 700px) and (max-width: 800px) {
.shaktiIntro { margin-top: 119px; }
.shaktiIntro .mobCont {  width: 36%; top: 0 !important; left:51% !important; }
.shaktiIntro .flower03 { width:23%; }
.shaktiIntro .flower01 { width: 12%; left: 5%; }
.shaktiIntro .woman { top: 16%; left: 17% !important; width: 27%;}
.shaktiMicroCont .txtCont { left: 0;  right: 0; top:56%; width: 80%; margin: 0 auto; opacity:1 !important; }
.shaktiMicroCont .appStoreLink { width:47%; }
.shaktiIntro .bell { width: 9% }
.shaktiIntro .mountain , .shaktiIntro .flower02, .deviDevta  .bell01, .deviDevta  .bell04, .artOfLiving .leaf02, .artOfLiving .leaf04, .shloka .rudra05 , .mantra .flower03, .specialFeatures .leaf04, .freeTrail .bell02, .freeTrail .bell04, .freeTrail .mountain, .artOfLiving .leaf03, .shloka .rudra02, .shloka .rudra01, .specialFeatures .leaf02, .specialFeatures .leaf01, .clouds_one, .clouds_two, .clouds_three, .chinmaya .flower01, .mantra .flower02 { display:none; }

.deviDevta .deviHand { top: 10%; width: 52%; bottom:auto;}
.deviDevta .shiva {  top: 14%; left: 18%; bottom:auto; width: 27%;}
.artOfLiving .aolHand {  top: 10%; width: 49%;  bottom:auto;}
.artOfLiving .ravi { top: 8%; width: 47%;}
.artOfLiving .aolTemple { width: 57%; bottom: 0 !important;}

.chinmaya .chinmayaHand { top: 10%; width: 56%; bottom: auto; }
.chinmaya .chinmayaImg { top: 20%; width: 51%; bottom: auto; }
.chinmaya .flower03 { bottom: 5% !important; width: 24%;}
.shloka .grantHand { top: 8%; bottom:auto; width: 59%;}
.shloka .rudra04 { top: 31% !important; left: 27%; width: 18%; }
.shloka .rudra02 { width:8%;}
.shloka .rudra01 { bottom: 4% !important; }
.shloka .rudra03 { bottom: 2% !important; }

.mantra .mantraHand {  top: 2%; bottom: auto; width: 57%;}
.mantra .flower01 { width: 24%; left: 27% }
.mantra .flower02 { left: 7%; width: 20%; bottom: 2% !important; }
.specialFeatures .offlineHand {  top:8%; bottom: auto; width:45%;}
.freeTrail .deviMountain { top:5%; bottom: auto; width: 57%;}
.freeTrail .bell03 { top: 19% !important; width: 13%;}
.subscription .txtCont { top: 8% !important; width: 100% !important;}
.subscription .subsCont { width: 94%;}
.shaktiMicroCont .shaktiBtmLinks.btmPush { bottom:328px; }
.specialFeatures .txtCont, .freeTrail .txtCont { top: 48% !important; left: 10%;}
.subscription .deviceCont .lstDetls span { width: 32%; }
.mantra .txtCont { top:10%; }
.shaktiMicroCont .artistes li { font-size: 166%; line-height: 148%; }
.mantra .flower01 { left:11%; }

.shaktiMicroCont .shaktigiftImg { width:80%;  display:block; position:absolute;top:-4%;left:10%; }
.shaktiMicroCont .shaktiGift .txtCont {  top: 44%; }
.shaktiGift .txtCont p { font-size: 100%; }
.shaktiMicroCont .shaktiGiftSection li span { font-size:80%;  }
.shaktiMicroCont .shaktiGift .giftBuyBtn { margin:0 auto 10px auto; }


.mehramKahani2Micro .stepwizard{width: 95%;    font-size: 22px;}

.mehramKahani2Micro .infoTxt {
width: 100%;
margin: 0 auto 0;
}
.mehramKahani2Micro .infoImgLmtN{font-size: 22px;}
.priceBTit {font-size: 31px;}
.priceMTit{font-size: 43px;}
.priceNmTit{font-size: 20px;}
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
.shaktiMicroCont .txtCont { width: 33%;  opacity:1 !important;}
.shaktiIntro .mobCont {  width: 27%;  left: 28%; }
.deviDevta .deviHand { width:39%; }
.artOfLiving .aolHand { width: 34%;}
.chinmaya .chinmayaHand{ width:37%; }
.chinmaya .chinmayaImg {width: 41%;}
.shloka .grantHand { width: 45%;}
.mantra .mantraHand { width: 42%;}
.specialFeatures .offlineHand {width: 34%;}
.subscription .txtCont { width:100%; }
.shaktiMicroCont .artistes li { font-size: 166%; line-height: 120%; }
.clouds_one, .clouds_two, .clouds_three, .deviDevta  .bell04, .artOfLiving .leaf04, .chinmaya .flower01, .specialFeatures .leaf01, .specialFeatures .leaf04 { display:none; }

.shaktiMicroCont .shaktiGift .txtCont { left:43%; top:13%; width:54%; }
.shaktiGift .txtCont p { font-size:100%; }
.shaktiMicroCont .shaktigiftImg { width:54%;  display:block; position:absolute;bottom:30%;left:-3%;}
.shaktiGift .txtCont p { padding:5px 0; }
.shaktiMicroCont .shaktiGiftSection li span { font-size:85%; }
.shaktiMicroCont .shaktiGift .giftBuyBtn { margin:0 auto 5px auto; }
 .mehramKahani2Micro .infoImgLmtN{font-size: 20px;}
 .mehramKahani2Micro .stepwizard{width: 90%; }
 }
/* Shakti Microsite Content */

/* classical floating links */
.classicalAppNPage .classicalBtmLinks { position:fixed; bottom:10px; left: 0; right:0;  width:450px; text-align: center; margin: 0 auto; z-index:5; transition: 0.2s ease all; }
.classicalAppNPage .classicalBtmLinks.btmPush { bottom:270px; }
.classicalAppNPage .classicalBtmLinks li { display:inline-block; padding: 0 3px; width:24.20%; text-align: left; }
.classicalAppNPage .classicalBtmLinks li a {  transition: 0.2s ease all; }
.classicalAppNPage .classicalBtmLinks li a:hover img { opacity:0.9 }
.classicalAppNPage .classicalBtmLinks .imgBlk { width: 100% }

/* classical - redeem coupon */
.classicalCouponHeader { background:#37383d url('../images/profileBg.jpg') left top repeat-x; min-height:150px; position:relative;  } 
.classicalCouponHeader .classicalCouponImg { background:url('../images/classicalApp/classicalCoupon.png') left top no-repeat; display: block; position: absolute;height: 151px;width: 528px;right: 0;  } 
.classicalCouponHeader .couponTitle { font-family:'OpenSansRegular'; font-size:35px; color:#ffffff; padding:50px 0 0 0; }
.classicalCouponHeader .couponSubTit { font-family:'OpenSansRegular'; font-size:16px; color:#d1d2d2; padding:5px 0 0 0; }
.classicalCouponHeader .container { width: 830px; margin: 0 auto; padding: 0 0 0 42px; }
.couponSaveBtn[type="submit"] { background: #02acce; color: #fff; line-height: 40px; line-height: 43px; border: none; font-family: 'OpenSansSemibold'; font-size:18px; float: left; padding: 0 24px;  width: auto; margin: 10px 0 40px 15px;}
.userProfileForm.couponForm .giftSec input  { padding: 9px 10px; color: #aaaaae; background:#fafafc; border:1px solid #b9c0c4; }
.userProfileForm.couponForm .giftSec .classicalMob input.couponMob  { padding: 9px 10px 9px 40px; color: #aaaaae; }
.couponForm .countyCode { position:absolute; width:30px;  color: #aaaaae; font-family: "SourceSansProRegular"; font-size: 18px; padding: 10px 0 10px 10px; }
.userProfileForm.couponForm h1 {font-size: 15px; text-transform: none;}

/* classical registration confirmation popup */
.newSgPopup #classical_registerPop {padding:14px 0 12px; text-align:center; font-family:"SourceSansProRegular"; }
.newSgPopup #classical_registerPop .infoArea{ font-size:18px; color:#4e4e50; text-align: center; width: 100%; padding:5px 0 30px; }
.newSgPopup #classical_registerPop  span{display:inline-block;margin: 0 5px;}
.newSgPopup #classical_registerPop  .inputbtnNws a{width:131px;height:40px;line-height:40px;padding:0; font-size:18px; background:#01adb2; position: relative; top: -4px; text-transform:uppercase; border-radius: 3px;}
.newSgPopup #classical_registerPop  .inputbtnNws a.blue.btn-default { background: #01adb2 !important; border: 1px solid #01adb2 !important;  color: #ffffff !important; }
.newSgPopup #classical_registerPop  .inputbtnNws a.gray.btn-default { background: #c3c3c3 !important; border: 1px solid #c3c3c3 !important;  color: #ffffff !important; }


@media screen and (min-width:768px) and (max-width:1200px) { 
.classicalCouponHeader {min-height: 130px;}
.classicalCouponHeader .classicalCouponImg { height: 130px; width: 455px;}
.classicalCouponHeader .couponTitle { font-size: 25px;}
.classicalCouponHeader .couponSubTit { font-size: 14px;}
}


/* - classical form and popup - */
/* User Profile Page */
.userProfile .container { width:830px; margin:0 auto; padding:0 0 0 42px; }
.userProfileHeader { background:#37383d url('../images/profileBg.jpg') left top repeat-x; min-height:186px; position:relative;  }
.userProfileSection {position:absolute; bottom:-110px; left: 50px; width:160px; text-align:center; }
.userProfilePicArea { background:#fff; border-radius:50%; border:14px solid #fff; width:159px; height:159px;  overflow: hidden; position: relative; margin-bottom:14px; }
.userProfilePic { background:url('../images/profileImgTransBg.png') no-repeat; width:149px; height:149px; display:block; position:absolute; top:0; left:0; }
.userNameField { font-family:'OpenSansSemibold'; font-size:40px; color:#fff; padding:60px 0 0 0; }
.userAutoName { padding: 20px 0 0 0; }
.userAutoName a { color:#fff; font-size:18px; }
.userNameInp .input-group {float: left; width: 40%; padding-right: 10px;}
.userNameInp { position:relative; display:none; }
.userNameInp .input-group input {width: 100%; background:none; border:1px dashed #fafafc; font-family:'OpenSansSemibold'; font-size:32px; color:#fff; padding:0 0 0 10px; line-height:40px; }
.userSaveBtn[type="submit"] { background:#02acce; color:#fff; line-height:40px; line-height: 43px; border: none;font-family:'OpenSansSemibold'; font-size:18px; float: left; margin:10px 0 0 0; padding: 0 24px;}
.userProfileSection a { text-decoration:underline; }
.userProfileSection a:hover { text-decoration:none; }

.userNameField .giftSec { margin:0; text-align: left; width:35%; }
.userNameField .giftSec .subList { margin-top:15px; background-color: #fafafc; padding: 5px 5px 5px 10px; font-size: 15px; background-size: 12px 6px; background-position:95% 55%; }
.userProfileForm.boxWhiteContainer { margin:0; padding: 0 35px; }
.userProfileForm h1 { background:#ededee; font-family:'OpenSansSemibold'; font-size:18px; color:#919194; text-transform:uppercase; line-height:40px; margin:0 0 30px 0; padding: 0 0 0 15px; }
.userAutoName .glyphicon { font-size: 18px; color: #fff; display: inline-block; margin: 0 0 0 10px; position: relative; top: -2px; }
.userProfileForm .giftSec { margin:0 0 0 15px; text-align: left; width:35%; } 
.userProfileForm .giftSec input, .userProfileForm .giftSec textarea { border-radius:2px; padding:10px; } 
.userProfileForm input.userSaveBtn[type="submit"]  { width:auto; margin:10px 0 30px 15px;  }
.userProfileForm .infoError .errorMsg {font-style: italic;font-size: 15px; color:red; }
.userProfileForm .giftSec .input-group {padding: 10px 0 10px;}
.userProfileForm label { font-family:'OpenSansSemibold'; font-size:16px; color:#37373e; font-weight:normal; } 

/* - classical form and popup ends - */