@font-face {
    font-family: 'prelo_slab_boldbold';
    src: url('../fonts/preloslab-bold-webfont.woff2') format('woff2'),
         url('../fonts/preloslab-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'prelo_slab_semiboldsemibold';
    src: url('../fonts/preloslab-semibold-webfont.woff2') format('woff2'),
         url('../fonts/preloslab-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freight_sansbold';
    src: url('../fonts/garagefonts_-_freightsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/garagefonts_-_freightsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freight_sansmedium';
    src: url('../fonts/garagefonts_-_freightsans-medium-webfont.woff2') format('woff2'),
         url('../fonts/garagefonts_-_freightsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.font-blk{color:#000;}
.font-red{color:#DE3831;}
.font-gry{color:#535860;}
.font-blu{color:#0096DB;border-bottom:solid 2px #0096DB; text-decoration: none;}
a.font-blu:hover{ text-decoration: none;border-bottom: solid 2px #EAAB00;}
.font-blod{font-family: 'prelo_slab_boldbold';}
.font-semiblod{font-family: 'prelo_slab_semiboldsemibold';}
.flt-r{ float: right; }
.flt-l{ float: left;}
.btn-primary{display: inline-block; background-color: #0096db; padding: 10px 20px; color: #FFF; cursor: pointer;   font-family: 'prelo_slab_boldbold'; font-size: 18px; border: 0px;border-radius: 0px;}
.btn-primary:hover{background-color: #1d1d1d; text-decoration: none;color: #fff;}
.button-gray{background-color: #e8e9ea; color: #000}
.button-gray:hover{color: #FFF}
.signin form .btn-forgot{display: inline-block !important;padding: 10px 47px !important;margin: 8px 0 0 4px !important}
.clr{clear: both;}
/*Wellcome Popup*/
.pwa-modal-section{width: 100%;
border-radius: 0px 0px 0px 10px;
-moz-border-radius: 0px 0px 0px 10px;
-webkit-border-radius: 0px 0px 0px 10px;
border: 0px solid #000000;
height: auto; padding:2px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,f0f0f0+9,fdfdfd+17,ffffff+100 */
background: rgba(200,200,200,1);
background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 20%, rgba(253,253,253,1) 45%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(200,200,200,1)), color-stop(20%, rgba(240,240,240,1)), color-stop(45%, rgba(253,253,253,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 20%, rgba(253,253,253,1) 45%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 20%, rgba(253,253,253,1) 45%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 20%, rgba(253,253,253,1) 45%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(200,200,200,1) 0%, rgba(240,240,240,1) 20%, rgba(253,253,253,1) 45%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#ffffff', GradientType=0 );
box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1);
-o-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1);
}
.pw_footer_model {width: 100%;}
.pw_footer_model .jBox-container .jBox-content {width:100% !important;box-shadow: 0 0 0;}
.pwa-modal-section{font-family: 'prelo_slab_semiboldsemibold';}
.pwa-modal-section .main-wrap{width: 1035px; margin: 0 auto; color: #92959a;}
.pwa-modal-section .main-wrap .right-text{font-size: 14px; padding: 16px 0;}
.pwa-modal-section .main-wrap h1{background: url('../images/blue-style.png') 0 0 no-repeat;position:relative;
display: inline-block;padding: 14px 0 12px 25px;font-size: 18px;background-position: 0px 10px; margin: 0px;}
.pwa-modal-section .main-wrap h1.pw-gd-head{background-position: 0px 12px !important;padding: 5px 0 5px 25px}
.pwa-modal-section .main-wrap p{display: inline-block;padding-right: 5px;color: #92959a;font-family: prelo_slab_semiboldsemibold;line-height: inherit;font-size: inherit;font-weight: normal;margin: 0px;}
.pwa-modal-section .main-wrap strong{color: #000;font-family: prelo_slab_semiboldsemibold;}
.pwa-modal-section .main-wrap h1.red-style{ color:#DE3831; background: url('../images/red-style.png') 0 0 no-repeat;background-position: 0px 14px;  padding: 8px 0 8px 25px;}
.pwa-modal-section .main-wrap .red-style.right-text{padding: 23px 0;}
.pwa-modal-section .main-wrap h1.red-style p {color:#DE3831!important;}
.pwa-modal-section .main-wrap.ragister-now{text-align: center; position: relative;}
.pwa-modal-section .main-wrap.ragister-now h5{font-size: 14px; margin: 0px auto; padding: 10px 5px 0 5px; font-family: 'freight_sansbold';width: 56%;color: #535860; opacity: 0.7;
 display: inline-block;}
.pwa-modal-section .main-wrap.ragister-now h3{font-size: 22px; margin: 0px auto; padding:0px; font-family: 'prelo_slab_boldbold'; color: #000;width:29%;
 display: inline-block;} 
 .pwa-modal-section .main-wrap.ragister-now .heading{padding:7px 0 0 0}
.pwa-modal-section .main-wrap.ragister-now .heading:before{ content: "";background: url('../images/blue-style.png') 0 0 no-repeat;position:relative;
display: inline-block; width: 20px;height:32px;vertical-align: middle;margin-right: 5px;}
.pwa-modal-section .main-wrap.ragister-now .heading:after{ content: "";background: url('../images/blue-style-r.png') 0 0 no-repeat;position:relative;
display: inline-block; width: 20px;height:32px;vertical-align: middle; margin-left: 5px;}
.pwa-modal-section .main-wrap.ragister-now .subscriber.heading:before{vertical-align: baseline;}
.pwa-modal-section .main-wrap.ragister-now .subscriber.heading:after{vertical-align: baseline;}
.pwa-modal-section .main-wrap.ragister-now .right-cnt{position:absolute; right:0; top:0; font-size: 14px;
 padding: 15px 0; opacity: 0.7; color: #535860}
 .pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt{position: relative; }
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt h2{ font-size: 22px; font-family: 'prelo_slab_boldbold';color: #000; margin: 0px; padding:10px 0 20px 0;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block{ display: inline-block; padding:0 25px}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block span{padding: 7px 0 0 0;display: block; font-size: 13px;  font-family: 'prelo_slab_boldbold'; color:#535860; opacity: 0.7}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block button{padding: 10px 28px;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .or{ display: inline-block;vertical-align: top;padding: 10px 0 0 0;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt p{width: 39%; margin: 0px auto; padding: 25px 0;font-size: 13px;  font-family: 'prelo_slab_boldbold'; color:#000; opacity: 0.7;display: block;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block .input-block input[type="text"] {height: 42px;border: solid 1px #e3e3e3;vertical-align: top;
 padding: 0 15px 0 15px;font-size: 14px;margin: 0 -5px 0 0;width:auto; overflow: hidden;}
.pwa-modal-section .main-wrap.subscriber{text-align: center; position: relative;}
.pwa-modal-section .main-wrap.subscriber .right-cnt{position:absolute; right:0; top:0; font-size: 14px;padding: 15px 0;}
.pwa-modal-section .main-wrap .subscriber-cnt .btn-block .btn-primary{padding: 10px 80px;}
.pwa-modal-section .main-wrap .subscriber-cnt .btn-block span{padding: 7px 0 30px 0;display: block; font-size: 13px; color:#535860; opacity: 0.7 }
.pwa-modal-section .main-wrap .subscriber-cnt p{width: 35%; margin: 0px auto; padding: 20px 0;font-size: 13px;  color:#000; opacity: 0.7}
 
 /*sign in*/
.signin{ width: 380px; margin:0 auto; padding:30px; background-color: #FFF}
.signin h1{font-size:32px; font-family: 'prelo_slab_boldbold';color: #000; margin:0 0 15px 0; text-align: center; padding: 0px;}
.signin form .form-group{ margin: 0 0 15px 0 }
.signin form .form-group label{display: block; color: #535860; font-size: 13px;  font-family: 'prelo_slab_boldbold'; opacity: 0.7}
.signin form .form-group input[type="text"],input[type="password"]{padding: 0px 0 0 10px;width:97% !important; height: 38px; border:solid 1px #e3e3e3; margin: 8px 0 0 0}
.signin form .remember{ display: inline-block;font-size: 13px; color: #000; opacity: 0.7}
.signin form .forgotpass{ display: inline-block; float: right;}
.signin form .forgotpass a{font-family: 'freight_sansmedium';font-size: 13px; color:#0096db; text-decoration: none;}
.signin form .btn-primary{ display: block; padding:10px 55px; margin: 8px 0 0 0}
.signin form input[type="checkbox"]{ width: 18px; height: 18px; border:solid 1px #e3e3e3;margin: 0px;
 padding: 0px;}
.signin form .remember label{ font-family: 'freight_sansmedium'; vertical-align: super; padding: 0 0 0 5px;}
.signin p{letter-spacing: 0.7px;font-family: 'freight_sansmedium'; margin:20px 0 0 0; padding:15px 0px; font-size: 14px; color: #535860}
.signin p a{ color: #0096DB; text-decoration: none;}
.forgot-pass p{margin: 8px 0 0 0 !important;padding: 0px !important;}
.pw_loading{display: none;width: 32px;height: 32px;}
.signin .bottom-div h5{opacity: 0.7;font-size: 13px;font-family: 'freight_sansbold'; margin: 0px auto; padding: 0px;  width: 76%; display: inline-block;    color: #535860;}
.signin .bottom-div h5 a{color: #0096DB; text-decoration: none;}
.signin .bottom-div{text-align: center; margin:20px 0; }
.signin .bottom-div .heading:before{ content: "";background: url('../images/blue-style.png') 0 0 no-repeat;position:relative;
display: inline-block; width: 20px;height:32px;vertical-align: middle;margin-right: 5px;}
.signin .bottom-div .heading:after{ content: "";background: url('../images/blue-style-r.png') 0 0 no-repeat;position:relative;
display: inline-block; width: 20px;height:32px;vertical-align: middle; margin-left: 5px;}
.signin .back{ font-size: 14px;  font-family: 'prelo_slab_boldbold'; color: #535860; opacity: 0.7;position: absolute; bottom: 10px;left: 15px;}
.signin .back a{color: #0096DB; text-decoration: none;}
.signin .back img  {vertical-align: sub;padding-right: 5px;}
.signin .pw_error_message.error-msg {color: red;font-size: 15px;margin-bottom: 16px;display: block;}
.signin.pw_thanku_center h1{font-size: 22px;margin: 0px;}
.signin.pw_thanku_center .close-icon{position: absolute;right: 0px;top: 0px;}
.signin.pw_login .close-icon{position: absolute;right: 0px;top: 0px;}
.ragister-now .pw_error_message.error-msg {color: red;font-size: 15px;margin-top: 10px;margin-bottom: 0px!important;display: block;}
.pwa-modal-section .main-wrap.ragister-now .subscribe-just{display: none;}
h3.thankyou_h3 {width: auto !important;vertical-align: sub;}
.pwa-modal-section .main-wrap .right-text .close-icon img{vertical-align: sub;}
.on-mobile-pwa .pw-mobile-font{text-align: center;}
.on-mobile-pwa .pw-mobile-font h4{ font-size: 22px;} 
.on-mobile-pwa .pw-mobile-font p{ font-size:16px;}
.on-mobile-pwa .pw-mobile-font h5 {color: #92959a;font-size: 20px;padding: 6px 0 18px 0px;}
.on-mobile-pwa .pw-mobile-font.red-style p{color:#DE3831!important;}
.on-mobile-pwa .pw-mobile-font.red-style p strong{color:#b0b3b6!important;}
.header-sticky-container{z-index:999999 !important;}
.ragi-now-cnt input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #848484;}
.ragi-now-cnt input[type="text"]::-moz-placeholder { /* Firefox 19+ */color: #848484;}
.ragi-now-cnt input[type="text"]:-ms-input-placeholder { /* IE 10+ */color: #848484;}
.ragi-now-cnt input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #848484;}
.pw_move_recommended{bottom: 70px!important;}
@-moz-document url-prefix() {
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block .input-block input[type="text"]{padding: 8px 15px; height: 44px;}
.signin form .form-group input[type="text"], input[type="password"]{padding: 5px 0 0 10px;}
}
@media only screen and (max-width:480px) and (min-width:320px){
.pwa-modal-section .main-wrap.ragister-now h5{width: 77%;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt p{width: 84%;padding: 10px 0;}
.pwa-modal-section .main-wrap.ragister-now h3{width: 73%;}
.pwa-modal-section .main-wrap .subscriber-cnt p{width: 73%;}
.grey-btn-sub{padding: 9px 5px;}
.signin{width:100%}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block{padding: 0px;}
.blue-btn-sub{padding: 10px 10px;}
.pwa-modal-section .main-wrap.ragister-now .heading:after{vertical-align: sub;}
.pwa-modal-section .main-wrap.ragister-now .heading:before{vertical-align: sub;}
.pw_move_recommended {bottom: 135px!important;}
.pw_320 .jBox-container .jBox-content{width: 315px !important;}
}


@media only screen and (max-width:640px) and (min-width:481px){
.pwa-modal-section .main-wrap.ragister-now h5{width:77%;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt p{width: 70%;padding: 10px 0;}
.pwa-modal-section .main-wrap.ragister-now h3{width: 63%;}
.pwa-modal-section .main-wrap .subscriber-cnt p{width: 63%;}
.signin{width:100%}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block{padding:0px;}
.pwa-modal-section .main-wrap.ragister-now .heading:after{vertical-align: sub;}
.pwa-modal-section .main-wrap.ragister-now .heading:before{vertical-align: sub;}
.pw_move_recommended {bottom: 135px!important;}
}

@media only screen and (max-width:767px) and (min-width:641px){
.pwa-modal-section .main-wrap.ragister-now h5{width:43%;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt p{width: 50%;padding: 10px 0;}
.pwa-modal-section .main-wrap.ragister-now h3{width: 45%;}
.pwa-modal-section .main-wrap .subscriber-cnt p{width: 45%;}
.signin{width:100%}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block{padding: 0 21px;}
.pwa-modal-section .main-wrap.ragister-now .heading:after{vertical-align: sub;}
.pwa-modal-section .main-wrap.ragister-now .heading:before{vertical-align: sub;}
.pw_move_recommended {bottom: 135px!important;}
}

 @media screen and (max-width:1024px){
 .pwa-modal-section{ border-radius: 0px; }
.pwa-modal-section .main-wrap{ width: 100% ;padding:10px 5px;}
.pwa-modal-section .main-wrap.ragister-now .right-cnt{padding: 7px 0 15px 0;position: relative;}
.pwa-modal-section .main-wrap.ragister-now .subscribe.right-cnt {padding: 7px 15px 15px 0;position: relative;text-align: right;
display: inline-block;font-family: 'freight_sansmedium';}
.pwa-modal-section .main-wrap.ragister-now .subscribe-just{display: inline-block;}
.pwa-modal-section .main-wrap .subscriber-cnt .btn-block span{padding: 7px 0 10px 0;}
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .or{ display: block; }
.pwa-modal-section .main-wrap.ragister-now .ragi-now-cnt .btn-block.btn-gray{ display: none }
.pwa-modal-section .main-wrap h1 {background: none;text-align: center; padding: 9px 5px !important;font-size: 17px;}
.pwa-modal-section .main-wrap p{padding-bottom: 10px;}
.grey-btn-sub {background: #fff;color: #69707a; border: 1px solid #d9d9d9;float: left;width: 42%;text-align: center;font-size: 15px;padding: 9px 10px;margin-bottom: 6px;}
.blue-btn-sub{width: 54%;text-align: center;float: right;font-size: 15px;}
.m-thr-subs{margin-top: 10px;}
.signin.forgot-pass{padding: 15px}
.signin.forgot-pass form .btn-forgot{margin: 1px !important;padding: 10px 39px !important;}
.header-sticky-container{z-index:1050 !important;}
}
@media only screen and (max-width:1024px) and (min-width:768px){
   .pw_move_recommended {bottom: 135px!important;} 
}
.jBox-wrapper.pw_footer_model{top: auto !important; bottom: 0px !important;z-index: 999999999 !important;}
 .update.signin form .form-group input[type="text"], input[type="password"]{width: 100%;}
.update .btn-blue.ing {background: #eaab00 none repeat scroll 0 0;float: right;  margin-bottom: 25px;}
/****Forward-recommanded-box-adjustment****/
.btn-blue.disabled{background:#cccccc !important;cursor:not-allowed !important;}
.pw_blured{color: transparent;text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
.for_nonpaid_logged_in{display:none;}
.pw_show{display:block;}
.pw_hide{display:none;}