﻿/* Start Css for sticky footer */
main{float: left; width: 100%;}
footer{position:absolute; bottom:0; width:100%;}
body { -webkit-font-smoothing: subpixel-antialiased; } /*font weight adjustment form Mac*/

body, input, p,
input, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date],  select, textarea {font-size:15px; line-height: 1.6; font-weight: 400;}

a.lbl-badge{background-color:rgba(0,0,0,0.3); color: #fff !important; border-radius: 4px; padding: 2px 5px; text-decoration: none !important;}
a.lbl-badge:hover{background-color:rgba(0,0,0,0.5)}

p:last-child{margin-bottom:0;}

#navbarNav.rgt-col{position: absolute; right: 0; top: 13px;}

/* Start font family */
/*body, input{font-family: 'Sarabun', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Source Sans Pro', sans-serif; font-weight:700; line-height:1; margin-bottom: 1.2rem;}
h3, h4, h5, h6{font-weight:600;}*/
/* close font family */

/* Start font sizes */
/*body, input, p,
input, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date],  select, textarea {font-size:15px; line-height: 1.6; font-weight: 400;}
.display-1{font-size:80px; font-weight:700; line-height:1;}
.display-2{font-size:62px; font-weight:700; line-height:1;}
.display-3{font-size:52px; font-weight:700; line-height:1;}
.display-4{font-size:42px; font-weight:700; line-height:1;}
.display-5{font-size:32px; font-weight:700; line-height:1;}
.display-6{font-size:22px; font-weight:700; line-height:1;}
small, .text-small{font-size:80%;}
.text-smaller{font-size:70%;}
.text-x-small{font-size:64%;}
.text-xx-small{font-size:58%;}
large, .text-large{font-size:90%;}
.text-larger{font-size:100%;}
.text-x-large{font-size:120%;}
.text-xx-large{font-size:140%;}
.display-1 strong, .display-2 strong, .display-3 strong, .display-4 strong, .display-5 strong, .display-6 strong{font-weight:700;}*/
/* close font sizes */

/* Start Pre-login Container --- Imran */
.pre-login-container {
    max-width: 1250px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; margin-top: 15px; }
.pre-login-container .white-wraper {
    margin-bottom:25px;
}
/* End Pre-login Container --- Imran */


/* Start section padding */
section,
.sec-get-bd .bg-icons,
section.sec-current-provider .bg-lft{padding:70px 0;}
section.hm-hero-banner, section.bd-hero-banner{padding-top:30px;}
section.dig-marketing .bg-bottom{padding:226px 0;}
section.sec-success-story .bg-bottom{padding-top: 70px; padding-bottom:460px;}
section.sec-partner-logo{padding: 40px 0;}
section.sec-demo-summary{padding-bottom:200px;}
section.sec-scheduleACall{padding:158px 0;}
.sec-serviceProvider-form .txt-bx{padding-top:56px;}
#privacyPolicyPg section.sec-privacyPolicy{padding-top:20px; padding-bottom:20px;}
#TOUPg section.sec-tou{padding-top:20px; padding-bottom:20px;}
section.sec-thankYou{padding-top:15px; padding-bottom:15px;}
/* Close section padding */

/*Spanish Start*/
.gflag img {
    width: 35px; height: auto; border-radius: 3px;}
/*Spanish End*/

.box-shadow{box-shadow: 0px 0px 8px rgba(0,0,0,0.6);}
.progress{margin:8px 0;}
.boxStyle { display: inline-block; width: 70px; height: 70px; margin: 6px; background-color: #555;}
.card-deck .card {min-width: 220px;}
.sec-grid [class*="col-"] {background-color: rgba(86, 61, 124, .15); border: 1px solid rgba(86, 61, 124, .2);}

.avatar {position: relative; display: inline-block;}
.avatar {width: 3rem; height: 3rem;}
.avatar-sm {width: 2.5rem; height: 2.5rem;}
.avatar-title {display: flex; width: 100%; height: 100%; color: #fff; background-color: #b1c2d9; align-items: center; justify-content: center;}
ul.arrow-list{list-style:none; padding-left: 26px;}
ul.arrow-list li:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35a"; position:absolute; margin-left:-20px; margin-top:1px; color:#5b626b;}
ul.check-list{list-style:none; padding-left: 26px;}
ul.check-list li:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f14a"; position:absolute; margin-left:-24px; margin-top:2px; color:#5b626b;}

/* start color css */
body{background-color: #f8f8fa; color:#5b626b;}
.txt-grey{color:#535353 !important;}
.txt-white, .txt-white a{color:#ffffff !important;}
.txt-black{color:#000000 !important;}
.bg-grey{background-color:#535353 !important;}
.bg-white{background-color:#ffffff !important;}
.bg-black{background-color:#000000 !important;}
.signup-tab-bx h4{color:#4835a0;} /*indigo color*/
/* close color css */

/*header{height:54px;}
.navbar{padding:0 0}
.navbar-nav .nav-item{border-bottom:4px solid rgba(255,255,255,0);}
.navbar-nav .nav-item.active{border-bottom:4px solid rgba(0,0,0,9);}
.navbar-expand-lg .navbar-nav .nav-link{ padding:0.8rem 1rem;}
header nav .navbar-nav .nav-item a{color: #fff; font-weight:400; text-decoration:none;}
nav .navbar-nav .nav-item a:hover, nav .navbar-nav .nav-item.active a{color:#000;}
#loginLi a {margin-top: 13px; background-color:#fff; color:#000;}
#loginLi a:hover{color:#fff;}
#loginLi .dropdown-menu.dropdown-menu-home{top:43px;}*/

/* start form styling */
label{margin-bottom: .3rem; float:left; width:100%;}
textarea{resize:none;}
input, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date],  select, textarea{background-color: #f0f1f3; border: 1px solid #f0f1f3; color: #000; padding: 8px 12px; transition: all 0.4s ease-in-out 0s; border-radius: 3px;}
input[type="text"]:focus {outline: none; background-color: #c9c8c8;}
.form-control:focus{border-color:#fff;}
form .form-group{position:relative; margin-bottom:0;}
form .form-group .field-validation-error,
.forgot-pass-bx .div-flow .field-validation-error{background: #fff none repeat scroll 0 0; border: 1px solid #ff5a5a; border-radius: 5px; color: #ff5a5a; font-size: 12px; left: 0; padding: 8px 12px; position: absolute; width: 100%; line-height:1.6;}
*::-ms-backdrop, form .form-group .field-validation-error, .forgot-pass-bx .div-flow .field-validation-error{padding:7px 12px;}/* IE11 */
.sec-scheduleACall-form .form-group .field-validation-error{top:26px;}
.forgot-pass-bx .div-flow .field-validation-error{position: relative; margin-top: -38px; line-height: 1.6;}
*::-ms-backdrop, .forgot-pass-bx .div-flow .form-control{padding:9px 12px}/* IE11 */
*::-ms-backdrop, .forgot-pass-bx .div-flow .field-validation-error{padding:8px 12px}/* IE11 */
.reset-pass-bx .form-group .field-validation-error {line-height:15px; top:25px; padding:3px 8px; min-height:33px; display:flex; align-items: center;}
.button-default{padding: 8px 12px;}

.form-item-captcha-response .field-validation-error{background: #fff none repeat scroll 0 0; border: 1px solid #ff5a5a; border-radius: 5px; color: #ff5a5a; font-size: 12px; left: 0; padding: 8px 12px; position: relative; width: 100%; margin-top: -38px;}

/*----MS Edge Browser CSS Start----*/
@supports (-ms-ime-align:auto) {
select{padding:6.5px 12px;}
form .form-group .field-validation-error,
.reset-pass-bx .form-group .field-validation-error,
.sec-scheduleACall-form .form-group .field-validation-error{top:26px;}
}
/*----MS Edge Browser CSS End----*/


/* close form styling */

/*nav.navbar{border-bottom: 1px solid rgba(255,255,255,0.4);}*/


/* start Home page */
section.hm-hero-banner{background:#103c85 url("../images/header_indego_bg.png") center bottom no-repeat; background-size: cover;}
.hm-hero-banner .heroRgtImg {
    width: 568px;
    overflow: hidden;
    float:right;
    display:block;
}

.hm-hero-banner .heroRgtImg img{width:100%; /*transform:rotate(-7deg);*/}

section.sec-bd-feature{
    padding-bottom: 0;
    background-color:#103c85;
    background-image:url("../images/provider-bg.jpg");
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:70%;
}

.hm-box-slide{text-align:left; margin-top: 100px;}
.hm-box-slide .card{border-bottom-left-radius:0; border-bottom-right-radius:0; box-shadow: 0px -4px 8px rgba(0,0,0,0.6);}
.hm-box-slide .card .card-header{}
.hm-box-slide .card .card-header img{height:14px;}
.hm-box-slide .card .card-body{min-height: 224px; padding:15px;}
.hm-box-slide .card .card-body small{font-size:90%; line-height:1.5;}
.hm-box-slide .card .card-body p:last-child{margin-bottom:0;}
.hm-box-slide .card .img-bx{float:right; height:66px; margin-left:12px; margin-bottom:6px;}
.hm-box-slide .zoom .card{transform: scale(1.17); z-index: 1; transform-origin: 50% bottom;}
.hm-box-slide .zoom .card p{line-height: 1.2;}

section.sec-cust-services{
    padding-bottom:24px;
    background-image:url("../images/cust-services-top.svg");
    background-repeat:no-repeat;
    background-position:right top;
    background-size:cover;
}

.sec-cust-services .bg-bottom {width: 100%; position: absolute; margin-top: -88px;}
.sec-cust-services .txt-bx{margin-top: 100px;}

section.sec-get-bd{padding: 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ac3384+0,903ac5+100 */
background: rgb(172,51,132); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(172,51,132,1) 0%, rgba(144,58,197,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(172,51,132,1) 0%,rgba(144,58,197,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(172,51,132,1) 0%,rgba(144,58,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac3384', endColorstr='#903ac5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sec-get-bd .bg-icons{background:url("../images/getBundleDealer-bg-icon.png") center center no-repeat; background-size: cover;}
.sec-get-bd img{max-width:760px; width:50%;}

section.dig-marketing{
    padding: 0 0; 
    background-image:url("../images/dm-top.svg");
    background-repeat:no-repeat;
    background-position:right top;
    background-size:45%;
}


section.dig-marketing .bg-bottom{
    border-bottom:8px solid #0186ed; 
    background-image:url("../images/dm-bottom.svg");
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:33%;
}
section.dig-marketing .dmRgtImg {
    width: 95%;
    display: block;
    margin-top: -133px;
    background-position: right;
    background-size: inherit;
    height: 601px;
}
.dmRgtImg img{width: 100%;}
section.dig-marketing .txt-bx{margin-top:-80px; margin-bottom:80px;}

section.sec-success-story{padding: 0 0; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f4d9fc+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(244,217,252,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(244,217,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(244,217,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4d9fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section.sec-success-story .bg-bottom{
    border-bottom:0px solid #f4d9fc;
    background-image:url("../images/ss-art.svg");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:70%;
}

section.sec-partner-logo{background: #fff;}
section .partner-logo-bx{text-align: center;}
section .partner-logo-bx span{display:inline-block; margin: 0 30px;}
section .partner-logo-bx span:first-child{margin-left: 0;}
section .partner-logo-bx span:last-child{margin-right: 0;}
section .partner-logo-bx span img {height:44px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%); transition: all 0.5s ease-in-out;}
section .partner-logo-bx span:hover img {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */  filter: grayscale(0%);}

.sec-success-story .carousel-control-prev, .sec-success-story .carousel-control-next{display:none;}
.sec-success-story .carousel-indicators{bottom:-34px; z-index: 1;}
.sec-success-story .carousel-indicators li{background-color:rgba(118,35,160,0.4); cursor:pointer;}
.sec-success-story .carousel-indicators li.active{background-color:rgba(118,35,160,1);}

/* close Home page */

/* close become a dealer page */
section.bd-hero-banner{
    padding-bottom:270px;
    background-color:#d2e1fb;
    background-image:url("../images/header_indego_bg.png");
    background-repeat:no-repeat;
    background-position:left top;
    background-size:cover;
}


.bd-hero-banner .rgtImg{ width:500px; display:block; float:right;}
.bd-hero-banner .rgtImg img{width: 100%;}
.bd-hero-banner ul.arrow-list li{color:#fff;}
.bd-hero-banner ul.arrow-list li:before {color:#fff;}

section.sec-user-mang{
    padding-top:0; 
    padding-bottom:0;
    background-image:url("../images/bd-usermanagement-bg.svg");
    background-repeat:no-repeat;
    background-position:right top;
    background-size:cover;
}


.sec-user-mang .txt-bx{margin-top: 100px;}

section.sec-provider-filtering{background-color: #d3eff4; padding-bottom:0}
.sec-provider-filtering .txt-bx{margin-top: 100px;}

section.sec-Product-filtering{padding-bottom:0}
.sec-Product-filtering .txt-bx{margin-top: 100px;}
section.sec-comparison-cart{background:#3fc8f6;}
.sec-comparison-cart .txt-bx{margin-top:50px;}
section.sec-oma-offer{
background-color:#f9ce24;
    background-image:url("../images/bd-OMA-offer-bg.svg");
    background-repeat:no-repeat;
    background-position:left center;
    background-size: cover;
}

.sec-oma-offer .oma_offer_heading{width:85%;}
.sec-oma-offer .txt-bx img{width:75%;}
section.sec-shopping-cart{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+22,f4d9fc+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 22%, rgba(244,217,252,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 22%,rgba(244,217,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 22%,rgba(244,217,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4d9fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding-bottom:0;
}
section.sec-rt-report{background-color:#f9f9f9; padding-bottom:0;}
.sec-rt-report .img-bx img{max-width:85%; float:right;}
section.box-badge-bg{background-color:#f5ece3;}
.box-badge-bg .box-badge-dsgn-a{
    height:558px; 
    text-align:center; 
    padding:0 136px; 
    display: table-cell; 
    vertical-align: middle;
    background-image:url("../images/bd-box-badge-dsgn-a.svg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}



section.sec-current-provider{
    padding-bottom:0; 
    padding-top:0; 
    background-color:#f3f4f6;
    background-image:url("../images/bd-current-provider-img.svg");
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:28%;

}


section.sec-current-provider .bg-lft{
    background-image:url("../images/bd-current-provider-bg.svg");
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:10%;
}

section.sec-current-provider ul li{float:left; width:46%;}
section.sec-current-provider ul li:before{color:#48359e;}
section.sec-current-provider ul li:nth-child(odd){margin-right:8%;}
section.sec-current-provider ul li a{color:#000; text-decoration:none;}
section.sec-current-provider ul li a:hover{text-decoration:underline;}


/* close become a dealer page */

/* start Demo page */
.sec-demo-summary{
    background-image:url("../images/demo-summary-bg.svg");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
}
.sec-demo-summary .demoRgtImg{width:100%; float:right; display:block;}
.sec-demo-form{
    background-color:#fff;
    background-image:url("../images/demo-form-bg.svg");
    background-repeat:no-repeat;
    background-position:left center;
    background-size:contain;
}

.sec-demo-form .demoFrmLftImg{position: absolute; left:70px; width:312px; margin-top:-12px;}
/* close Demo page */

/* start scheduleACall page */
.sec-scheduleACall{ 
    border-bottom:5px solid #f4f4ff;
    background-color:#fff;
    background-image:url("../images/SA-call-bg.svg");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
}


.sec-scheduleACall .RgtImg{width:540px; float:right; display:block;}
.sec-scheduleACall-form{
    background-color:#fff;
    background-image:url("../images/SA-form-bg.svg");
    background-repeat:no-repeat;
    background-position:left -225px center;
    background-size:67%;
}


.sec-scheduleACall-form .FrmLftImg{position: absolute; left:70px; width:378px; margin-top:-12px;}
/* close scheduleACall page */

/* start serviceProvider page */
.sec-serviceProvider{background:#faeefc url(../images/SP-S-bg.png) right center no-repeat; padding:50px 0;}
.sec-serviceProvider .RgtImg{position: absolute; right:70px; width:436px; margin-top:-60px;}
.sec-serviceProvider-form{background-color:#fff; padding:0 0;}
.sec-serviceProvider-form .FrmLftImg{position: absolute; left:70px; width:312px; margin-top:-12px;}
/* close scheduleACall page */

/* start HowItWorks page */
#howItWorksPg{background-color:#fff;}
section.sec-hit{padding:0;}
.sec-hit .hit-tab-bx{position:fixed; right:-22px; width:48%; top:54px; z-index:1;}
.sec-hit .hit-tab-bx .hit-tab-menu{}
.sec-hit .hit-tab-bx .hit-tab-menu li{display: table; width:100%; border-top-left-radius:40px; height:calc((100vh - 88px)/5); transition:all 0.5s ease-in-out; 
-webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
}
.sec-hit .hit-tab-bx .hit-tab-menu li:hover,
.sec-hit .hit-tab-bx .hit-tab-menu li.show{margin-left: -70px !important; border-bottom-left-radius: 8px !important; width:calc(100% + 80px) !important;}
.sec-hit .hit-tab-bx .hit-tab-menu li:nth-child(1){background-color:#fa9624;}
.sec-hit .hit-tab-bx .hit-tab-menu li:nth-child(2){background-color:#f6bd04;}
.sec-hit .hit-tab-bx .hit-tab-menu li:nth-child(3){background-color:#0d95cf;}
.sec-hit .hit-tab-bx .hit-tab-menu li:nth-child(4){background-color:#f5308a;}
.sec-hit .hit-tab-bx .hit-tab-menu li:nth-child(5){background-color:#a33e9e;}
.sec-hit .hit-tab-bx .hit-tab-menu li a{width:100%; color:#fff; text-decoration:none; font-size:16px; line-height:28px; padding:0 94px 0 34px; display: table-cell; vertical-align: middle; 
-webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);}
.sec-hit .hit-tab-bx .hit-tab-menu li a img{float:left; margin-right:6px; vertical-align:middle; width:62px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span{display:inline-block; float:right; width:85%;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span h4{color:#fff;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span p{color:#fff; margin-bottom:0;}
.sec-hit .hit-tab-content{margin-top:50px;}
.sec-hit .hit-tab-content img{max-height:430px;}
/* close HowItWorks page */

/* start signup page */
.signup-tab-bx{float:left; width:100%; background-color:#fff; border-radius:6px; margin:15px 0; padding:15px; box-shadow:0 0 13px 0 rgba(236,236,241,.44);}
#SignUpPg .signup-tabs{margin-top:0; background-color:transparent; border:0; padding-left:0;}
#SignUpPg .signup-tabs .dealer-pending-tabs{ margin-top:0;}
#SignUpPg .signup-tabs .dpt .box-item::before, #SignUpPg .signup-tabs .dpt .box-item::after{display:none;}
#SignUpPg .signup-tabs li{width:24.1%; margin:0 0.6%; padding:0; text-align:center; border:0;}
#SignUpPg .signup-tabs li:first-child{margin-left:0;}
#SignUpPg .signup-tabs li:last-child{margin-right:0;}
#SignUpPg .signup-tabs li .dealer-tab-number{float:none; padding:0; border-radius:60px; font-size:inherit; width:25px; line-height:25px; display:inline-block; text-align:center;}
#SignUpPg .signup-tabs li .dealer-tab-heading{text-transform:capitalize; line-height: 54px;}
ul.pci-Compliant li input{float:none;}
ul.pci-Compliant li input[type=radio], ul.pci-Compliant li input[type=checkbox]{margin-top:-2px !important;}
.signup-tab-bx ul.pci-Compliant li label{margin-right:20px;}
.signup-tab-bx select{width:100%;}
*::-ms-backdrop, .signup-tab-bx select::-ms-expand {display: none;}/* IE11 */
.companyinfo-checkbox input[type="checkbox"]{vertical-align: text-top; padding:0}

/* close signup page */

/*footer .lft-bx{color: #fff;}
footer .lft-bx div{line-height:1.3;}
footer .lft-bx a{color: #adadad; text-decoration: none;}
footer .lft-bx a:hover{color: #e5063a;}
footer .lft-bx .ft-lnk a{padding:0 5px;}
footer .lft-bx .ft-lnk a:first-child {border-left: solid 0px #adadad; padding-left:0; }
footer .lft-bx .ft-lnk a:after{content:'I'; position:absolute; color:#fff; padding: 4px 5px;}
footer .lft-bx .ft-lnk a:last-child:after{display:none;}
footer .ft-logo{width:180px; width: 150px; margin: 2px 0;}*/


.dealer-pending-tabs{margin-bottom: 30px;}
#SignUpPg div[id^="Providerlist"]{width:868px; padding:0;}
#SignUpPg .provider-affiliation-div .CPA-div{float:left; width:32.5%; margin-right:10px;}
#SignUpPg .provider-affiliation-div .CPA-div:nth-child(3n){margin-right:0px;}
.chkbx-MT input[type="checkbox"]{float:left; padding:0;}


/* Start Prelogin Theme indigo */
.bd-theme-border, .btn-primary, .btn-secondary, button {border:0; text-decoration:none; font-size:13px;}
.bd-theme-bg{
    background: rgb(167,86,241); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(167,86,241,1) 0%, rgba(120,34,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(167,86,241,1) 0%,rgba(120,34,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(167,86,241,1) 0%,rgba(120,34,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a756f1', endColorstr='#7822ff',GradientType=1 ); /* IE6-9 */}

button, .btn, input[type=button], .btn-primary{color:#fff; outline:none; transition:all 0.5s ease-in-out;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a756f1+0,7822ff+100 */
background: rgb(64,57,158); /* Old browsers */
background: -moz-linear-gradient(left, rgba(64,57,158,1) 0%, rgba(118,35,160,1) 68%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(64,57,158,1) 0%,rgba(118,35,160,1) 68%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(64,57,158,1) 0%,rgba(118,35,160,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(64,57,158,1)', endColorstr='rgba(118,35,160,1)',GradientType=1 ); /* IE6-9 */}

button:hover, .btn:hover, input[type=button]:hover, .btn-primary:hover{
background: rgb(64,57,158); /* Old browsers */
background: -moz-linear-gradient(left, rgba(64,57,158,1) 40%, rgba(118,35,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(64,57,158,1) 40%,rgba(118,35,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(64,57,158,1) 40%,rgba(118,35,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(64,57,158,1)', endColorstr='rgba(118,35,160,1)',GradientType=1 ); /* IE6-9 */}

button.addurl-btn:hover{background:transparent; outline:none;}

.bd-theme-bg .btn-secondary{color:#000; background:#fff;}
.bd-theme-bg .text-muted{color:#fff !important;}

#ForPassPg .inside-content{padding:15px 0;}
 

#SignUpPg .signup-tabs li{background-color:#f0f1f3;}
#SignUpPg .signup-tabs li .dealer-tab-number{background-color:#a8a8a8;}
#SignUpPg .signup-tabs li .dealer-tab-heading{color:#a8a8a8;}
#SignUpPg .signup-tabs li.active{background-color:#3ab54a;}
#SignUpPg .signup-tabs li.completed-Tab{background:linear-gradient(135deg, rgba(64,57,158,1) 0%, rgba(118,35,160,1) 68%);}
#SignUpPg .signup-tabs li.active .dealer-tab-number{background-color:#fff; color:#3ab54a;}
#SignUpPg .signup-tabs li.active .dealer-tab-heading{color:#fff;}
#SignUpPg .signup-tabs li.completed{background-color:#47349d;}
#SignUpPg .signup-tabs li.completed .dealer-tab-heading{color:#fff;}
#SignUpPg .signup-tabs li.completed .dealer-tab-number{background-color:#fff; color:#47349d;}
#SignUpPg .signup-tabs li.completed .dealer-tab-number:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; width: 25px; line-height: 25px; background-color:#fff; color:#47349d;}

#SignUpPg div[id^="Providerlist"]{background-color:transparent;}
#SignUpPg div[id^="Providerlist"] .CPA-div input{margin-bottom:10px;}

#resetPassPg .reset-pass-bx{padding:15px 0;}
.reset-pass-bx{padding:0 0;}
.reset-pass-bx .inner-bx{padding:60px 50px; background:#fff url(../images/changePassword-bg.png) right center no-repeat; background-size:68%;}
.reset-pass-bx button{width:138px;}

.rating .fas{color:#4835a0; opacity:0.6;}
.rating .fas.checked{opacity:1;}

/*footer, .bg-dark {background-color:#181818 !important; color:#fff !important;}*/

#hm-localize-form{float:left; width: 328px; margin-top:15px;}
#hm-localize-form .search-panel-body{width: 100%;}
#hm-localize-form .ZipCard input{border-radius:5px; border:1px solid #fff;}
#hm-localize-form .ZipCard .bB_Zip{float:left; width:100%;}
#hm-localize-form .ZipCard .reqDiv{margin-left:0px; width:100%; padding:6px 12px; line-height:1.1; min-height:39px;}
*::-ms-backdrop, #hm-localize-form .ZipCard .reqDiv{padding:4px 12px; line-height:1.1; min-height:36px;}/* IE11 */
#hm-localize-form .home-lable{color:#fff;}
#hm-localize-form .bB_Moving{width:70%; margin: 14px 0 8px 0;}
#hm-localize-form .button-default.button-with-100{float:right; margin-top:8px; background:transparent; color:#fff; border: 1px solid #fff; padding:8px 12px; border-radius:5px; width:88px !important;}
#hm-localize-form .button-default.button-with-100:hover {background:#fff; color:#000 !important; border: 1px solid #fff;}

#hm-localize-form.withAptZip .ZipCard .bB_Address{float:left; width:100%;}
#hm-localize-form.withAptZip .ZipCard .bB_Apt{float:left; width:49%;}
#hm-localize-form.withAptZip .ZipCard .bB_Zip{float:right; width:49%;}


/* Close Prelogin Theme indigo */


/* for tablet   768x1024 */
@media (min-width: 768px) {

/* Start Font Sizes*/
.display-1{font-size:60px; line-height: 1;}
.display-2{font-size:46px; line-height: 1;}
.display-3{font-size:38px; line-height: 1;}
.display-4{font-size:30px; line-height: 1;}
.display-5{font-size:24px; line-height: 1;}
.display-6{font-size:18px; line-height: 1;}
.sidebar li a{font-size:13px;}
body, input, p,
body, input, p, input, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date], select, textarea, button, .btn, #loginLi a, footer {font-size:13px; line-height:1.6}
/* Close Font Sizes*/

/* Start section padding */
section,
.sec-get-bd .bg-icons,
section.sec-current-provider .bg-lft{padding:35px 0;}
section.dig-marketing .bg-bottom{padding:226px 0;}
section.sec-success-story .bg-bottom{padding-top:35px; padding-bottom:460px;}
section.sec-partner-logo{padding:25px 0;}
section.sec-demo-summary{padding-bottom:200px;}
section.sec-scheduleACall{padding:158px 0;}
.sec-serviceProvider-form .txt-bx{padding-top:56px;}
/* Close section padding */



}

@media (max-width: 768px) {
section.hm-hero-banner{min-height: 865px;}
.hm-hero-banner .heroRgtImg{width:100%; text-align:center; margin-top:328px;}
.hm-hero-banner .heroRgtImg img{width:62%;}
section.sec-bd-feature{padding-top:62px; padding-bottom:35px;}
.hm-box-slide{margin-top: 0px;}
.hm-box-slide .card{width:80%; margin: 0 auto; border-radius:5px; box-shadow: 0px 0px 8px rgba(0,0,0,0.6);}
.hm-box-slide .card .card-body{min-height:initial;}
.hm-box-slide .zoom .card{transform: scale(1); width:86%; margin-top:-4px;}
section.dig-marketing{background-size: 34%;}
section.dig-marketing .bg-bottom{padding-top:35px; background-size: 32%;}
section.dig-marketing .txt-bx{margin-top:0;}
section.dig-marketing .dmRgtImg{width:100%; text-align:center; margin-top:182px; right:0;}
section.dig-marketing .dmRgtImg img{width:46%;}
section.sec-success-story .bg-bottom{padding-bottom: 268px;}
.sec-success-story .carousel-inner{min-height:104px;}
section .partner-logo-bx span{margin: 0 10px;}
section .partner-logo-bx span img{height: 31px;}
section.sec-cust-services{background-position:left top;}
section.sec-cust-services{padding-bottom:0;}
.sec-cust-services .txt-bx {margin-top: 0px;}
.sec-cust-services .img-bx{text-align:center;}
.sec-cust-services .img-bx img{max-width:60%; display:inline-block; margin:0 auto;}
.sec-cust-services .bg-bottom{margin-top: -64px;}

section.sec-scheduleACall{padding:35px 0 290px 0;}
.sec-scheduleACall{position:relative;}
.sec-scheduleACall .RgtImg{right: 0; width: 100%; margin-top: 0; text-align: center; bottom: 24px;}
.sec-scheduleACall .RgtImg img{width:50%;}
.sec-scheduleACall-form{background-size: 99%; background-position:left -360px center; position:relative;}
.sec-scheduleACall-form .FrmLftImg {left: -15px; width: 233px; bottom:0;}

section.sec-demo-summary{padding-bottom: 390px;}
.sec-demo-summary{background-size: 200%; background-position:left bottom; position: relative;}
.sec-demo-summary .demoRgtImg{right: 0; width: 100%; margin-top: 0; text-align: center; bottom: 24px;}
.sec-demo-summary .demoRgtImg img{width:50%;}
.sec-demo-form{background-position:left -192px center;}
.sec-demo-form .demoFrmLftImg{left: -151px;}

.sec-serviceProvider{background-size:cover; background-position:center center;padding: 0;}
.sec-serviceProvider .img-bx{text-align:center;}
.sec-serviceProvider .img-bx img{width:50%;}
.sec-serviceProvider-form .img-bx{text-align:center;}
.sec-serviceProvider-form .img-bx img{width:50%;}
.sec-serviceProvider-form .txt-bx{padding:35px 0;}

.forgot-pass-bx .inner-bx{padding: 15px 20px; background-position:right -40px center; background-size: 60%;}
.reset-pass-bx .inner-bx{padding: 15px 20px;}

.bd-hero-banner .rgtImg{right: 0; width: 100%; text-align: center; top:530px;}
.bd-hero-banner .rgtImg img{width:50%;}

section.sec-user-mang {background-size: 100%;}
.sec-user-mang .img-bx{text-align:center; margin-top:20px;}
.sec-user-mang .img-bx img{width:50%;}

.sec-provider-filtering .img-bx{text-align:center;}
.sec-provider-filtering .img-bx img{width:50%;}
.sec-provider-filtering .txt-bx{margin-top:0;}

.sec-Product-filtering .txt-bx {margin-top:0px;}
.sec-Product-filtering .img-bx{text-align:center; margin-top:20px;}
.sec-Product-filtering .img-bx img{width:50%;}

.sec-comparison-cart .img-bx{text-align:center;}
.sec-comparison-cart .img-bx img{width:60%;}
.sec-comparison-cart .txt-bx{margin-top:20px;}

.sec-oma-offer .oma_offer_heading{width: 60%;}
.sec-oma-offer .txt-bx img {width: 60%;}

.sec-shopping-cart .img-bx{text-align:center;}
.sec-shopping-cart .img-bx img{width:50%;}
.sec-shopping-cart .txt-bx{margin-top:20px;}

.sec-rt-report .img-bx{text-align:center; margin-top:20px;}
.sec-rt-report .img-bx img{width:50%;}

.box-badge-bg .box-badge-dsgn-a h1{font-size:26px;}
.box-badge-bg .box-badge-dsgn-a{height: 500px; padding:0 175px;}

#SignUpPg .signup-tabs li{width:49%; margin:2% 2% 0 0 !important;}
#SignUpPg .signup-tabs li:nth-child(even){margin-right:0% !important; }

#SignUpPg .ProviderGroup-div{width:46%;}
#SignUpPg .ProviderAffiliationGrop{width:100%; margin-left:0;}
#SignUpPg div[id^="Providerlist"]{width:598px;}
#SignUpPg .provider-affiliation-div .CPA-div{float:left; width:46.3%; margin-right:10px !important;}

.reset-pass-bx .inner-bx{background-position:right -132px center; background-size:80%;}

.sec-hit .hit-tab-bx{width: 52%; right:-35px;}
.sec-hit .hit-tab-bx .hit-tab-menu li{height: calc((100vh - 88px)/5);}
.sec-hit .hit-tab-bx .hit-tab-menu li a img{width: 44px; margin-left: 22px; margin-bottom: 10px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span{width: 92%;}
.sec-hit .hit-tab-content{margin-top: 16vh;}
}

/* for 1024x768 */
@media (min-width: 1024px) {
section.hm-hero-banner{min-height: 642px;}
.hm-hero-banner p{font-size:15px;}
.hm-box-slide{margin-top:35px;}
.hm-box-slide .card .card-body{min-height:216px;}
.hm-box-slide .zoom .card-body{min-height:240px;}
.hm-box-slide .zoom .card{transform: scale(1); width:calc(100% + 68px); margin-left:-34px; margin-top:-24px;}
.sec-cust-services .bg-bottom{margin-top: -61px;}
section.dig-marketing .bg-bottom{padding: 186px 0; background-size: 30%;}
section.dig-marketing .txt-bx{margin-bottom:0;}
section.sec-success-story .bg-bottom{padding-bottom: 335px;}
.sec-success-story .carousel-inner{min-height:105px;}
section .partner-logo-bx span{margin: 0 18px;}
section .partner-logo-bx span img{height: 40px;}

section.sec-scheduleACall {padding: 98px 0;}
.sec-scheduleACall .RgtImg {right: 4%; width:394px; margin-top: -64px;}
.sec-scheduleACall-form{background-size: 75%; position:relative;}
.sec-scheduleACall-form .FrmLftImg{width: 280px; bottom:0;}

section.sec-demo-summary {padding-bottom: 0; padding-top:50px;}
.sec-demo-form{background-position:left -64px center;}
.sec-demo-form .demoFrmLftImg{left: -14px; width: 288px;}

.sec-serviceProvider .img-bx img{margin-top:38px;}
.sec-serviceProvider-form .txt-bx {padding:35px 0;}
*::-ms-backdrop, .sec-serviceProvider-form{margin-bottom:32px;}/* IE11 */
.sec-serviceProvider-form .img-bx img{width:346px; margin-left:-54px;}
.forgot-pass-bx .inner-bx{padding: 66px 50px;}

.sec-hit .hit-tab-bx{right:-25px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a{padding-right:82px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span{width:80%;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span p{font-size:12px; line-height:1.4;}

section.bd-hero-banner{padding-bottom: 130px; background-position:center bottom;}
.bd-hero-banner .rgtImg {right: 42px; width: 400px; margin-top: -9px;}

.sec-provider-filtering .txt-bx {margin-top:0;}
.sec-provider-filtering .img-bx{text-align:center;}
.sec-provider-filtering .img-bx img{width:80%;}
.sec-Product-filtering .txt-bx {margin-top:0px;}
.sec-Product-filtering  .img-bx img{width:85%; float:right;}


.sec-comparison-cart .txt-bx {margin-top: 8px;}

.box-badge-bg .box-badge-dsgn-a{height: 500px; padding:0 80px; background-size: 107%;}
.box-badge-bg .box-badge-dsgn-a h1{font-size:22px;}
.box-badge-bg .box-badge-dsgn-a p{font-size:12px;}

#SignUpPg .signup-tabs li{width: 24.5%; margin: 0 0.3%;}
.dealer-tab-heading{font-size: 12px;}
#SignUpPg div[id^="Providerlist"]{width: 858px;}
#SignUpPg .provider-affiliation-div .CPA-div{width: 32.3%;}

.reset-pass-bx .inner-bx{background-size:74%;}
}

/* for 1152*/
@media (min-width: 1152px) {
.sec-cust-services .bg-bottom {margin-top: -71px;}
section.dig-marketing .bg-bottom {background-size: 31%; padding: 218px 0;}
section.sec-success-story .bg-bottom {padding-bottom: 34%;}
/*.sec-demo-summary .demoRgtImg{right: 12%;}*/
.sec-demo-form{background-position:left center;}
*::-ms-backdrop, .sec-demo-form{background-position:left -394px center;}/* IE11 */
.sec-demo-form .demoFrmLftImg{left: 30px; width: 312px;}

.sec-hit .hit-tab-bx .hit-tab-menu li a{padding-right:140px;}

section.bd-hero-banner{padding-bottom: 153px;}
#SignUpPg .provider-affiliation-div .CPA-div{width: 32.5%;}

}

/* for 1200x768 */
@media (min-width: 1200px) {
/* Start Font Sizes*/
.display-1{font-size:78px;}
.display-2{font-size:60px;}
.display-3{font-size:52px;}
.display-4{font-size:42px;}
.display-5{font-size:32px;}
.display-6{font-size:22px;}
/* Close Font Sizes*/

section.hm-hero-banner{min-height: 814px;}
.hm-hero-banner p{font-size:17px;}
.hm-box-slide{margin-top:38px;}
.hm-box-slide .card .card-body{min-height:176px;}
.hm-box-slide .zoom .card-body{min-height:200px;}
.sec-cust-services .bg-bottom{margin-top: -76px;}
section.dig-marketing .bg-bottom{padding: 186px 0; background-size: 30%;}
section.sec-scheduleACall {padding: 142px 0;}
.sec-scheduleACall-form{background-position:left -350px center;}
*::-ms-backdrop, .sec-scheduleACall-form{background-position:left -418px center; background-size:100%;}/* IE11 */
.sec-scheduleACall .RgtImg {width: 464px; margin-top: -93px;}
.sec-serviceProvider-form .img-bx img{margin-left: -15px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a{padding-right:84px;}

section.bd-hero-banner {padding-bottom: 185px;}
.bd-hero-banner .rgtImg{width: 475px;}
.box-badge-bg .box-badge-dsgn-a{padding: 0 98px;}

#SignUpPg div[id^="Providerlist"] {width: 1028px;}
}

/* for 1280x800 */
@media (min-width: 1280px) {
.sec-cust-services .bg-bottom {margin-top: -83px;}
section.dig-marketing .bg-bottom{background-size: 22%;}
.forgot-pass-bx .inner-bx{padding:94px 50px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a{padding-right:124px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span p {font-size: 14px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span {width: 82%;}
.sec-success-story .carousel-inner{min-height:84px;}
}

/* for 1366x800 */
@media (min-width: 1366px) {
.hm-hero-banner p, .sec-bd-feature p, .sec-cust-services p, .dig-marketing p, .sec-success-story p,
.sec-demo-summary p, .sec-serviceProvider p, .sec-scheduleACall p,
.bd-hero-banner p, .bd-hero-banner ul li, .sec-user-mang p, .sec-provider-filtering p, .sec-Product-filtering p, .sec-comparison-cart p, .sec-oma-offer p, .sec-shopping-cart p, .sec-rt-report p, .sec-rt-report ul li, .sec-current-provider ul li {font-size:15px; line-height:1.6}
.hm-box-slide p{font-size:13px;}
.hm-hero-banner p{font-size:19px;}

/* Start section padding */
section,
.sec-get-bd .bg-icons,
section.sec-current-provider .bg-lft{padding:70px 0;}
footer{padding:0.5rem 0;}
section.sec-success-story .bg-bottom{padding-top:70px; padding-bottom:460px;}
section.sec-partner-logo{padding:40px 0; margin-bottom: 33px;}
/* Close section padding */

section.hm-hero-banner {min-height: 790px}
.sec-cust-services .bg-bottom {margin-top: -88px;}
section.dig-marketing .bg-bottom {padding:228px 0 50px 0;}
/*.sec-demo-summary .demoRgtImg {right: 8%; margin-top: -55px; width: 374px}*/
.sec-demo-form .demoFrmLftImg{left: 5%;}

section.sec-scheduleACall {padding: 150px 0 50px 0;}
*::-ms-backdrop, section.sec-scheduleACall {padding: 126px 0;}/* IE11 */
.sec-scheduleACall .RgtImg {width: 524px; margin-top: -110px;}
.sec-scheduleACall-form .FrmLftImg {width: 355px; left: 6%;}
.sec-serviceProvider .img-bx img {margin-top:0;}
.sec-hit .hit-tab-bx {right: -32px;}

section.bd-hero-banner {padding-bottom: 207px;}
.box-badge-bg .box-badge-dsgn-a{background-size: contain; padding: 0 156px;}
#SignUpPg div[id^="Providerlist"] {width: 1176px;}

.sec-hit .hit-tab-bx .hit-tab-menu li{height: calc((100vh - 85px)/5);}
*::-ms-backdrop, .sec-hit .hit-tab-bx .hit-tab-menu li {height:116px;}/* IE11 */
*::-ms-backdrop, .sec-hit .hit-tab-bx{right:0;}
*::-ms-backdrop, html{height:100%; /* fix for IE scroll flash bug */}
*::-ms-backdrop, body{height:100%; /* fix for IE scroll flash bug */}
}



/* for 1440x900 */
@media (min-width: 1440px) {
.hm-hero-banner .heroRgtImg{width: 610px;}
/*.sec-cust-services .bg-bottom {margin-top: -96px;}*/
section.dig-marketing .bg-bottom{background-size:31%;}
section.sec-success-story .bg-bottom{padding-bottom: 492px;}
.sec-serviceProvider-form .img-bx img {margin-left: 0px;}
.forgot-pass-bx .inner-bx{padding:112px 50px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a{padding-right:134px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span {width: 85%;}
}

/* for 1600x900 */
@media (min-width: 1600px) {
.hm-hero-banner .heroRgtImg{right: 10%;}
.sec-cust-services .bg-bottom {margin-top: -109px;}
section.dig-marketing .bg-bottom{background-size:37%; padding: 270px 0 100px 0;}
section.sec-success-story .bg-bottom {padding-bottom: 545px;}
.sec-demo-summary .demoRgtImg{right: 13%;}
.sec-demo-form {background-position: left center; background-size:45%;}
.sec-demo-form .demoFrmLftImg{left: 12%;}
.sec-scheduleACall .RgtImg{right: 10%;}
.sec-scheduleACall-form .FrmLftImg{left:12%;}
.sec-hit .hit-tab-bx {right: -30px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a {padding-right: 214px;}
section .partner-logo-bx span img{height:48px;}
.bd-hero-banner .rgtImg {width: 586px; right: 150px;}
.sec-hit .hit-tab-content img {max-height:500px;}
}

/* for MAC 1680x1050 */
@media (min-width: 1680px) {
.sec-cust-services .bg-bottom {margin-top: -88px;}
.img-cus-scr {height:490px !important;}
.dgt-mrkt-img {width:95% !important;}
.sec-hit .hit-tab-bx {right: -36px;}
.sec-serviceProvider {padding:40px 0 !important;}
.sec-hit .hit-tab-bx .hit-tab-menu li a {padding-right: 260px;}
section.sec-bd-feature{background-size: 54%;}
.sec-hit .hit-tab-content {margin-top: 94px;}
.sec-hit .hit-tab-content img,
_:-webkit-full-screen:not(:root:root), .sec-hit .hit-tab-content img {max-height: 460px; max-width: 100%;}
}

/* for 1920x1080 */
@media (min-width: 1920px) {
section.hm-hero-banner {min-height:830px;}
section.hm-hero-banner, section.bd-hero-banner {padding-top:110px;}
.hm-hero-banner .heroRgtImg{right:12%; width: 680px; margin-top: -104px;}
section.bd-hero-banner {padding-bottom: 242px;}
.bd-hero-banner .rgtImg {width: 630px; right: 16%;}
.sec-cust-services .bg-bottom {margin-top: -134px;}
section.sec-bd-feature{background-size:46%;}
section.dig-marketing .bg-bottom{padding: 276px 0;}
section.dig-marketing .dmRgtImg {width: 35%; right: 16%; margin-top: -146px;}
section.sec-success-story .bg-bottom {padding-bottom: 648px;}
section.sec-demo-summary {padding-bottom: 166px;}
.sec-demo-summary .demoRgtImg{right: 18%; width: 418px;}
.sec-scheduleACall .RgtImg{right: 18%;}
.sec-scheduleACall-form .FrmLftImg{left: 18%}
.sec-hit .hit-tab-bx .hit-tab-menu li a {padding-right: 384px;}
*::-ms-backdrop, .sec-hit .hit-tab-bx .hit-tab-menu li {height:182px;}/* IE11 */
}

/* for 2560x1440 */
@media (min-width: 2560px) {

/* start font sizes */

.hm-hero-banner p, .sec-bd-feature p, .sec-cust-services p, .dig-marketing p, .sec-success-story p,
.sec-demo-summary p, .sec-serviceProvider p, .sec-scheduleACall p,
.bd-hero-banner p, .bd-hero-banner ul li, .sec-user-mang p, .sec-provider-filtering p, .sec-Product-filtering p, .sec-comparison-cart p, .sec-oma-offer p, .sec-shopping-cart p, .sec-rt-report p, .sec-rt-report ul li, .sec-current-provider ul li {font-size:24px; line-height:1.6}
.hm-box-slide p{font-size:22px;}
.hm-hero-banner p{font-size:28px;}

body, input, p, input, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date], select, textarea, button, .btn, #loginLi a, footer {font-size:24px;}


h1{font-size:46px;}
h2{font-size:40px;}
h3{font-size:36px;} /* Page Title */
h4{font-size:32px;} /* Section Title */
h5{font-size:28px;} /* Sub Section Title */
h6{font-size:24px;}

.display-1{font-size:90px;}
.display-2{font-size:68px;}
.display-3{font-size:58px;}
.display-4{font-size:48px;}
.display-5{font-size:38px;}
.display-6{font-size:32px;}
/* close font sizes */

/* Start section padding */
footer{padding:24px 0;}
section.sec-partner-logo{padding:40px 0;}
/* Close section padding */

section.hm-hero-banner {padding-bottom:286px;}
.hm-hero-banner .heroRgtImg {width: 28%;}
.hm-box-slide .card .card-body {min-height:335px; padding: 26px;}
.hm-box-slide .zoom .card-body {min-height:359px;}
.sec-cust-services .bg-bottom {margin-top: -190px;}
section.dig-marketing .bg-bottom {padding: 370px 0;}
section.sec-success-story .bg-bottom {padding-bottom: 895px;}
section .partner-logo-bx span {margin: 0 40px;}
section .partner-logo-bx span img {height: 80px;}
.sec-demo-summary .demoRgtImg {right: 15%; width: 530px;}
.sec-demo-form .demoFrmLftImg {left: 15%; width: 380px;}
section.sec-scheduleACall {padding: 260px 0;}
.sec-scheduleACall .RgtImg {width: 745px; margin-top: -183px; right: 15%;}
.sec-scheduleACall-form {background-position: left 0px center; background-size: 50%;}
.sec-scheduleACall-form .FrmLftImg{left: 16%; width: 416px;}
.sec-serviceProvider{background-size:contain;}
.sec-serviceProvider-form .img-bx img {width: 393px;}
.sec-hit .hit-tab-bx .hit-tab-menu li{height: calc((100vh - 184px)/5);}
.sec-hit .hit-tab-bx {right:-52px; top:74px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a {padding-right: 444px; padding-left:65px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a img{width: 98px;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span {width: 84%;}
.sec-hit .hit-tab-bx .hit-tab-menu li a span p{font-size:24px;}

section.bd-hero-banner {padding-bottom: 270px;}
.bd-hero-banner .rgtImg {width: 30%; right: 14%;}
.box-badge-bg .box-badge-dsgn-a{height: 770px; padding: 0 200px;}
.box-badge-bg .box-badge-dsgn-a h1 {font-size: 40px;}
.box-badge-bg .box-badge-dsgn-a p{font-size:20px;}
ul.arrow-list li:before,
ul.check-list li:before{margin-left: -32px;}
ul.arrow-list,
ul.check-list{padding-left: 34px;}
}

/* for 4k 3840x2160 */
@media (min-width: 3840px) {}

/* for 5k 5120 × 2880 */
@media (min-width: 5120px) {}


.recaptchaBorder {
    border: 2px solid red;
}
.signup-add {
    position: relative;
    width: 100%;
}

ul.hat {
    z-index: 999;
    top: 312px !important;
    position: absolute;
    font-size: 12px !important;
    list-style: none !important;
}




/* Start Add background images CSS --- Jawad */
.hm-hero-banner .heroRgtImg {
    background-image: url("../images/hero-mobiles.svg");
    background-repeat: no-repeat;
    height: 592px;
    background-position: right;
}
.img-bx {
    background-image: url("../images/cust-services-agen.svg");
    background-repeat: no-repeat;
    height: 508px;
}
.cus-services-bottom {
    background-image: url("../images/cust-services-bottom.svg");
    background-repeat: no-repeat;
    height: 113px;
    width: 100%;
    background-position: bottom left;
}
.dmRgtImg {
    background-image: url("../images/dm-art.svg");
    background-repeat: no-repeat;
    height: 473px;
}
.rgtImg {
    background-image: url("../images/bd-hero-img.svg");
    background-repeat: no-repeat;
    height: 502px;
}
.bd-usermanagement-img {
    background-image: url("../images/bd-usermanagement-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    width: 100%;
}
.bd-providerfilter-img {
    background-image: url("../images/bd-provider-filter-img.svg");
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
}
.bd-productfilter-img {
    background-image: url("../images/bd-product-filter-img.svg");
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    background-position: right;
}
.bd-comparision-img {
    background-image: url("../images/bd-comparision-img.svg");
    background-repeat: no-repeat;
    height: 320px;
    width: 100%;
}
.bd-OMAOffer-img {
    background-image: url("../images/bd-OMA-offer-heading.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 405px;
    width: 100%;
}
.bd-OMAOffer-img2 {
    background-image: url("../images/bd-OMA-offer-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 278px;
    width: 100%;
}
.bd-shoppingcart-img {
    background-image: url("../images/bd-shopping-cart.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 379px;
    width: 100%;
}
.bd-realtimereporting-img {
    background-image: url("../images/bd-real-time-reporting-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    width: 100%;
}
.bd-SAcall-img {
    background-image: url("../images/SA-call-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 380px;
    width: 100%;
}
.bd-SAform-img {
    background-image: url("../images/SA-form-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    width: 100%;
}
.bd-Demoillustration-img {
    background-image: url("../images/SP-S-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 350px;
    width: 100%;
}
.bd-Demoillustration-img2 {
    background-image: url("../images/SP-form-img.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size:100% 100%;
    height: 340px;
    width: 100%;
}
.bd-howitworks-img {
    background-image: url("../images/hiw-typeAddress-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 430px;
    width: 100%;
    background-size:cover;
}
.bd-howitworks-img2 {
    background-image: url("../images/hiw-viewAvailableOffers-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 430px;
    width: 100%;
    background-size:cover;
}
.bd-howitworks-img3 {
    background-image: url("../images/hiw-CompareBestOffer-img.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 430px;
    width: 100%;
    background-size:cover;
}
.bd-howitworks-img4 {
    background-image: url(../images/hiw-SelectSubmit-img.svg);
    background-repeat: no-repeat;
    background-position:bottom;
    height: 430px;
    width: 100%;
    background-size:auto;
}
.bd-howitworks-img5 {
    background-image: url("../images/hiw-ServiceBegins.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 430px;
    width: 100%;
}
.bd-demosummary-img {
    background-image: url("../images/demo-summary-pic.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 340px;
    width: 100%;
}
.bd-demoform-img {
     background-image: url("../images/demo-form-pic.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 590px;
    width: 100%;
}
/* End Add background images CSS --- Jawad */


/* Start Prlogin CSS imran */
@media screen and (min-width: 768px) and (max-width: 799px) {
.pci-Compliant ul.pci-Compliant li input  {
    margin-top: 0 !important;
    margin-right: 7px !important;
}
.hm-hero-banner .heroRgtImg {
    background-position: center;
    width: 100%;
    right: auto;
    margin-top: 50px;
    height: 300px;
}
.sec-scheduleACall {
    background-image:none !important;
}
section.hm-hero-banner {
    min-height: 700px;
}
.hm-box-slide {
    margin-top: 25px;
}
section.dig-marketing .dmRgtImg {
    background-position: center;
    background-size: 100%;
    height: 300px;
    margin-top: 0;
}
section.dig-marketing .bg-bottom {
    padding:50px 0 50px 0;
}
section.sec-partner-logo {
    margin-bottom: 40px;
}
.bd-hero-banner .rgtImg {
    background-position: center;
}
.bd-providerfilter-img, .bd-productfilter-img, .bd-productfilter-img {
    background-position: top;
}
.bd-SAcall-img {
    background-size: auto;
    background-position: top;
    height: 200px;
}
section.sec-scheduleACall {
    padding: 35px 0 0 0;
}
.sec-serviceProvider-form {
    margin-bottom: 25px;
}
.bd-productfilter-img {
    height: 300px;
    background-position: bottom;
}
.bd-realtimereporting-img {
    background-position: bottom;
    height: 420px;
}
.bd-providerfilter-img {
    height: 250px;
    background-position: bottom;
}
.bd-usermanagement-img {
    height: 400px;background-position: bottom;
}
section.sec-demo-summary {
    padding-bottom: 0;
}
.bd-shoppingcart-img {
    background-position: bottom;
    height: 530px;
}
.sec-scheduleACall .RgtImg {
    width: 300px;
}
.sec-scheduleACall-form .FrmLftImg {
    left: 0;
}
.bd-SAform-img {
    width: 90%;
    background-position: bottom;
}
.sec-scheduleACall-form {
    background-position: left -422px bottom;
    background-size: 100%;
}
.sec-demo-summary .demoRgtImg {
    width: 300px;
}
.sec-demo-form .demoFrmLftImg {
    left: -151px;
}
.sec-cust-services .img-bx {
    text-align: center;
    height: 250px;
}
.sec-demo-form {
    background-position: left -245px center;
}
.cus-services-bottom {
    margin-top: -49px;
}
}

@media screen and (min-width: 800px) and (max-width: 899px) {
.hm-hero-banner .heroRgtImg {
    background-position: center;
    width: 100%;
    right: auto;
}
section.hm-hero-banner {
    min-height: 931px;
}
.hm-box-slide {
    margin-top: 25px;
}
section.dig-marketing .dmRgtImg {
    background-position: center;
    background-size: 100%;
    height: 300px;
    margin-top: 0;
}
section.dig-marketing .txt-bx {
    margin-top: 0;
}
.sec-cust-services .txt-bx {
    margin-top: 0;
}
section.dig-marketing .bg-bottom {
    padding: 50px 0 50px 0;
}
section.sec-partner-logo {
    margin-bottom: 40px;
}
.bd-hero-banner .rgtImg {
    background-position: center;
}
.bd-providerfilter-img, .bd-productfilter-img, .bd-productfilter-img {
    background-position: top;
}
.bd-SAcall-img {
    background-size: auto;
    background-position: top;
    height: 200px;
}
section.sec-scheduleACall {
    padding: 35px 0 0 0;
}
.sec-serviceProvider-form {
    margin-bottom: 25px;
}
.bd-productfilter-img {
    height: 260px;
}
.bd-realtimereporting-img {
    background-position: top;
    height: 380px;
}
.bd-providerfilter-img {
    height: 200px;
}
.bd-usermanagement-img {
    height: 400px;
}
section.sec-demo-summary {
    padding-bottom: 0;
}
.sec-scheduleACall .RgtImg {
    width: 300px;
}
.sec-scheduleACall-form .FrmLftImg {
    left: 0;
}
.bd-SAform-img {
    width: 52%;
    background-position: bottom;
}
.sec-scheduleACall-form {
    background-position: left -422px bottom;
    background-size: 100%;
}
.sec-demo-summary .demoRgtImg {
    width: 300px;
}
.sec-demo-form .demoFrmLftImg {
    left: -151px;
}
.sec-cust-services .img-bx {
    text-align: center;
    height: 250px;
}
}

@media screen and (min-width: 900px) and (max-width: 1024px) {
.hm-hero-banner .heroRgtImg {
    background-position: center;
    width: 100%;
    right: auto;
}
section.hm-hero-banner {
    min-height: 931px;
}
.hm-box-slide {
    margin-top: 60px;
}
section.dig-marketing .dmRgtImg {
    background-position: center;
    background-size: 91%;
    height: 400px;
    margin-top: 22px;
}
section.dig-marketing .txt-bx {
    margin-bottom: 0;
    margin-top: 0;
    margin-top:0;
}
.hm-box-slide .zoom .card 
section.dig-marketing .bg-bottom {
    padding: 50px 0 50px 0;
}
section.sec-partner-logo {
    margin-bottom: 40px;
}
.bd-hero-banner .rgtImg {
    background-position: center;
}
.bd-providerfilter-img, .bd-productfilter-img, .bd-productfilter-img {
    background-position: top;
}
.bd-SAcall-img {
    background-size: auto;
    background-position: top;
    height: 200px;
}
section.sec-scheduleACall {
    padding: 50px 0 50px 0;
}
.sec-serviceProvider-form {
    margin-bottom: 25px;
}
.bd-productfilter-img {
    height: 260px;
}
.bd-realtimereporting-img {
    background-position: top;
    height: 380px;
}
.bd-providerfilter-img {
    height: 200px;
}
.bd-usermanagement-img {
    height: 400px;
}
section.sec-demo-summary {
    padding-bottom: 0;
}
.sec-scheduleACall .RgtImg {
    width: 400px;
    margin-top: 0;
}
.sec-scheduleACall-form .FrmLftImg {
    left: 0;
}
.bd-SAform-img {
    background-position: bottom;
}
.sec-scheduleACall-form {
    background-position: left -422px bottom;
    background-size: 100%;
}
.sec-demo-summary .demoRgtImg {
    width: 300px;
}
.hm-box-slide .zoom .card-body {
    min-height: 246px;
}
.hm-box-slide .card .card-body {
    min-height: 223px;
}
.img-bx {
    height: 400px;
}
.sec-cust-services .bg-bottom {
    margin-top: -88px;
}
}
/* End Prlogin CSS imran */

/* Start 2FA CSS */
.FA-customization {
    width: 100% !important;
    padding-right: 0 !important;
    min-height: inherit !important;
}

    .FA-customization .new-hr input[type="text"] {
        width: 100%;
    }

    .FA-customization .new-hr {
        width: 49%;
        margin-left: 21px;
    }

        .FA-customization .new-hr:nth-child(odd) {
            margin-left: 0;
        }

        .FA-customization .new-hr input {
            height: 35px;
        }

            .FA-customization .new-hr input[type=password] {
                padding-right: 49px;
            }

        .FA-customization .new-hr label {
            background-color: transparent;
            padding: 0;
            margin: 0;
            font-size: 13px;
            color: #000;
        }

#otpDiv .iti {
    width: 100%;
}

.Authention-option-div .card {
    border: 2px solid #ebebeb !important;
}

.Authention-height-adjust {
    min-height: 208px;
}

.Authention-height-adjust2 {
    min-height: 142px;
}

.otp-options input[type="checkbox"] {
    float: left;
}

.otp-options label {
    font-size: 12px;
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
    line-height: 18px;
}

.card-input-element.checked + .card {
    border: 2px solid #77bf04 !important;
}

    .card-input-element.checked + .card::after {
        color: #77bf04 !important;
    }

.Authention-option-div {
    float: left;
    width: 100%;
}

    .Authention-option-div label {
        margin: 0;
        float: left;
    }

.verification-step-pad {
    padding: 50px 0 40px;
}

.MFASuccess-msg {
    float: left;
    width: 100%;
    margin: 0 0 50px;
}

    .MFASuccess-msg p {
        font-size: 14px;
        margin-bottom: 8px;
    }

.MFASuccess-msg-img {
    background-repeat: no-repeat;
    width: 150px;
    margin: auto;
    height: 150px;
}

    .MFASuccess-msg-img img {
        width: 100%;
        height: auto;
    }

.MFASuccess-msg-div {
    text-align: center;
    width: 60%;
    margin: 10px auto;
}

    .MFASuccess-msg-div h4, .MFASuccess-msg-div p {
        margin: 0;
        padding: 0;
    }

.MFASuccess-msg-btn {
    text-align: center;
}

.Multi-Factor-Authentication-title {
    float: left;
    width: 100%;
    text-align: center;
}

.Authentication-points {
    border-radius: 50%;
    background-color: #000;
    float: left;
    color: #fff;
    font-size: 25px;
    font-family: 'Sarabun', sans-serif;
    width: 60px;
    height: 60px;
    text-align: center;
    align-items: center;
    display: grid;
    margin-right: 20px;
    margin-top: 5px;
}
.Download-App {
    float: left;
    width: 100%;
}

.Google-Authenticator-App, .Add-Account, .Scan-QR, .Account-Added, .Scan-QR, .OTP-div {
    padding: 70px 0;
    float: left;
    border-bottom: solid 1px #f1f1f1;
}

    .Google-Authenticator-App h4, .Add-Account h4, .Scan-QR h4, .Account-Added h4, .Scan-QR h4, .OTP-div h4 {
        font-size: 26px;
    }

    .Google-Authenticator-App p, .Add-Account p, .Scan-QR p, .Account-Added p, .Scan-QR p, .OTP-div p {
        font-size: 18px;
    }

.Authentication-icon-div {
    display: none;
}

.MS-AddAccount-img img {
    float: left;
    width: 34%;
    margin-left: 55px;
}

.MS-ScanQR-img img {
    float: right;
    width: 34%;
    margin-right: 65px;
}

.MS-AccountAdded-img img {
    float: left;
    width: 34%;
    margin-left: 55px;
}

    .MS-AddAccount-img img:nth-child(2), .MS-ScanQR-img img:nth-child(2), .MS-AccountAdded-img img:nth-child(2) {
        margin-top: 45px;
    }

.Authention-option-img img {
    width: 100%;
    height: auto;
}

.font-size-heading {
    font-size: 15px;
}

.GoogleAuthenticatorApp-img {
    /*	background-image: url('../../../Bundling/Content/BundleDealerTheme/images/Authenticator-App-scarlet.svg'); */
    background-repeat: no-repeat;
    background-size: 50%;
    height: 290px;
    background-position: center center;
}

.MicrosoftAuthenticatorApp-img {
    background-image: url(../images/microsoft-authenticator.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    height: 290px;
    background-position: center center;
}

.DUOAuthenticatorApp-img {
    background-image: url('../../../Bundling/Content/BundleDealerTheme/images/duo-logo.png');
    background-repeat: no-repeat;
    background-size: 50%;
    height: 290px;
    background-position: center center;
}

.OTP-img2 {
    background-repeat: no-repeat;
    background-size: 59%;
    height: 290px;
    background-position: center center;
}

.AddAccount-img {
    background-repeat: no-repeat;
    background-size: 64%;
    height: 353px;
    background-position: center center;
}

.ScanQR-img {
    background-repeat: no-repeat;
    background-size: 80%;
    height: 360px;
    background-position: center center;
}

.AccountAdded-img {
    background-repeat: no-repeat;
    background-size: 66%;
    height: 410px;
    background-position: center center;
}

.OTP-img {
    background-repeat: no-repeat;
    background-size: 84%;
    height: 300px;
    background-position: center center;
}

.GoogleAuthenticator-img-adj {
    background-repeat: no-repeat;
    width: 150px;
    margin: auto;
    height: 150px;
    background-size: 100%;
}

.OTP-Input {
    float: left;
    width: 100%;
}

    .OTP-Input input[type="text"] {
        width: 60px;
        margin-right: 5px;
        margin-left: 5px;
        text-align: center;
    }

        .OTP-Input input[type="text"]:first-child {
            margin-left: 0;
        }

        .OTP-Input input[type="text"]:last-child {
            margin-right: 0;
        }

.detailsDiv {
    background-color: #f0f1f3;
}

#mfaType {
    width: 49%;
}

.details-OTP-img {
    background-size: 45% !important;
    float: right !important;
    height: 130px !important;
    margin-top: -3%;
}

.details-google-img {
    background-size: 45% !important;
    float: right !important;
    height: 130px !important;
    margin-top: -3%;
}

#mfa_form .modal-dialog {
    margin-top: 100px;
}
.new-hr {
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 0 solid #f8f7f5;
}
.separator-1 {
    display: none;
}
.goog-Auth-SliderMain #carouselExampleControls .carousel-inner {
    margin-left: 5%;
    padding-left: 20px;
    width: 90%;
}

.goog-Auth-SliderMain #carouselExampleControls .carousel-control-next, .goog-Auth-SliderMain #carouselExampleControls .carousel-control-prev {
    width: 5%;
}
.modal-header .close {
    background:none;
}