@font-face {
    font-family: "HelveticaNeueThin";
    src: url('../fonts/HelveticaNeueThin.ttf') format("truetype");
}
@font-face {
    font-family: "HelveticaNeueBd";
    src: url('../fonts/HelveticaNeueBd.ttf') format("truetype");
}
@font-face {
    font-family: "HelveticaNeueMedium";
    src: url('../fonts/HelveticaNeueMedium.ttf') format("truetype");
}
html,
body {
  height: 100%;
  margin: 0;
}
body { overflow-x: hidden; }
#note { display: none; }
.bodycontentdiv, #content { min-height: calc(100% - 180px); }
/* HEADER */
.header { padding: 20px 0 !important;}
.login-btn { 
    background: #ED5847;
    border-radius: 50px;
    color: #fff;
    padding: 14px 36px;
}
.top-menu { margin-top: 20px; }
.top-menu li a { color: #0A0A0A; text-transform: uppercase; font-family: "HelveticaNeueBd"; font-size: 14px; margin: 0 32px; padding: 0; line-height: 25px; }
.top-menu li a.active { border-bottom: 3px solid #ED5847; }
.top-menu li a:hover { text-decoration: none;}
/* HOME PAGE */
.home-bg { background: url(../assets/img/pattern.png) top center no-repeat; }
.mainlogo { width: 120px; }
.banner-text { max-width: 710px; margin:100px auto; text-align: center; }
.banner-text h1 { color: #242424; font-family: "HelveticaNeueBd"; font-size: 36px; }
.banner-text p { color: #3B3232; font-size: 14px; max-width: 450px; margin:10px auto; }
.banner-text .video-img { margin: 10px 0; outline: none;}
.signup-btn { background: #ED5847; margin: 10px auto; font-size: 16px;
    border-radius: 50px;
    color: #fff;
    padding: 15px 70px; 
}
.banner-text .smtxt { font-size: 12px; margin-top: 25px; }
.banner-text .smtxt a { color: #3E3E3E; }

.graySec { 
    padding: 250px 0 50px 0;
    background-image: linear-gradient(#F7F7F7, #F7F7F7);
    clip-path: polygon(3px 343px, 99.49% 2px, 100% -3.44%, 100% 100%, 0px 100%); 
    position: relative;
    min-height: 500px;
    margin-top: -130px;
 }
.graySec h1 { color: #3E3E3E; text-align: center; font-size: 38px; letter-spacing: 1px; font-family: "HelveticaNeueBd";  }
.graySec p { color: #3E3E3E; text-align: center; font-size: 16px; letter-spacing: 1px; font-family: "HelveticaNeueThin"; margin:5px auto; max-width: 750px; }
.graySec .point_btn { background: #ED5847; border-radius: 50px; letter-spacing: 0; font-size: 15px; color: #fff; padding: 14px 30px; font-family: "HelveticaNeueMedium"; margin-top: 50px; } 
.points_scroll h4 { color: #3E3535; font-size: 18px; font-family: "HelveticaNeueBd"; text-align: center; margin-bottom: 5px;  }
.points_scroll p { color: #D0B648; font-size: 15px; font-family: "HelveticaNeueBd"; text-align: center;  }
.points_scroll .item, .wonprices .item { padding: 10px; margin-bottom: 40px;}
.points_scroll .item a:hover { text-decoration: none; }
.points_scroll .item img { margin-bottom: 15px; }
.points_scroll .owl-nav, .points_scroll .owl-dots { display: none;}
.wonprices {
    position: relative;
    min-height: 500px;
    padding: 50px 50px 90px 50px;
    text-align: center;
    background-image: linear-gradient(#F7F7F7, #F7F7F7);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw));    
}
.wonprices h2 { font-size: 22px; color: #4A4242; font-family: "HelveticaNeueBd"; margin-bottom: 20px;  }
.wonprices img { margin-bottom: 15px;}
.wonprices .bit_btn { font-size: 14px; color: #fff; font-family: "HelveticaNeueBd"; margin-bottom: 25px; background: #ED5847; border-radius:35px; padding: 9px 35px; }


/* LOGIN PAGE */
.login-bg { background: url(../img/login-bg.png) no-repeat center center; background-attachment: fixed; min-height: calc(100vh - 180px);}
.login_box { margin: 39% 0;padding: 10px; }
.fwp-box { margin: 48% 0; }
.su_box { margin: 10% 0 !important;  }
.login_box h1 { font-size: 32px; text-align: center; font-family: "HelveticaNeueBd"; margin-bottom: 35px; color: #393030; }
.login_box .sm_text { font-size: 14px; text-align: center; margin-bottom: 5px; color: #393030; margin-bottom: 35px; }
.login_box .loginbtn { margin-bottom: 20px; background: #ED5847; color: #fff; width: 100%; border-radius: 8px; height: 55px; font-size: 14px; padding: 10px; text-transform: uppercase; border: none; font-family: "HelveticaNeueBd"; }
.login_box label, .form-box label { font-size: 14px;  font-family: "HelveticaNeueBd"; color: #393030; }
.form-control { background: #eeeeee !important; height: 55px !important; border: 1px solid #EEEEEE !important; border-radius: 8px !important;}
.form-control:focus { background-color: #EEEEEE !important; border-color: #EEEEEE !important; box-shadow: none !important; }
.dnt-acc { text-align: center; color: #393030; font-size: 14px;  font-family: "HelveticaNeueBd"; line-height: 26px; }
.dnt-acc a {  color: #2EB0E0 !important; }
.back-link a { font-size: 15px; color: #393030; font-family: "HelveticaNeueBd"; }
.back-link a:hover { color: #393030 !important; }


.firstsection { width: 100%; display: -webkit-flex; display: flex; background: #fff; padding: 30px 0; flex-grow: 4;}
.firstsection .first { -webkit-flex: 2; -ms-flex: 2; flex: 2; width: 75%; }
.firstsection .second { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 25%;}
.firstsection .leftbg{ background: #fff;  display: flex; justify-content: center;  flex-direction: column;}
.firstsection .content-sec { color: #3c3c3c; font-size: 20px;
    font-weight: 400; padding:20px; max-width: 750px; margin: auto;
}
.firstsection .content-sec h1 { font-size: 36px; line-height: 45px; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #3E3535; padding:0 0 30px 0; letter-spacing: 1px; }
.firstsection .content-sec h1 span { color: #ED5847; }

.titlesec { font-size: 36px; color: #242424; line-height: 45px; font-family: "HelveticaNeueBd";width: 100%; color: #3E3535; padding:0 0 30px 0; text-align: center;  width: 100%; }

.howDiff { width: 100%; display: -webkit-flex; display: flex;  padding: 30px 0; }
.howDiff .first img { max-width: 400px; margin: auto;}
.howDiff .first { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 50%; }
.howDiff .second { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 50%;}
.howDiff .second h2 { font-size: 26px; font-family: "HelveticaNeueBd"; color: #3E3535;   width: 100%; }
.howDiff .rightbg{  display: flex; justify-content: center;  flex-direction: column;}
.howDiff p { color: #403F3F; font-size: 15px; line-height: 27px;}


.greyCross { 
    position: relative;
    min-height: 520px;
    padding: 70px 10px;
    text-align: center;
    background-image: linear-gradient(#F7F7F7, #F7F7F7);
    clip-path: polygon(0px 0px, 99.95% 114px, 99.84% 100.86%, 0px calc(100% - 5vw));
}
.conross { 
    position: relative;
    min-height: 520px;
    padding: 100px 10px 150px 10px;
    text-align: center;
    background-image: linear-gradient(#F7F7F7, #F7F7F7);
    clip-path: polygon(1px 52px, 99.7% 170px, 99.79% 60.13%, 0px calc(100% - 5vw)); margin-bottom: -100px;
}
.Rsec { width: 100%; display: -webkit-flex; display: flex;  padding: 30px 0; background: #F7F7F7; }
.Rsec .second img { max-width: 400px; margin: auto;}
.Rsec .first { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 50%; }
.Rsec .second { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 50%;}
.Rsec .first h2 { font-size: 26px; font-family: "HelveticaNeueBd"; color: #3E3535;   width: 100%; }
.Rsec .leftbg{  display: flex; justify-content: center;  flex-direction: column; text-align: left;}
.Rsec p { color: #403F3F; font-size: 15px; line-height: 27px;}


p.estcost { text-align: center; font-size: 15px; width: 100%; }
p.estcost span { color: #211E1E; font-family: "HelveticaNeueBd"; font-size: 26px; padding: 5px 10px;}
.ad_btn { background: #ED5847; margin: 25px 0 0 0; font-size: 16px; border-radius: 50px;color: #fff; padding: 15px 50px; border: none;  margin: auto; }
.mlzWork {  background: url('../img/pattern.png') no-repeat center center !important; padding:0 0 30px 0 ; }     
.mlzWork h1 { font-size: 38px; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #3E3535; padding:0 0 20px 0;  }


.privacy_policy { padding: 70px 0; width: 100%;}
.privacy_policy h1 { font-size: 38px; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #3E3535; padding: 50px 0; }
.privacy_policy p { font-size: 19px; line-height: 30px; color: #211E1E;  }

.about_page { padding:0; width: 100%;}
.about_page h1 { font-size: 38px; text-align: center; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #3E3535; padding: 20px 0; }
.about_page p { font-size: 19px; line-height: 30px; color: #211E1E; }
.about_page .about_img { margin: 20px 0; width: 100%; }
.about-video {
    max-width: 710px;
    margin: 20px auto 40px auto;
    text-align: center;
}

.faq_header { padding: 140px 0; text-align: center;}
.faq_header h1 { font-size: 38px; text-align: center; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #3E3535; padding: 20px 0 10px 0; }
.faq_header p { font-size: 24px; line-height: 30px; color: #696161; font-family: "HelveticaNeueThin"; }
.faq_header p a {  color: #347479; font-family: "HelveticaNeueBd"; }
.faq_body { background:#F7F7F7; padding: 50px 0; }
.fag_tab .card { border: none; }
.fag_tab .card-header { background: #fff; color: #242424; border: none; }
.fag_tab .card-header button { color: #242424; font-family: "HelveticaNeueBd"; font-size: 18px; }
.fag_tab .card-body { background: #58E2DC12; color: #242424; font-size: 15px;}
.accordion .card .card-header button { width: 100%; text-align: left; box-shadow: none;}
.accordion .card .card-header button:hover { color: #242424;}
.accordion .card .card-header button:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.accordion .card .fa-angle-down { float: right; }


.home_btmSec { padding:80px 0; text-align: center; float: left; width: 100%; }
.home_btmSec h2 { color: #4B4040; font-size: 22px; }
.home_btmSec p { color: #707070; font-size: 16px; font-family: "HelveticaNeueThin"; letter-spacing: 0.5px; }
.home_btmSec .content { margin-bottom: 50px; }
.home_btmSec .signup-btn { background: #ED5847; margin: 25px 0; font-size: 16px; 
    border-radius: 50px;
    color: #fff;  font-family: "HelveticaNeueMedium";
    padding: 15px 70px; 
}
.home_btmSec .smtxt { font-size: 12px; margin-top: 25px; }
.home_btmSec .smtxt a { color: #3E3E3E;}
.home_btmSec .thumb_img { max-width: 100%; max-height: 200px; margin-bottom: 35x;}
.home_btmSec .thumb_img.third { margin-right: -120px; }

.contact_first { padding: 80px 0; }
.contact_first h1 { font-size: 38px; text-align: center; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #3E3535; padding: 20px 0 0 0; margin-bottom: 10px; }
.contact_first .sub_head { font-size: 17px; text-align: center; line-height: 25px; color: #3E3535; }
.contact_part {  text-align: center; margin: 70px 0; }
.contact_part a { color: #ED5847; font-family: "HelveticaNeueBd"; border-bottom: #ED5847 solid 3px; line-height: 35px; padding-bottom: 5px; }
.contact_part a:hover { color: #ED5847; text-decoration: none; }
.contact_part p { font-size: 17px; line-height: 30px; color: #272020; }
.contact_part h2 { font-size: 24px; text-align: center; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #272020;  }
.sub_btn {  margin:0px auto; background: #ED5847; color: #fff; width: 120px;  border-radius: 8px; height: 52px; font-size: 14px; padding: 10px; text-transform: uppercase; border: none; font-family: "HelveticaNeueBd";  }
.txt_area { width: 100%; background: #eee; border: #eeeeee solid 1px; border-radius: 8px; }
.line { border-left: solid 1px #AFAFAF; }

.send-msg { background: #ED5847; padding:70px 0 90px 0; float: left; width: 100%; }
.send-msg h1 { font-size: 38px; text-align: center; font-family: "HelveticaNeueBd"; float: left; width: 100%; color: #fff; padding: 30px 0; margin-bottom: 80px; letter-spacing: 1px; }
.form-box { background: #fff; box-shadow: 0px 3px 6px #00000029;  border-radius: 8px; margin-top: -160px; padding: 35px; margin-bottom:50px; }
.ins_cal label { padding-top: 10px; }

/* FOOTER */
.footer-border {
    background: rgb(240,93,51);
    background: linear-gradient(90deg, rgba(240,93,51,1) 0%, rgba(151,89,114,1) 33%, rgba(151,89,114,1) 66%, rgba(46,176,224,1) 100%);
    height: 9px;
    float: left; width: 100%;
}
.footer-copyright { background: #F2F2F2; padding: 15px 0; min-height: 80px; float: left; width: 100%; } 
.fmenu { float: left; }
.footer-copyright .fmenu { margin-bottom: 0; margin-bottom: 0; padding: 0; margin-left: 20px; }
.footer-copyright .fmenu li { display: inline-block; list-style: none; padding-right: 10px; } 
.footer-copyright .fmenu li a { color: #4A4242; font-size: 14px;   } 
.F_menu { float: left; }
.F_socialmenu ul { padding: 0;}
.F_socialmenu li { float: right; }
.F_socialmenu li { display: inline-block; }
.F_socialmenu img { width: 35px; margin-right: 10px; }
.sm_mlz {max-height: 50px; margin-top: -10px; }

.code_txtbox { width: 60px !important; margin-left: 10px; float: left;}
.code_txtbox .form-control { padding: 5px !important;}
.with_txtbox { width: calc(100% - 70px) !important; }

.wonprices .bit_btn:hover, 
.back-link a:hover, 
.graySec .point_btn:hover,
.fag_tab .card-header button:hover,
.login-btn:hover, .ad_btn:hover
.home_btmSec .signup-btn:hover, .signup-btn:hover 
{ text-decoration: none; color: #fff;; }
.captcha_style  { width: 230px; margin: auto;}
.captcha_style .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

@media (min-width:1350px) {
.container-fluid { max-width: 1300px; margin: auto; }    
}
@media (max-width:768px) { 
.video-img { max-width: 100%;}
.banner-text { margin: 10px auto !important;}
.graySec { clip-path: polygon(0px 220px, 99.72% 171px, 100% -3.44%, 100% 100%, 0px 100%) !important; padding: 250px 15px 50px 15px; }
.home_btmSec .col-sm-4 { margin-bottom: 15px;}
.home_btmSec .content { margin-bottom: 30px !important; }
.home_btmSec { padding: 50px 0 !important; }
.footer-copyright .sm_mlz { display: none;}
.footer-copyright .fmenu { text-align: center; }
.F_socialmenu img { margin: 19px 10px 0 8px; }
.F_socialmenu li { float: none; }
.mobmenu  {  float: left; min-height: 60px; width: 100%; margin-bottom: 50px; }
.mobmenu a {  float: left;  }
.mobmenu .sec_link {  float: left; margin-top: 28px; margin-right: 5px; }
.mobmenu .sec_link:hover {  text-decoration: none; }
.mobmenu .navbar-toggler { margin-top: 20px;  float: right;}
.login-btn { border-radius: 6px !important; padding: 10px 23px !important; }
.navbar-collapse { margin-top: 90px; background: #fff; }
.firstsection, .howDiff, .greyCross, .Rsec  { display: block; }
.Rsec .second img, .howDiff .first img { max-width: 100%; }
.firstsection .first, .howDiff .second, .Rsec .first, .Rsec .second, .howDiff .first { width: 100%;}
.firstsection .content-sec { padding: 0;}
.conross {  padding: 40px 10px 40px 10px; clip-path: polygon(1px 52px, 99.65% 38px, 99.69% 97.94%, 2px 538px); }
.leftbg .signup-btn {margin: 0 0 5px 0; float: left; }
.firstsection .content-sec h1 { font-size: 18px; line-height: 25px; padding: 0 0 17px 0; }
.faq_header { padding: 50px 0; }
#content { float: left; width: 100%;}
.login_box { margin: 4% 0 50px 0;  padding: 10px; border-radius: 10px; }
.su_box { margin: 0 0 10% 0 !important; }

}

.m-t-30 { margin-top: 30px; }
.m-b-10 { margin-bottom: 10px !important; }

.required span
{
    color: red;
}
.errorMessage
{
    color: red;
    font-size: 11px;
}
.error > .required
{
   color: red; 
}

.help-block > .required
{
    color: red;
}
.error > .required
{
   color: red; 
}