body{ font-family:'Montserrat'}
*:focus {
    outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.f600{ font-weight:600}
.tag_line{ background:url('../images/bg_blooger.jpg') no-repeat scroll top center #000; padding:5% 4%; background-size:cover}
.tag_line_h{ color:#FFF; font-size:52px; margin-top:7%; font-weight:600}
.tag_line_sh{ color:#FFF; font-size:18px; font-family:'open sans'; font-weight:400; line-height:29px}
.tag_line_sh span{ display:block}
.tag_line_info{ width:60%; margin-bottom:20px}
.blogger_form{padding:5% 3% 0}
.blogger_form_h{ font-size:18px; color:#8b8a8b; margin-bottom:12px; line-height:24px; font-weight:600}
.blogger_form_sh{ font-size:32px; color:#181617; font-weight:700; line-height:25px; margin-bottom:11%}
.blogger_form_post input[type="text"]{ width:100%; border-top:0;border-left:0;border-right:0; border-bottom:solid 1px #c5c5c5; height:40px; margin-bottom:20px; display:block}
.blogger_form_post input[type="text"]:focus{ border-bottom:1px solid #c5c5c5}
.blogger_form_l{ position:relative}

.blogger_form_r{ position:relative}
.formtext{position:absolute; overflow:hidden; white-space:nowrap;pointer-events:none;bottom:0px;top:10px; font-weight:500}
.blogger_form_post input[type="button"]{ background-color:#e11f26; color:#FFF; border-radius:6px; width:95%; border:0; padding:15px 0px; font-size:18px; font-weight:600; margin:25px 0px 15px; cursor:pointer}
.blogger_speak{ font-size:12px; font-weight:600; line-height:19px; margin-bottom:30px}
.blogger_speak a{ color:#e11f26}
.interest_h{ font-size:18px; font-weight:600; margin-top:6%}
.interest_option ul{ margin-left:0px; padding-left:0px}
.interest_option li{  float:left; font-weight:600; list-style:none; border:solid 1px #c5c5c5; font-size:11px; border-radius:5px;width:22%; margin-right:10px; height:75px;display: table;}
.interest_option{ position:relative}
.interest_option a{color:#000;text-decoration:none; text-align:center; display: table-cell;  vertical-align: middle; padding:0px 10px; position:relative}
.interest_option a span{ display:none}
.interest_option a.active span{ display:block}
.interest_option a.active{ background-color:#4e4e4e; color:#FFF;}
.interest_option a.active img{ position:absolute;top:-4px; left:-8px;}
.blogger_form_l.active .formtext,.blogger_form_r.active .formtext{ font-size:11px; top:-7px;transition: all .7s;}
.mobile_success{ text-align:center; font-size:24px}
.succes_txt_file{ margin-bottom:60px; margin-top:35px}
.backbutton{ margin-bottom:220px; color:#000; font-size:14px; text-decoration:underline; text-align:center}

.calender_hed{ display:flex; border:solid 3px #fff; width:178px; height:87px; box-sizing:border-box; padding:0 10px; margin-top:100px;}
.calender_hed_date{ font-size:52px; font-weight:500; color:#fff;}
.calender_hed_month{ color:#fff; text-align:center; font-size:20px; padding-left:15px; line-height:25px; padding-top:15px;}

@media only screen and (max-width:479px){
.tag_line_h{ font-size:18px; margin-top:50px}
.tag_line_sh{ font-size:13px; line-height:23px}
.calender_hed{ display:none}
.tag_line_info{ width:90%}
.blogger_form_sh{ font-size:24px}
.interest_option li{ margin-right:5px}
.interest_option a{ padding:0px 5px}
}
@media only screen and (min-width:480px) and (max-width:767px){
	.tag_line_h{ font-size:18px; margin-top:50px}
.tag_line_sh{ font-size:13px; line-height:23px}
.calender_hed{ display:none}
.tag_line_info{ width:90%}
.blogger_form_sh{ font-size:28px}
}
@media only screen and (min-width:768px) and (max-width:989px){
	.interest_option li{ margin-right:5px}
.interest_option a{ padding:0px 5px}
.blogger_form_sh{ font-size:20px}
	.tag_line_h{ font-size:23px;}
.tag_line_sh{ font-size:15px; line-height:23px}
.tag_line_info{ width:90%}
.col-sm-5{ max-width:55% !important}
}