@font-face {
  font-family: 'Merriweather';
  src: url('https://www.rekhta.org/Content/Fonts/Merriweather-LightItalic.ttf')  format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src:url(https://www.rekhta.org/Content/Fonts/Lato-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://www.rekhta.org/Content/Fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://www.rekhta.org/Content/Fonts/Lato-Bold.ttf) format('truetype');
}
body, html{height:100%;margin:0;padding:0;}

.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.top_mainbg{background:url(https://www.rekhta.org/Content/images/RStudio/mehfil_topbg.jpg) no-repeat center center; background-size:cover;width:100%;min-height: 100%;height:auto;position:relative;}
.down_arrow{text-align:center;margin-top:-28px;}
.content-form{background-color:#fcf4f5;position: absolute;bottom: 0;right: 0;left: 0;display:none;}
.form-left{padding:0px 0 30px 0;}
.form-left h2{color:#ff335c;font-size:42px;font-family: 'Merriweather';text-align:left;padding:0;margin-bottom:15px;letter-spacing:-2px;}
.form-left p.thnk{color:#4c4c4c;font-size:16px;font-family:'Titillium Web';font-weight:300;line-height: 30px;}
.input-style{margin-bottom:15px;}
.input-style .width-input{width:100%;padding:5px 15px;max-width:480px;box-sizing:border-box;height:40px;border:1px solid #e0e0e0;border-radius:3px;background-color:transparent;font-size:18px;font-family: 'Titillium Web';font-weight:300;letter-spacing:-0.5px;color:#b2b2b2;}
.input-style .width-input:focus{outline:none;}
.input-style textarea{width:100%;padding:5px 15px;max-width:480px;box-sizing:border-box;height:110px;border:1px solid #e0e0e0;border-radius:3px;background-color:transparent;font-size:18px;font-family: 'Titillium Web';font-weight:300;letter-spacing:-0.5px;color:#b2b2b2;position:relative;}
.input-style textarea:focus{outline:none;}
.bordr_bottom{width: 96%;background:#f9f9f9;box-shadow: 0px 0px 0px 1px rgba(255, 255,255,0.65);max-width:475px;text-align:center;margin-left:2px;}
.input-style .rgister_button{width:100%;border:0;background:#ff2652;color:#fff;padding:15px;letter-spacing: 0px;font-family: 'Titillium Web';font-weight:400;font-size:20px;border-radius:3px;max-width:480px;}
.input-style .rgister_button:hover{background:#f21844;}
.input-style .phone_input{width:100%;display:inline-block;max-width:270px;float:left;}
.input-style .select_input{width:100%;display:inline-block;max-width:200px;float:left;margin-left:10px;}
.input-style label.errormsg{padding:5px 0;text-align:left;color:#ff335c;font-size:12px;font-family:'Titillium Web';display:block;}
.graph_txt{padding:60px 0px 30px 0px;text-align:left;}
.graph_txt h2{color:#ff335c;font-family:'Titillium Web';font-weight:300;font-size:28px;letter-spacing:-.5px;text-transform:uppercase;text-shadow: 0px 1px 1px rgba(250, 250, 250, 1);}
.graph_txt p{color:#4c4c4c;font-size:18px;font-family:'Titillium Web';font-weight:300;text-shadow: 0px 1px 1px rgba(250, 250, 250, 1);}
.map_footer a{color:#00aaff;font-size:11px;font-family:Arial;float:left;display:inline-block;padding:0 10px 10px 10px;display:block;max-width:470px;text-align:right;width:100%;}
.map_footer{width:100%;}
.map_footer img{max-width:100%;height:auto;}
#map-canvas{height:270px;min-width:480px;width:100%;}
.mehfil_logo{padding:60px 10px 10px 10px;text-align:center;margin:0 auto;}
.border_line{text-align:center;margin:0 auto;}
.border_line img{width:290px;}
.main_txt{width:90%;margin:0 auto;text-align:center}
.datetext h2{font-family:Lato;font-weight:400;font-size:18px;color:#fff2f5;letter-spacing:-0.5px; margin: 10px 0;}
.datetext p{font-family:Lato;font-weight:300;font-size:14px;color:#fff2f5;letter-spacing:-0.5px;}
.mazariya_txt{padding:50px 0}
.mazariya_txt span{display:block;font-size:16px;font-family:Lato;font-weight:300;color:#fff2f5;letter-spacing:-0.50px;text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.10);}
.mazariya_txt h3{font-size:42px;font-family:Lato;font-weight:400;color:#fff2f5;letter-spacing:-0.75px;display:inline-block;text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.25);margin:5px;}
.featuring{width:100%;max-width:1100px;margin:0 auto;}
.featuring h4{font-family:Lato;font-weight:300;font-size:14px;color:#fff;letter-spacing:-0.50px;text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.10);text-align:center;}
ul.featuring_list{list-style:none;margin:0 auto;padding:40px 0;}
.featuring ul.featuring_list li{float:left;box-sizing:border-box;line-height:20px;}
.featuring ul.featuring_list li i{display:block;text-align:center;}
.featuring ul.featuring_list li i img{height:90px;width:90px;border-radius:50%;background-size:cover;-webkit-box-shadow: 0px 2px 0px 0px rgba(255, 51, 92, 1);
-moz-box-shadow:    0px 2px 0px 0px rgba(255, 51, 92, 1);
box-shadow:         0px 2px 0px 0px rgba(255, 51, 92, 1);}
.featuring ul.featuring_list li span{display:block;text-align:center;color:#ffffff;font-family:Lato;font-weight:300;font-size:16px;letter-spacing:-0.50px;padding-top:5px;}
.featuring ul.featuring_list li  strong{display:block;font-family:Lato;font-weight:400;color:#ffffff;text-align:center;font-size:24px;letter-spacing:-0.50px;padding:5px 0 10px 0;}
.register{padding:50px 0;}
.register button{font-family:'Titillium Web';font-weight:300;font-size:24px;color:#ff2652;letter-spacing:-0.50px;padding:15px;min-width:480px;background:#fdf4f5;border:0;border-radius:3px;text-shadow: 0px 1px 1px rgba(250, 250, 250, 1);}
.register button:hover{-webkit-box-shadow: 0px 0px 15px 5px rgba(250, 250, 250, 0.5);
-moz-box-shadow:    0px 0px 15px 5px rgba(250, 250, 250, 0.5);
box-shadow:         0px 0px 15px 5px rgba(250, 250, 250, 0.5);}
.up_arrow{text-align:center;padding:60px 0;margin:0 auto;}

.form-inner1{}/*register form*/
.form-inner2{display:none;}/*thank you*/
.form-inner3{display:none;}/*New Around Here*/
.register_now_hidden{ }/*Register now*/

.love_button{padding:15px 0;}
.love_button span button{width:100%;border:0;background:#ff2652;color:#fff;padding:15px;letter-spacing: 0px;font-family: 'Titillium Web';font-weight:300;font-size:16px;border-radius:3px;max-width:215px;text-decoration:none;}
.love_button span button:hover{background:#f21844;text-decoration:none;}
.love_button span button.not_moment{width:100%;border:0;background:#f2f2f2;color:#808080;padding:15px;letter-spacing: 0px;font-family: 'Titillium Web';font-weight:300;font-size:16px;border-radius:3px;max-width:215px;border:1px solid #e6e6e6;margin-left:15px;}
.love_button span button.not_moment:hover{background:#b3b3b3;color:#ffffff;}

.register_close{width:100%;max-width:950px;margin:0 auto;padding:50px 0;display:none;}/*Register close*/
.register_close h4{color:#fff;font-size:36px;font-weight:300;text-align:center;font-family:Lato;letter-spacing:-0.75px;}
.register_close p{color:#fff;font-size:20px;font-weight:300;text-align:center;font-family:Lato;letter-spacing:-0.75px;}
.register_close input{width:100%;height:33px;background:#d13654;color:#fff;font-family:'Titillium Web';border-radius:3px;border:0;border-bottom:1px solid #db637a;padding: 5px 15px;}
.register_close input:focus{outline:none;}
.register_close input.submit{background:#fcf4f5;text-transform:uppercase;color:#ff2652;font-size:14px;border-radius:3px;text-align:center;padding: 5px;font-family:'Titillium Web';font-weight:500;}
.mrgnbottm10{margin-bottom:10px;}
.register_close input::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.5);
}

.register_close input:-moz-placeholder { /* Firefox 18- */
   color: rgba(255, 255, 255, 0.5);  
}

.register_close input::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255, 255, 255, 0.5);  
}

.register_close input:-ms-input-placeholder {  
   color: rgba(255, 255, 255, 0.5); 
}
.textplaceholder{position:absolute;opacity:1;}
.textplaceholder p{width:100%;padding:5px 15px;max-width:480px;box-sizing:border-box;height:110px;border:0;background-color:transparent;font-size:18px;font-family: 'Titillium Web';font-weight:300;color:#b2b2b2;}
.textplaceholder p .fontplc{font-family:Arial;font-size:11px;display:block;}
.opacity_off{opacity:0 !important;}
.errormsg_close{font-family: 'Titillium Web'; color: rgba(255, 255, 255, 0.6); padding: 5px; display: block;text-align: left;font-weight:400;}
#Erromsg{padding:5px 0;text-align:left;color:#ff335c;font-size:12px;font-family:'Titillium Web';display:block;}
#progress-bar {
position:relative;
max-width:617px;
height: 3px;
margin: 5px 0;
background:#fc365e;
animation: roll 10s linear infinite;
}
@-moz-keyframes roll {
0% { width:0; }
100% { width:605px; }
}
@-webkit-keyframes roll {
0% { width:0; }
100% { width:700px; }
}
@media (min-width:768px) and (max-width:992px) {
    
    .featuring ul.featuring_list li{width:33%;}
    .form-left{max-width:500px;margin:0 auto;}
    .graph_txt{max-width:500px;margin:0 auto;padding:0 0 30px 0;}
    .errormsg_close{text-align:center;}
}
@media (max-width:767px) {
    .register button{min-width:415px;}
    .map_footer{display:none;}
    .form-left{max-width:500px;margin:0 auto;}
    .graph_txt{max-width:500px;margin:0 auto;padding:0 0 30px 0;}
    .errormsg_close{text-align:center;}
}
@media (min-width:320px) and (max-width:480px){
    .register button{min-width:250px;}
    .featuring ul.featuring_list li  strong{font-size:20px;}
    .input-style .phone_input{width:100%;display:block;max-width:480px;}
    .input-style .select_input{width:100%;display:block;max-width:480px;margin-top:10px;margin-left:0;}
    .love_button span button{padding:10px;font-size:12px;border-radius:3px;max-width:115px;}
    .love_button span button.not_moment{padding:10px;font-size:12px;max-width:165px;margin-left:5px;}
    .form-left h2{font-size:35px;}
    .border_line img{width:250px;}
    .errormsg_close{text-align:center;}

}