@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
body{
    font-size: 14px;
    color: #222;
    line-height: 1.4;
    margin: 0 auto;
    padding: 0;
    /* fallback for old browsers */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    max-width: 800px;
    font-family: 'RobotoCondensedLight', arial, san-serif;
}
a,button,.btn{cursor: pointer}
*:focus {
    outline: none;
    border-color: inherit;
 -webkit-box-shadow: none;
 box-shadow: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #79702d;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #79702d;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #79702d;
}
  @font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/RobotoCondensedLight.eot');
    src: url('../fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedLight.woff2') format('woff2'),
         url('../fonts/RobotoCondensedLight.woff') format('woff'),
         url('../fonts/RobotoCondensedLight.ttf') format('truetype'),
         url('../fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    }
  .btn{background: #ee3623;color:#ffffff;padding: 0 13px; font-size: 14px;height: 32px;line-height: 32px;display: inline-block;border: 0;}
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#myAudio{position: absolute;display: none;}
.imgBlk{width: 100%;display: block}
.header{width: 95%;margin: 0 auto 0;padding-top: 10px}
.bgSection{margin: 0 auto; display: block;position: absolute;bottom: 0;}
.bgSectCont{position: relative;padding-bottom:0; left:0;right: 0;}
.seprator{width: 25%;display: block;margin: 0 auto;}
.seprator img{max-width: 100%;display: block;}
.festivalLine{width: 60%;display: block;margin: 5% auto 0;}
.birdsStyle{width: 30%;display: block;margin: 0 auto;position: absolute;}
.prodImg{width: 50%;display: block;margin:0 auto 0;position: relative;overflow: hidden;}
.mainImage{width: 100%;display: block;}
.prodFeature{width: 70%;display: block;margin: 7% auto 0;}
.buyNowArea{width: 200px;display: block;margin: 5% auto 0;}
.buyNowArea a{display: block;text-decoration: none;}
.saregamaLogo{float: left;}
.rpsgLogo{float: right;}
.userNameArea{text-align: center;}
.userName{

  padding: 0;
  margin: 0;
  width: 90%;
margin: 0 auto;
  text-transform: capitalize;
}
.fromUser{
  font-family: "RobotoCondensedLight", serif;
  font-size: 30px;
  font-weight: bold;
  color:#00085c;
  padding: 0 0 10px;
  margin: 0;
}
.setName{
    position: relative;
    bottom: 0;
    width: 100%;
    /* background: rgba(239,185,159,0.2); */
    padding: 10px 0;
    text-align: center;
    left: 0;
    right: 0;
    max-width: 800px;
    margin: 0 auto;
    z-index: 2;
  }
  .centerBlock{
    width: 50%;margin: 0 auto;
  }
.textEntry{position: relative;width: 50%;margin: 0 auto;border: 1px solid #a03f11;height: 46px;padding: 0 10px;background: #ffe457}
.textInfo{
  position: relative;
    width: 53%;
    text-align: left;
    margin: 0 auto;
    display: block;
    padding: 2px 0;
    color:#a03f11;
    font-family: 'Roboto Condensed', sans-serif;
}
.formSubArea{position: relative;width: 50%;margin: 0 auto;border: 1px solid #670505;height: 46px;padding: 0 10px;background: #ffe457;display: inline-block;}
.inputField{display: block;width: 79%;background: none;border: 0;height: 46px;line-height: 46px;padding: 0;margin: 0;color: #670505;font-size: 18px;text-transform: capitalize;}
.inputBtn{
    position: absolute;
    right: 7px;
    top: 7px;
  }
  .shrBoxList{text-align: left;color: #4e2f18;}
.shrBoxList li{display: inline-block;padding: 0 ; width: 23%;text-align: center;}
.shrBoxList li a{color:#4e2f18;text-decoration: none;font-size: 29px; position: relative;top:8px;cursor: pointer;}
.shrBoxList li a:hover{color:#670505;}
.shareClose{
    position: absolute;
    left: 19%;
    color: #4e2f18;
    padding: 0;
    top: 20%;
    height: 30px;
    width: 30px;
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    font-size: 21px;
    cursor: pointer;
    border-radius: 90%;
}
.shrBoxList li.shareText{text-align: left;position: relative;top:3px;}

.refresh span {
    top: -4px;
    position: absolute;
    font-size: 28px;
    left: 2px;
       text-align: center;
    text-decoration: none;
      -webkit-animation:spin 15s linear infinite;
    -moz-animation:spin 15s linear infinite;
    animation:spin 15s linear infinite;
}

.refresh span :hover {
 color :silver;
}


/* rotate 360 key for refresh btn */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.mouseLoader{
      position: fixed;
      top: 0;
      bottom: inherit;
      left: 0;
      height: 100%;
      right: 0;
      margin: 0 auto;
      width: 100%;
      z-index: 3;
}
.playArea{
    position: fixed;
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 10;
    background: rgba(255,251,222,0.96);
    height:100%;
    border: 0;
}
.playArea h4{
    font-size: 30px;


    text-align: center;
    font-weight: normal;
    display: block;
    width: 99%;
    margin: 0 auto;
    left: 0;right: 0;
    color:#c3242b;
    font-size: 20px;
    line-height: 1.0;
        /* background: rgba(255,251,222,0.96); */
        padding: 10px 0;
}
/* .playArea h4 .firstMessage{font-size: 120%;top: 2%;position: absolute;margin: 0 auto;
left: 0;right: 0;}
.playArea h4 .secondMessage{font-size: 120%;top: 45%;position: absolute;margin: 0 auto;
left: 0;right: 0;}
.playArea h4 .highlight{color:#000000;font-style: normal;text-decoration: none;} */
.popupCont{position: relative;}
.custName{font-style:  normal;text-transform: capitalize;}
.carvaanLogo{
    position: relative;
width: 73px;
float: right;
padding: 15px 0;
}
.carvaanLogo img{display: block;max-width: 100%}