@font-face {
    font-family: 'emSignerFont';
    font-style: normal;
    font-weight: 100;
    src: url("fonts/Gilroy-Regular.woff2") format("woff");
}
@font-face {
    font-family: 'emSignerFontBold';
    font-style: normal;
    font-weight: 100;
    src: url("fonts/Gilroy-Bold.woff2") format("woff");
}

body {
    font-family: emSignerFont, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    background: #fff;
    color: #3d5154;
    padding: 0px;
    margin: 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: emSignerFont, Helvetica, Arial, sans-serif;
    margin-bottom: .5rem;
    /*font-weight: 600 !important;*/
    line-height: 1.2 !important;
    color: #000;
}
p, label {
    font-family: emSignerFont, Helvetica, Arial, sans-serif;
}

a { color:#0034ac;}
a:hover { text-decoration:none;color: #333334;}
address { display:block; margin:10px 0px 20px; }
address h3{ margin-bottom:0; }
.btn { border-radius:0px;}
.btn-primary { background:#0034ac; border:1px solid #0034ac;}
.btn-primary:hover {background:#022f99; border:1px solid #022f99;}
.btn:hover { box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
.clear { float:none; clear:both; margin:0px; padding:0px; }
.page-title { font-size:26px; margin:20px 0; font-weight: 500 !important;}
p {line-height: 24px; margin-bottom: 10px;}
.inner-banner { margin-top: -10px;}
ul, ol, pre, code{ margin-bottom:20px; }
ul li {padding-bottom: 10px;line-height: 21px;list-style-position: outside;}
ul li { padding-bottom:10px; line-height: 21px; }
ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
ul ul ul { margin-bottom:0px; list-style-type:circle; }
ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; padding-top:10px; }
/*ol li { padding-bottom:10px; line-height:normal; }*/
ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }
.wrap-text { word-break: break-all;}
/*----*****---- << Header >> ----*****----*/
.header-top { padding:7px 0 0px; font-size:13px; }
.header-top a { color:#333; margin:0 0 0 15px; line-height:26px; /*font-weight: 700;*/}
.header-top a:hover { color:#000; text-decoration:none;}
.header-top .lang-dropdown { display:inline-block;}
.header-top .lang-dropdown:hover .dropdown-toggle:before { content:''; z-index:999; height:4px; border-radius:3px; width:50px; display:block; background:#f36f21; position:absolute; bottom:0px; right:7%; }
.header-top .lang-dropdown .dropdown-toggle:after { display:none;}
.header-top .dropdown:hover .dropdown-menu{ display:block;}
.header-top .dropdown-menu { border-radius:0px; min-width:500px; padding:15px 0px; margin:0px; border:none; box-shadow:0px 10px 15px rgba(0,0,0,0.2); }
.header-top .dropdown-menu ul { margin:0px; padding:0px;}
.header-top .dropdown-menu li { padding-bottom:0px; width:32%; display:inline-block;}
.header-top .dropdown-menu a { padding:3px 0px !important; display: block; color: #333; font-size:13px; line-height:20px; }
.header-top .dropdown-menu a:hover {  color: #0060c0;}
.header-top .header-menu { padding:0px 15px 5px; font-weight:600;}
.header-top .dropdown a:focus, .header-top .dropdown a:hover { text-decoration: none;}

header {position: absolute; /*z-index:200;*/ width: 100%; top: 0;}
header .navbar { padding:0px 0px 7px;}
header .navbar .navbar-brand { padding:0px; height:57px;}
header .navbar .navbar-brand img { height:100%;}

header .navbar-nav .btn-freetrial a, .navbar-nav .btn-login a { padding:6px 15px !important; margin:0; margin-left:10px; line-height:22px;}
header .navbar-nav .btn-login a {color: #000000; border: 1px solid #232323; border-radius: 25px; }
header .navbar-nav .btn-login { padding-left:5px; }
header .navbar-nav .btn-freetrial a { background:#f4620b; color:#fff !important; border:1px solid #f4620b; /*border-radius: 3px;*/ border-radius: 25px; }
header .navbar-nav .nav-link { color:#000; margin-left:8px; position: relative; transition: all .3s; }
header .navbar-nav .dropdown:hover .dropdown-menu{ display:block; }
header .navbar-nav .dropdown > .nav-link:before { content: ''; opacity: 0; display: block; height: 3px; width: 10%; margin: 0px auto; left: 50%; position: absolute; bottom: 0px; z-index: 999; background: #f4620b; border-radius: 3px; transition: .4s ease-in-out; }
header .navbar-nav .dropdown:hover > .nav-link:before { opacity: 1; width: 90%; left: 5%; visibility: visible; }
header .navbar-nav .dropdown-menu { border-radius:0px; left:-10px !important; margin:0px; padding:20px 15px; border:none; box-shadow:0px 10px 15px rgba(0,0,0,0.2);}
header .navbar-nav .dropdown-menu .dropdown-item { padding:5px 20px; font-size:16px;}
header .navbar-nav .dropdown-menu .dropdown-item:hover { background:none; color:#f36f21;}
header .navbar-nav .dropdown-menu .header-menu {color: #000;text-transform: uppercase;margin: 5px 0px; font-size:13px; font-weight:bold;}
header .navbar-nav .dropdown-toggle::after { display:none;}
header .navbar-nav .menu2column { min-width:500px;}
.bg-page {clear: both;height:360px;background-position: right !important;background-size: cover !important;text-align:center;}
.bg-page .container { height:100%;}
.bg-page .row { position: relative;margin: 0px !important;padding: 0 !important;display: table;table-layout: fixed;height: 100%;}
.bg-page .page-caption { font-size:2.2em; color: #fff;padding: 0px;line-height: 1.4em;display: table-cell;vertical-align: middle; }
.bg-page .page-caption h1, .bg-page .page-caption h2 {font-size:1.6em; line-height:1.05em; color: #fff; font-weight: 500 !important;}
.bg-page .page-caption h3 { font-weight: 500 !important; color: #fff; }
.bg-page .page-caption .btn-buy { margin:15px 0px 0px; padding-top:8px; padding-bottom:8px;}
.bg-page .page-caption.page-caption-left { text-align:left;}
.bg-page .page-caption.page-caption-left h1, .bg-page .page-caption.page-caption-left h2 { font-size:1.2em; }
.bg-page .page-caption.page-caption-left h3 { font-size:0.8em; margin-top:0px; }
.awards-achievements { list-style:none; margin:0px; padding:0px;     display: flex;
    /* flex-basis: 100%; */
    flex-wrap: wrap;}
.awards-achievements li { margin:0 15px 15px 0px;  padding:15px; border:2px solid #f1f1f1; border-radius:3px; line-height:20px; }
.awards-achievements li div { float:left; margin-right:15px;}

.global-footer { padding:60px 0px 0px; background:#f5f7fc;}
.global-footer a { color:#000;}
.global-footer a:hover { color:#0060ac;}
.global-footer ul { list-style:none; margin:0px; padding:0px;}
.global-footer ul li { padding:3px 0px; }
.global-footer ul a { color:#000;font-size: 13px;}
.global-footer .legal-nav { padding:15px 0px 25px; font-size:14px;}
.global-footer .legal-nav a { margin-right:10px;}
.global-footer .mobile-nav a { opacity:.7;}
.global-footer .mobile-nav a:hover { opacity:1;}
.global-footer .support-nav { padding:25px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:30px; margin-bottom:10px;}
.global-footer .support-nav h6 { margin-bottom:2px;}
.global-footer .social-nav a { margin-left:5px; background:#555; width:38px; height:38px; display:inline-block; border-radius:100%; color:#fff; text-align:center; padding:10px 0px;}
.global-footer .social-nav a:hover { background:#000; color:#fff;}
.global-footer .social-nav a i { font-size:20px; }

section.section { padding:50px 0px 50px;}
section.gray-bg { background:#f9f9f9; padding:70px 0px;}
section.darkgray-bg { background:#eeeeee; }
section.lblue-bg { background:#f5f7fc; padding:70px 0px;}
section.purple-bg { background: #f7efff !important; }
section.blue-bg { background:#d8e8f8; }

section.section .section-title { margin-bottom:40px;}
section.section .section-title h2 { font-weight:500 !important; font-size:36px;}
section.section .section-title h3 { font-size: 24px; font-weight: 400 !important; margin-bottom: 15px; }
section.section .section-title p { font-size:18px; font-weight:400; margin-bottom:30px;}
section.section .section-title h3 span { font-size:30px; }

.emsec-box { background:#fdfdfd; padding:30px; border:1px solid #f9f9f9; overflow:hidden; /*min-height: 415px;*/}
.how-em { min-height: 415px; }
.emsec-box.dataSec-box { padding: 30px 30px 78px; }
.emsec-box.ai-box { padding: 30px 30px 55px; }
.emsec-box:hover { box-shadow: 0 10px 15px 0 rgba(0,0,0,.1); border:1px solid #eee; }
.emsec-box h2 { font-size:24px; font-weight:500 !important;}
.emsec-box p { font-size:16px; font-weight:400;}
.emsec-box .image { margin:-31px -31px 30px;}
.emsec-box:hover .image { opacity:0.9;}
.emsec-box .image img { width:100%;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;transition: all 0.6s;}
.emsec-box:hover .image img { -moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}

a.link-more { font-size:16px; font-weight:500;}
a.link-more i { font-size:26px; vertical-align: bottom; margin-left:3px;}
.js-load-more { margin-bottom:30px; text-align:center;}
.js-load-more .btn-more { padding:7px 30px; background:none; color:#0034ac; font-weight:600;}
.js-load-more .btn-more:hover { color: #fff; border: 1px solid #0034ac; background:#0034ac; }

.divider { border:2px solid #000; margin:60px 0px 80px; display:block; width:100%;}
.ai-enabled.divider { margin:30px 0px 80px; }
.section-divider { border-top:1px solid #f1f1f1; margin:80px 0px 30px; display:block; width:100%;}
.section-divider h1 { background:#fff; display:inline-block; margin:0px;  margin-top:-20px; font-size:36px;padding:0px 10px; }

.hpara-bold, .hpara-light { line-height:30px; margin-bottom:15px; font-size:22px; }
.hpara-bold { font-weight:500 !important; text-align: center;}
.hpara-light { font-weight:400;}

.home-banner { background: #e8f5fd;position: relative;padding: 6rem 0 6rem;min-height:530px;background-size: cover !important; background-position:90% 0 !important;}
.home-banner:before {content: "";background: linear-gradient(to right, #ffffff, transparent);position: absolute;height: 100%;width:60%;top: 0px;left: 0px; opacity:.7;} 
.home-banner h1 { font-weight:500 !important; font-size:60px;}
.home-banner h2 { font-weight:400 !important; font-size:36px;}
.home-banner .btn { font-size:16px; font-weight:400; height:42px;}
.home-banner p { font-size:18px; padding:10px 0px;}
.home-banner .btn-default, .btn-default { color: #0034ac !important; border: 1px solid #0034ac; background:rgba(255,255,255,0.5); }
.home-banner .btn-default:hover, .btn-default:hover { color: #fff; border: 1px solid #0034ac; background:#0034ac; }
.home-banner .ems-home {bottom:0;margin: 0;max-width:50%;position: absolute;right: 0;}
.error-control { border: 1.5px solid #ff0000 !important;}

.india-home-banner {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position:0 0 !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background: #0034ac;
    position: relative;
    padding: 4rem 0 12rem;
    min-height: 510px;
}
.india-home-banner .container { position:relative;}
.india-home-banner:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background:linear-gradient(to right, #161c2d 0%, rgba(22,28,45,0.75) 25%, rgba(22,28,45,0.5) 50%, rgba(22,28,45,0.25) 75%, rgba(22,28,45,0) 100%);
}
.india-home-banner .image-right { position:absolute; right:0%; top:5%; width:340px; height:400px; display:flex; justify-content:center; align-items:center;}
.india-home-banner .image-right img { max-width:100%; max-height:100%;}
.india-home-banner h1 { font-weight:400; font-size:30px; color:#fff; margin-bottom:25px; line-height:36px; }
.india-home-banner ul { margin:10px 0px; padding:0px; list-style:none;}
.india-home-banner ul li { font-size:22px; color:rgba(255,255,255,1); line-height:24px; padding-left:30px; position:relative; }
.india-home-banner ul li span { font-family:emSignerFont; font-size:17px;}
.india-home-banner ul li i { position:absolute; left:0px; top:1px; color:rgba(255,255,255,1); background:#008ae2; font-size:10px; line-height:22px; font-weight:normal; border-radius:100%; width:22px; height:22px; text-align:center; }
.india-home-banner h1 span, .india-home-banner h2 span  { font-size:30px; font-family:emSignerFontBold; color:#fff; }
.india-home-banner h1 span span, .india-home-banner h1 .fortext { font-weight:normal; font-size:24px;}
.india-home-banner .btn { font-size:16px; font-weight:400; height:42px;}
.india-home-banner .cta-section.cta-section-hero { }
.india-home-banner .trialemail-txt { width:360px;}

.wave-area {
    height: 5%;
    width: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    background: white;
    z-index: 1
}

.wave {
    background: url("../images/wave.svg") repeat-x;
    position: absolute;
    top: -100px;
    width: 6400px;
    height: 100px;
    animation: wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0)
}

.wave:nth-of-type(2) {
    top: -56px;
    animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;
    opacity: 1
}

@keyframes wave {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -1600px
    }
}

@keyframes swell {
    0%, 100% {
        transform: translate3d(0, -45px, 0)
    }

    50% {
        transform: translate3d(0, 5px, 0)
    }
}


.dynamic-text { position:relative; padding-left:20px; display:flex; height:100%; align-items:center; justify-content:flex-start;}
.dynamic-text .fortext { position:absolute; left:-20px; top:7%; height:80%; width:20px; background-size:contain !important; opacity:0.2;}
.dynamic-text h1 { line-height:32px !important;}

.indian-customer { position:relative; padding:20px 0px 80px !important;}
.indian-customer .client-logos img { height:60px; margin:5px 10px; }

.inner-banner { background-color:#121212; background-size:cover !important; background-position: center !important; background-repeat: no-repeat; position:relative; padding:9rem 0 5rem; border-bottom:1px solid #b8c2da;}
.inner-banner:before { content:''; height:100%; width:100%; display:block; background:rgba(0,0,0,0.15); position:absolute; top:0px; }
.inner-banner.more-overlay:before { content: ''; height: 100%; width: 100%; display: block; background: rgba(0, 0, 0, 0.25); position: absolute; top: 0px; }
.inner-banner.dark-overlay:before { content: ''; height: 100%; width: 100%; display: block; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0px; }
.inner-banner h1 { font-weight:500 !important; font-size:50px; color:#fff;}
.inner-banner h2 { color:#fff;  font-weight:400 !important; font-size:30px;}
.inner-banner h3 { color:#fff;  font-weight:400 !important; font-size:22px; position:relative; margin-bottom:30px; padding-bottom:15px;}
.inner-banner h3:after { content:''; height:5px; width:70px; display:block; background:#f36f21; position:absolute; bottom:0px; }
.inner-banner .btn { font-size:18px; padding:10px 20px;}
.inner-banner p { font-size:16px; padding:10px 0px; color:#fff;}
.inner-banner .btn-default { background:#fff;}

.banner-box { position:relative; z-index:20; margin-top:-60px; background:#fff; padding:30px; text-align:center; box-shadow: 0 10px 15px 0 rgba(0,0,0,.05);}
.banner-box h4 { line-height:34px; margin:0px; font-weight: 500 !important; }
.banner-box h2 { font-size:26px; font-weight:400 !important; }
.banner-box h2 b {font-size:32px; }
.banner-box h1 { font-size:32px; font-weight:400; margin:20px 20px 10px;}
.banner-box .btn-download { padding:7px 20px; background:none; color:#0034ac; margin:20px 0px; }
.main-section { margin-top: 98px;background: #fff;}
.client-logos { margin-bottom:20px;}
.client-logos img { height:150px;}
.customerStories-link-more { display: inline-block; margin-top: 5%; }
.section-headline h2 { font-weight: 500 !important; }
.customer-stories { position:relative; padding:0px 5%; background:rgba(255,255,255,0.8); margin:30px 0px; box-shadow:0 10px 15px 0 rgba(0,0,0,.05);}
.customer-stories .carousel-item { min-height:310px; padding-top:23px; padding-bottom:20px; }
.customer-stories .link-more { position:absolute; bottom:30px; }
.customer-stories .carousel-item h2 { font-weight:400 !important; font-size:26px; line-height:36px !important; margin:20px 0px 20px 50px;}
.customer-stories .carousel-item.sm-txt-carousel h2 { font-size:23px; line-height:30px !important;  }
.customer-stories .carousel-item.sm-txt-Sor_carousel h2 { font-size:21px; line-height:26px !important; }
.customer-stories .carousel-item:before { content:''; display:block; background:url('../images/left-quote.png') no-repeat 0 0; height:36px; width:42px; position:absolute; left:0px; top:40px;}
.customer-stories .carousel-item h3 { font-weight:500 !important; font-size:18px; text-align:center; }
.customer-stories .carousel-item { bottom:auto; top:35%;}
.customer-stories .carousel-item img.customer { border-radius:100%; width:80px;}
.customer-stories .carousel-indicators { bottom:-20%}
.customer-stories .carousel-indicators li { width:20px; border-radius:20px; background:#9bacd6; height:auto; }
.customer-stories .carousel-indicators li:nth-child(2n+1).active { background:#5f68c3;}
.customer-stories .carousel-indicators li:nth-child(2n).active { background:#f4620b;}

.customer-logos { position:relative; }
.customer-logos .carousel-item { padding:0px; bottom:auto; top:0;}
.customer-logos .carousel-indicators { bottom:-30%}
.customer-logos .carousel-indicators li { width:20px; border-radius:20px; background:#9bacd6; height:auto;}
.customer-logos .carousel-indicators li:nth-child(2n+1).active { background:#5f68c3;}
.customer-logos .carousel-indicators li:nth-child(2n).active { background:#f4620b;}

.testimonials-section { background:#e9effe; }
.testimonials-section .customer-stories { background:none; box-shadow:none; margin:0px;}
.testimonials-section .customer-stories .carousel-indicators { bottom:-10%;}

.workflow-section { padding:50px 0px 70px !important;}

.advantages-section { padding:10%; background:#f5f7fc;}
.advantages-section table { border-radius:10px; position:relative; background:#fff; overflow:hidden; box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.advantages-section table td, .advantages-section table th { vertical-align:top; padding:0px 30px;}
.advantages-section table th h4 { font-size:20px; font-weight:bold; margin:30px 0px 20px; text-align:center; }
.advantages-section table tr th:first-child, .advantages-section table tr td:first-child { border-right:2px solid #eee; }

.banner-stories { position:relative; padding:0px 5%; text-align:left; }
.banner-stories .carousel-item { min-height:340px; padding-top:50px; padding-bottom:20px; }
.banner-stories .link-more { position:absolute; bottom:30px; }
.banner-stories .carousel-item h2 { font-weight:400 !important; font-size:32px; line-height:42px; margin:20px 0px 20px 50px;}
.banner-stories .carousel-item.sm-txt-carousel h2 { font-size:24px; }
.banner-stories .carousel-item.sm-txt-Sor_carousel h2 { font-size:21px; }
.banner-stories .carousel-item:before { content:''; display:block; background:url('../images/left-quote.png') no-repeat 0 0; height:36px; width:42px; position:absolute; left:0px; top:40px;}
.banner-stories .carousel-item h3 { font-weight:500 !important; font-size:20px; text-align:center; }
.banner-stories .carousel-item { bottom:auto; top:35%;}
.banner-stories .carousel-item img.customer { border-radius:100%; width:80px;}
.banner-stories .carousel-indicators { bottom:7%}
.banner-stories .carousel-indicators li { width:20px; border-radius:20px; background:#9bacd6; height:auto;}
.banner-stories .carousel-indicators li:nth-child(2n+1).active { background:#5f68c3;}
.banner-stories .carousel-indicators li:nth-child(2n).active { background:#f4620b;}

.section .cert-list { list-style:none;}
.section .cert-list li { padding-bottom:10px; position:relative;}
.section .cert-list h2 { font-size:20px; font-weight:500 !important; margin:0px; padding:0px;}
.section .cert-list li:after { content:''; /*background:#b6c7f0;*/ background:#000; width:10px; height:10px; position:absolute; top:7px; left:-20px; border-radius:100%;}
.section .cert-list li.active:after { background:#f4620b;}
.section .cert-list li a {font-size:18px; font-weight:400; color:#000;}
.section .cert-list li.active a, .secure-section .cert-list li a:hover { color:#0060ac; text-decoration:underline; font-weight:500;}
.section-title h2 span { font-size: 30px; }

.list-checkmarks { list-style:none; margin:0px; padding:10px 20px;}
.list-checkmarks li { padding-bottom:10px; position:relative; font-size:18px; line-height:26px; color:#000;}
.list-checkmarks h2 { font-size:20px; font-weight:600; margin:0px; padding:0px;}
.list-checkmarks li:after { content:''; background:#b6c7f0; width:14px; height:14px; position:absolute; top:4px; left:-20px; border-radius:100%;}
.list-checkmarks li.active:after { background:#f4620b;}
.list-checkmarks li a {font-size:18px; font-weight:400; color:#000;}
.list-checkmarks li.active a, .list-checkmarks .cert-list li a:hover { color:#0060ac; text-decoration:underline; font-weight:600;}

.feature-section .cert-list {  margin:0px; padding:0px 20px;}
.feature-section .cert-list li { padding-bottom:0px; position:relative;}
.feature-section .section-title { margin-bottom:20px !important;}
section.lighblue-section.feature-section li:after { background:#b4c5ec;}
.feature-section .integration img { height:120px;box-shadow: 0 10px 15px 0 rgba(0,0,0,.05); margin:5px 10px;}
/*.feature-section .more-list { text-align:center; margin-bottom:20px;}*/
/*.feature-section .more-list h2 { font-size:24px;}
.feature-section .more-list h4 { font-size:18px; font-weight:400; line-height:32px;}*/
.more-list.center-content { text-align:center; margin-bottom:20px; }
.more-list.center-content h2 { font-size:24px; font-weight: 500 !important; }
.more-list.center-content h4 { font-size:18px; font-weight:400 !important; line-height:32px !important;}

.vtab-section { padding:20px 0px;}
.vtab-section .nav-pills a { font-size:18px; padding:12px 30px; color:#000;}
.vtab-section .nav-pills .nav-link.active, .nav-pills .show>.nav-link { font-weight:500; z-index:20; color:#f36f21; margin-bottom:10px; border:1px solid #f1f1f1; border-left:5px solid #f36f21; border-right:none; background:#fff; box-shadow:-4px 4px 6px 0 rgba(0,0,0,.03);}
.vtab-section .tab-content { background:#fff; padding:15px; border:1px solid #f1f1f1; box-shadow: 0 10px 15px 0 rgba(0,0,0,.05);}
.vtab-section .tab-content .pane-content { padding:30px 30px 10px;}
.vtab-section .tab-content .pane-content h2 { font-weight: 500 !important; }
.vtab-section .tab-content .pane-content p { font-size:18px;}

.roi-section .emsec-box { margin:0px; background:#fff; text-align:center;} 
.roi-section .emsec-box .content { background:#fff; margin: -130px 10px 0px; position:relative; padding:50px 50px 10px; min-height:280px; }
.roi-section .emsec-box .content h2 div { font-size:46px;}
.roi-section .emsec-box .content p { font-size:18px;}

.emsec-box.first-box { background: #e8f6fd; }
.emsec-box.second-box { background: #fed6d6; }
.emsec-box.third-box { background: #f0e0ff; }

.story-section a.tile { color:#000; margin-bottom:30px; display:block; /*overflow:hidden;*/}
.story-section a.tile .tile-info {padding: 16px 0 0;}
.story-section a.tile .tile-title {font-weight: 500 !important;}
.story-section a.tile .tile-image {width: 100%;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    margin: 0;
    padding-bottom: 62.8%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
}
.story-section a.tile .tile-info { text-align: center; }
.story-section a.tile:hover .tile-image {box-shadow: 5px 9px 20px 0px rgb(0 0 0 / 20%);transition: all 0.3s ease-in-out;}
/*.story-section a.tile:hover .tile-image { opacity:0.9; -moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}*/
.tile-info h4.tile-title {text-align: center;}


.editorials-row .editorials-image { padding:50px;}
.editorials-row .editorials-image img { box-shadow: -14px 14px 26px rgba(0,0,0,0.1); border-radius:80px 80px 80px 0px;}
.editorials-row .editorials-content { position:relative; z-index:20; padding:40px 40px 0px; margin:50px 0px; }
.editorials-row .editorials-content p { font-size:20px;}
.editorials-row .editorials-content h2 { font-size:40px; font-weight:500 !important;}
.editorials-row .editorials-image.left img { box-shadow: 14px 14px 26px rgba(0,0,0,0.1);  border-radius:80px 80px 0px 80px;}

.digital-bank-section { overflow:hidden;}
.digital-bank-section .about-images-wrap {
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom:0px;
  padding-right:0px;
}
.digital-bank-section .about-images-wrap .about-dot {
  position: absolute;
  right: 0px;
  bottom: -60px;
  -webkit-animation: key1 0.6s ease infinite alternate;
          animation: key1 0.6s ease infinite alternate;
}
.digital-bank-section .about-images-wrap .icon-aminate {
  width: 141px;
  height: 145px;
  background-image: url('../images/banking/icon-dots.png');
}
@-webkit-keyframes key1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@keyframes key1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
.digital-bank-section .about-images-wrap .first-slide {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}
.digital-bank-section .about-images-wrap .first-slide img {
  max-width: 50%;
  margin-left: 60%;
  height: 100%;
}
.digital-bank-section .about-images-wrap .second-slide {
  position: absolute;
  left: 0;
  top: 30%;
  bottom: 0;
  margin-bottom: 0;
}
.digital-bank-section .about-images-wrap .second-slide img {
  -o-object-fit: cover;
     object-fit: cover;
}
.digital-bank-section .about-images-wrap .overlay:after {
  background: rgba(255, 255, 255, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}
.digital-bank-section .about-images-wrap .overlay:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.digital-bank-section a {
  text-align: left;
}

.global-inner-digital {
  background-color: #f9f9fb;
  position: relative;
  overflow: hidden;
  padding: 60px 0px 60px;
}
.global-inner-digital .main-content {
  text-align: center;
  margin-bottom: 40px;
}
.global-inner-digital .digital-box {
  padding: 30px;
  width: 100%;
  position: relative;
  margin: 14px 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px;
  background-color: #fff;
}
.global-inner-digital .digital-box:hover {
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.global-inner-digital .digital-box .ico-part {
  display: block;
  margin: 0px auto 15px;
}
.global-inner-digital .digital-box .ico-part img {
  width: auto;
}
.global-inner-digital .digital-box .bg-before {
  position: relative;
}
.global-inner-digital .digital-box .bg-before:before {
  content: "";
  background: rgba(188, 0, 211, 0.1);
  width: 35px;
  height: 35px;
  position: absolute;
  border-radius: 50px;
  left: -10px;
  top: -10px;
  z-index: 0;
}
.global-inner-digital .digital-box .box-text h4 {
  font-size: 1.25rem;
  font-weight:bold;
  line-height: 1.4;
  color: #38005e;
  margin: 0px 0px 15px;
}
.global-inner-digital .digital-box .box-text p {
  font-size: 15px;
  color: #484848;
  line-height: 1.6;
  margin-bottom: 0px;
}
.global-inner-digital .enterprise-box {
  padding: 30px 27px;
  width: 100%;
  min-height: 200px;
  position: relative;
  margin: 14px 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px;
  background-color: #fff;
}
.global-inner-digital .enterprise-box:hover {
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.global-inner-digital .enterprise-box:after,
.global-inner-digital .enterprise-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.global-inner-digital .enterprise-box:after {
  background-color: #a977b3;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  z-index: -1;
}
.global-inner-digital .enterprise-box:hover:before {
  opacity: 0;
}
.global-inner-digital .enterprise-box:hover:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  border-radius: 0;
}
.global-inner-digital .enterprise-box .ico-part {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #a977b3;
  border: 5px solid #fff;
  position: relative;
  margin: 10px auto 25px;
  cursor: pointer;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.global-inner-digital .enterprise-box .ico-part img {
  width: auto;
  max-height: 45px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.global-inner-digital .enterprise-box .box-text {
  text-align: center;
}
.global-inner-digital .enterprise-box .box-text h4 {
  font-size: 1.25rem;
  font-weight:bold;
  line-height: 1.4;
  color: #38005e;
  margin: 0px 0px 15px;
}
.global-inner-digital .enterprise-box .box-text p {
  font-size: 15px;
  color: #484848;
  line-height: 1.7;
  margin-bottom: 0px;
}
.global-inner-digital .enterprise-box .box-text .list-points {
  margin: 0px;
  padding-left: 28px;
  list-style: none;
  margin-bottom: 30px;
}
.global-inner-digital .enterprise-box .box-text .list-points li {
  position: relative;
  color: #484848;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  margin-bottom: 10px;
}
.global-inner-digital .enterprise-box .box-text .list-points li:before {
  content: "\ea12";
  color: #673695;
  display: inline-block;
  margin-left: 0px;
  font-size: 16px;
  vertical-align: middle;
  text-indent: -28px;
  font-family: "boxicons" !important;
}
.global-inner-digital .enterprise-box:hover .ico-part img {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.global-inner-digital .enterprise-box:hover .box-text h4,
.global-inner-digital .enterprise-box:hover .box-text p,
.global-inner-digital .enterprise-box:hover .box-text ul li {
  color: #fff;
}
.global-inner-digital .enterprise-box:hover .box-text h4:before,
.global-inner-digital .enterprise-box:hover .box-text p:before,
.global-inner-digital .enterprise-box:hover .box-text ul li:before {
  color: #fff;
}
.global-inner-digital .service-box {
  padding: 30px 25px;
  width: 100%;
  position: relative;
  margin: 40px 0px 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px;
  background-color: #fff;
}
.global-inner-digital .service-box .ico-box {
  position: relative;
  right: 0;
  top: 0;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  color: #fff;
  background-color: #a977b3;
  text-align: center;
  z-index: 2;
}
.global-inner-digital .service-box .ico-box:after,
.global-inner-digital .service-box .ico-box:before {
  opacity: 0.1;
  position: absolute;
  top: -10px;
  left: -10px;
  right: 0;
  bottom: 0;
  content: "";
  height: 100px;
  width: 100px;
  border: 10px solid #a977b3;
  border-radius: 100%;
  z-index: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.global-inner-digital .service-box .ico-box img {
  width: auto;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.global-inner-digital .service-box .box-text h4 {
  font-size: 1.15rem;
  font-weight:bold;
  line-height: 1.4;
  position: relative;
  color: #141414;
  margin: 15px 0px 20px;
  padding-bottom: 0px;
}
.global-inner-digital .service-box .box-text p {
  font-size: 14px;
  color: #484848;
  line-height: 1.7;
  margin-bottom: 0px;
}
.global-inner-digital .service-box:hover {
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.global-inner-digital .service-box:hover .ico-box:after,
.global-inner-digital .service-box:hover .ico-box:before {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.global-inner-digital .service-box:hover .ico-box:before {
  -webkit-animation: ripple 2s ease-out infinite;
          animation: ripple 2s ease-out infinite;
}
.global-inner-digital .service-box:hover .ico-box:after {
  -webkit-animation: ripple 2s 1s ease-out infinite;
          animation: ripple 2s 1s ease-out infinite;
}
.global-inner-digital .development-points {
  position: relative;
  padding: 0px;
}
.global-inner-digital .development-points li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  position: relative;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.global-inner-digital .development-points li:first-child:before,
.global-inner-digital .development-points li:last-child:after {
  width: 0;
  border: 0;
}
.global-inner-digital .development-points li:before,
.global-inner-digital .development-points li:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 2px;
  left: 50%;
  border: 1px dashed #e6e6e6;
}
.global-inner-digital .development-points li:before {
  top: 0;
}
.global-inner-digital .development-points li:after {
  bottom: 0px;
}
.global-inner-digital .development-points li .development-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0 50px;
  position: relative;
}
.global-inner-digital .development-points li figure {
  position: absolute;
  top: 50%;
  right: -23px;
  width: 45px;
  height: 45px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#673695), to(#38005e));
  background-image: linear-gradient(#673695, #38005e);
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 22px;
}
.global-inner-digital .development-points li figcaption {
  width: 92%;
  padding: 30px;
  background: #fff;
  margin-left: auto;
  -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
  border-top: 2px solid #38005e;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.global-inner-digital .development-points li figcaption h4 {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight:bold;
  color: #222;
  margin-bottom: 5px;
}
.global-inner-digital .development-points li figcaption p {
  font-size: 14px;
  color: #484848;
  margin-bottom: 0;
  line-height: 1.5;
}
.global-inner-digital .development-points li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.global-inner-digital .development-points li:nth-child(even) figure {
  left: -23px;
}
.global-inner-digital .development-points li:nth-child(even) figcaption {
  margin-right: auto;
  margin-left: inherit;
}
.global-inner-digital .development-points li:hover figcaption {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  border-top: 2px solid #f26739;
}
.global-inner-digital .development-points li:hover figure {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f26739), to(#d94d00));
  background-image: linear-gradient(#f26739, #d94d00);
}
.global-inner-digital .development-points li:hover span {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
@-webkit-keyframes ripple {
  0% {
    opacity: 0.25;
  }
  100% {
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes ripple {
  0% {
    opacity: 0.25;
  }
  100% {
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

.global-inner-feature {
  background-color: #f9f9fb;
  position: relative;
  overflow: hidden;
  padding: 60px 0px 60px;
}
.global-inner-feature .main-content {
  text-align: center;
  margin-bottom: 40px;
}
.global-inner-feature .feature-content {
  margin: 30px 0px 0px;
}
.global-inner-feature .feature-content .box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.global-inner-feature .feature-content .box-wrapper figure {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0034ac;
  border: 5px solid #fff;
  position: relative;
  margin: 0px 0px 10px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.global-inner-feature .feature-content .box-wrapper figure img {
  max-height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.global-inner-feature .feature-content .box-wrapper .content-bx-wide {
  margin-left: 15px;
}
.global-inner-feature .feature-content .box-wrapper .content-bx-wide h3 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #242424;
  font-weight:bold;
}
.global-inner-feature .feature-content .box-wrapper .content-bx-wide h6 {
  line-height: 1.7;
  color: #505489;
  font-size: 14px;
  margin-bottom: 0px;
}
.global-inner-feature .feature-content .box-wrapper:hover {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.global-inner-feature .feature-content .box-wrapper:hover figure {
  -webkit-box-shadow: 0 10px 25px -10px #ccc;
          box-shadow: 0 10px 25px -10px #ccc;
}
.global-inner-feature .feature-content .box-wrapper:hover figure img {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.global-inner-feature .feature-data {
  position: relative;
  height: 100%;
}
.global-inner-feature .feature-data img {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.global-inner-feature .content-right .box-wrapper {
  text-align: right;
}
.global-inner-feature .content-right .box-wrapper .content-bx-wide {
  padding-right: 10px;
  margin-left: 0px;
}

.link-readmore { }

.partners-slider-section {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding: 60px 0px 60px;
  text-align: center;
}

.partners-slider-section .partner-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 20px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  margin: 0px 0px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.industry-platform {
  background-color: #fff;
  padding: 40px 0px 60px;
}

.custom-product-section {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding: 60px 0px 60px;
  text-align: center;
}
.custom-product-section h4 {
  font-size: 1.1rem;
  font-weight:bold;
  max-width: 85%;
  margin: auto;
  line-height: 1.6;
  color: #484848;
  margin-bottom: 0px;
  margin-left: 0px;
}
.custom-product-section .custom-slider .owl-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  min-height: 100%;
}
.custom-product-section .custom-slider .owl-item .features-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-product-section .custom-slider .owl-item .features-box .box-content {
  min-height: 180px;
}
.custom-product-section .custom-slider .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}
.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot:focus,
.custom-product-section .custom-slider .owl-theme .owl-dots span:focus,
.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot:focus-visible,
.custom-product-section .custom-slider .owl-theme .owl-dots span:focus-visible {
  outline: none;
  border: none;
}
.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot span,
.custom-product-section .custom-slider .owl-theme .owl-dots span span {
  width: 15px;
  height: 7px;
  margin: 0px 8px;
}
.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot.active span {
  background: #764098;
  width: 35px;
  height: 7px;
}
.custom-product-section .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.custom-product-section .features-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #fff;
  border-radius: 0px;
  background-color: #fbfbfb;
  box-shadow:0px 0px 30px 0px rgba(130, 130, 130, 0.3)
}
.custom-product-section .features-box .img-box {
  min-height: 220px;
  max-height: 220px;
  position: relative;
  overflow: hidden;
}
.custom-product-section .features-box .img-box img {
  width: 100%;
  height: auto;
  min-height: 222px;
  max-height: 222px;
  border-radius: 0px;
  cursor: pointer;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-product-section .features-box .img-box img {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: -webkit-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.custom-product-section .features-box .box-content {
  padding: 20px 21px 5px;
  margin-bottom: 10px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.custom-product-section .features-box .box-content p {
  font-size: 14px;
  color: #484848;
  line-height: 1.7;
  margin-bottom: 10px;
}
.custom-product-section .features-box .box-content h4 {
  font-size: 1.2rem;
  color: #141414;
  line-height: 1.4;
  margin-bottom: 5px;
}
.custom-product-section .features-box .box-content h6 {
  font-size: 1rem;
  color: #484848;
  line-height: 1.6;
  margin-bottom: 10px;
}
.custom-product-section .features-box .box-content span {
  font-size: 1rem;
  color: #484848;
  line-height: 1.6;
  margin-bottom: 10px;
}
.custom-product-section .features-box .box-content .highlighted {
  font-size: 1rem;
  color: #0061c9;
  line-height: 1.6;
  margin-bottom: 0px;
}
.custom-product-section .features-box .box-content a {
  color: #673695;
  font-size: 14px;
  position: relative;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  text-align: left;
  line-height: 2;
  width: 100%;
}

.custom-product-section .features-box:hover img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.custom-product-section .modal-dialog {
  padding: 0px;
  position: absolute;
  width: 100%;
  right: 0%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 10%;
  left: 0;
  border-radius: 0px;
}
.custom-product-section .modal-dialog .modal-body {
  padding: 0px;
}
.custom-product-section .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.custom-product-section .modal-dialog .modal-content button.close {
  position: absolute;
  right: -40px;
  z-index: 999;
  color: #2e2e2e;
  opacity: 0.9;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  line-height: 2.75;
  font-size: 18px;
  top: -50px;
  width: 50px;
  height: 50px;
  font-weight: 100;
}
.custom-product-section .modal-dialog .modal-content button.close:hover {
  background-color: #f26739;
  color: #fff;
  font-weight: 100;
}
.custom-product-section .modal-dialog .modal-content button.close:focus,
.custom-product-section .modal-dialog .modal-content button.close:focus-visible {
  outline: none;
  border: none;
}
.custom-product-section .video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.custom-product-section .video-play-button:hover,
.custom-product-section .video-play-button:focus,
.custom-product-section .video-play-button:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-product-section .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}
.custom-product-section .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fa183d;
  border-radius: 50%;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.custom-product-section .video-play-button:hover:after {
  background-color: #da0528;
}
.custom-product-section .video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}
.custom-product-section .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}
.custom-product-section .videoverlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
.custom-product-section .videoverlay.popup-on {
  opacity: 1;
  visibility: visible;
}
.custom-product-section .videoverlay.popup-on .content {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.custom-product-section .videoverlay .content {
  background: #fff;
  position: absolute;
  top: -50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 850px;
  max-height: 472px;
  opacity: 0;
  border-radius: 0.5rem;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-product-section .videoverlay .content .video-container {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  background-color: #fff;
  padding: 0rem;
  border-radius: 0rem;
  outline: 0;
}
.custom-product-section .videoverlay .content .video-container iframe {
  border-radius: 0rem;
}
.custom-product-section #close {
  position: absolute;
  right: -40px;
  z-index: 999;
  color: #2e2e2e;
  opacity: 0.9;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  line-height: 2.75;
  top: -50px;
  width: 50px;
  height: 50px;
}
.custom-product-section #close:before {
  content: "\ec4e";
  font-family: boxicons;
  font-size: 18px;
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.custom-product-section #close:hover {
  background-color: #f26739;
  color: #fff;
}
@media screen and (min-width: 800px) {
  .custom-model-main:before {
    content: "";
    display: inline-block;
    height: auto;
    vertical-align: middle;
    margin-right: 0px;
    height: 100%;
  }
}
@media screen and (max-width: 799px) {
  .custom-product-section .modal-dialog .modal-content button.close {
    width: 40px;
    height: 40px;
    line-height: 1.75;
    right: 10px;
  }
  .custom-model-inner {
    margin-top: 45px;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.comon-faq .accordion .card {
  background:none;
  border:none;}
.comon-faq .accordion .card .card-header {
  border-radius: 0px!important;
  padding: 0.75rem 1.25rem;
  background:none;
  border:none;
}
.comon-faq .accordion .card button {
  padding: 0px;
  border: none;
  color:#000;
  font-size:18px;
  font-weight:600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.comon-faq .accordion .card .card-body {
  border-radius: 0px!important;
  background:none;
  border:none;
}
.comon-faq .accordion .card .card-body p {
  font-size: 18px;
  color: #323a45;
}
.comon-faq .collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}
.comon-faq button:focus,
.comon-faq button:active,
.comon-faq button:hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}
.comon-faq .card {
  border-left: 0px;
  border-right: 0px;
}
.comon-faq .card:first-child {
  border-top: none;
}
.comon-faq .card:last-child {
  border-bottom: none;
}
.comon-faq .collapsible-link::before {
  content: "+";
  color:#999;
  display: block;
  font-family: "boxicons";
  font-size: 1.8rem;
  margin-left: 10px;
}
.comon-faq .collapsible-link[aria-expanded="true"]::before {
  content: "-";
}

.choose-section {
  position: relative;
  display: block;
  padding: 66px 0 30px;
  z-index: 1;
}

.choose-section .main-content,
.choose-section .main-text {
  margin-bottom: 40px;
  text-align: center;
}
.choose-section .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.choose-section .choose-boxes {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(130, 130, 130, 0.1);
          box-shadow: 0px 0px 30px 0px rgba(130, 130, 130, 0.1);
  margin-bottom: 30px;
  text-align: left;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
}
.choose-section .choose-boxes .choose-img {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  margin: 0;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.choose-section .choose-boxes .choose-img img {
  margin: auto;
  display: block;
  width: 100%;
  max-height: 200px;
  min-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.choose-section .choose-boxes .choose-text {
  padding: 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.choose-section .choose-boxes .choose-text.mh-185 {
  min-height: 185px;
}
.choose-section .choose-boxes .choose-text.mh-150 {
  min-height: 150px;
}
.choose-section .choose-boxes .choose-text p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #484848;
  margin-bottom: 10px;
}
.choose-section .choose-boxes .choose-text p span {
  display: inline-block;
  width: 100%;
}
.choose-section .choose-boxes .choose-text a {
  font-size: 0.9rem;
  position: relative;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  color: #673695;
}

.choose-section .choose-boxes .choose-text a:hover {
  color: #f26739;
  text-decoration: none;
  padding-left: 4px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.choose-section .choose-boxes .choose-text a:hover:after {
  color: #f26739;
}

.choose-section .choose-boxes:hover .choose-img img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.choose-section .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  top: -60px;
}
.choose-section .owl-theme .owl-nav .owl-next,
.choose-section .owl-theme .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-shadow: 0 16px 32px rgba(166, 188, 233, 0.2);
  box-shadow: 0 16px 32px rgba(166, 188, 233, 0.2);
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.choose-section .owl-theme .owl-nav button {
  background-color: #fff !important;
  border: 1px solid #ccc;
  margin-left: 10px;
}
.choose-section .owl-theme .owl-nav button span {
  color: #000;
  font-size: 1.5rem;
}
.choose-section .owl-theme .owl-nav button:hover {
  background-color: #673695 !important;
}
.choose-section .owl-theme .owl-nav button:hover span {
  color: #fff;
  font-size: 1.5rem;
}
.choose-section .owl-theme .owl-nav button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.choose-section .owl-theme .owl-dots .owl-dot span {
  background: #d6d6d6;
  width: 13px;
  height: 13px;
  margin: 5px 5px;
}
.choose-section .owl-theme .owl-dots .owl-dot:focus,
.choose-section .owl-theme .owl-dots .owl-dot:focus-visible {
  outline: none;
}
.choose-section .owl-theme .owl-dot.active span,
.choose-section .owl-theme .owl-dot:hover span,
.choose-section .owl-theme .owl-dot:focus span {
  background: #673695 !important;
  outline: none;
}
.contact-section .editorials-content {padding: 0 calc(8.33333333% + 10px);text-align:center;}
.contact-section .editorials-content h4 { font-size:30px; font-weight:400 !important; margin-bottom:20px;}
.contact-section .editorials-content .btn { padding:7px 20px;}
.contact-section .selected-flag { top: 4px !important;}

.case-study-right h3, .case-study-left .case-study-box h6 { font-weight: 600 !important; }
.view-section .main-hero { padding: 6rem 0 4rem; background:#f5f7fc; }
.view-section .main-hero .cta-section {  margin: 2rem 0 0;}
.view-section .main-hero .btn-lg {font-size: 18px;line-height: 25px;padding: 10px 30px; }
.view-section .main-hero .btn-default { color: #0034ac; border: 1px solid #0034ac;}
.view-section .main-hero .btn-default:hover { color: #fff; border: 1px solid #0034ac; background:#0034ac; }
.view-section .back-to-section {margin: 3rem 0 1.5rem;}
.view-section img.hero-main-image {max-width: 400px;}
.view-section h1 { font-size: 34px; font-weight:500 !important; margin-bottom:30px;}
.view-section .infobox .row blockquote { margin-bottom:0px;}
.view-section .infobox .customer-stats { box-shadow:0px 2px 2px rgba(0,0,0,0.1); text-align:center; background-color: #f5f7fc;padding:2rem;margin:3rem 0;-ms-flex-pack: center;justify-content: center;}
.view-section .customer-story-col {  max-width: 900px; margin:0px auto;}
.view-section .customer-story-col p { font-size:16px;}
.view-section .inline-image-container {width: 900px;max-width: 900px;margin: 4rem auto;}
.view-section .inline-image-container img { width:100%;}

.pricing-section .main-hero { padding: 6rem 0; background:#f5f7fc; text-align:center; }
.pricing-section img.hero-main-image {max-width: 442px;}
.pricing-section .main-hero h1 {font-size:2.5rem; font-weight:700; margin:50px 0px 0px;}
.pricing-section .main-hero h2 {font-size:1.5rem; font-weight:400;}

.pricing-section .features-section { margin-top:-8rem;}
.pricing-section .plan-features { padding:0px 15px;}
 .plan-list { max-width:20%; -ms-flex: 0 0 20%; flex: 0 0 20%; padding:0px;}

.colorbg { border-radius:5px 5px 0 0; padding:10px 0 20px 0; margin-bottom:10px; min-height:180px; font-size:11px }


.sgate-section { background:#fff; box-shadow:0 -3px 4px 0 rgba(0,0,0,.05);}
.signerPlans .signing-gateway:first-child { border-right:1px solid #f1f1f1;}
.signerPlans .signing-gateway h3 { margin:30px 0 5px;}
.signerPlans .signing-gateway small { color:#888; font-size:15px; }
.signerPlans .btn { border:1px solid #0034ac; color:#0034ac; font-weight:bold; padding:7px 20px;}
.signerPlans .feature ul { margin:0 80px 10px; padding: 0px 0px; list-style:none;}
.signerPlans .feature ul li {  font-size:18px; padding:2px 0px; padding-left:35px; position:relative; }
.signerPlans .feature ul li i { margin-right:5px; color:#999; position:absolute; left:0px; vertical-align: bottom;display: inline-block;width:24px;height:24px;font-size:14px;line-height:24px;margin:0px;background-color: rgba(118,193,37,.1);border-radius:100%;color: #76c125;text-align: center;}
.signerPlans .feature h4 { margin-top:25px !important; font-size:18px; font-weight:600;}


.contactSide h3 { line-height:26px !important; margin:0px 10px; padding:0px; font-weight:400 !important; font-size:20px; color: #fff;}
.contactSide h3 span { font-weight:bold;}
.contactSide .btn-lg { font-size:16px; margin-top:5px;}

.grid-media.var-grid {  min-height: 200px;  display: block; }
.grid-media.var-grid .grid-link {  margin-bottom: 10px; text-align: center;  border: 1px solid #f1f1f1;}
.grid-media.var-grid .grid-body { font-size: 16px;  color: #000;  line-height: 20px; }

.grid-media .grid-image { text-align: center; border: 1px solid #f1f1f1; margin-bottom: 20px;}
.grid-media {  /*min-height: 360px;*/  display: block;}
.grid-media .grid-title {font-size: 24px;  color: #000; margin-bottom: 10px;font-weight: 600;}

.fgtPswrd h4 { font-weight: 500 !important; }
/*support*/
.support {
    background: #014080 url(../images/backgrounds/bg-support.jpg) no-repeat right 0;
}

.bg-page .page-caption { 
font-size: 2.2em;
color: #fff;
padding: 0px;
line-height: 1.1em;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.docsign-banner.bg-page .page-caption{display:block;padding:70px}
.docsign-banner.bg-page .row{display:block}
.docsign-banner.bg-page .page-caption.page-caption-left h3{font-size:21px}

.support-features { background:#f1f1f1; padding:50px 0px;}

.support-features .features-list-table .feature-info-name {font-size: inherit;font-weight: 600;margin: 0;text-transform: uppercase;}
.support-features-footer {color: #666;font-size: 12px;margin-top: 30px;}
.support-features .features-list-table>thead>tr>th {background-color: #1cb1c2;color: #fff;font-weight: 600;line-height: 1;padding-bottom: .75em;padding-top: .75em;text-transform: uppercase;}
.support-features .features-list-table td:not(:first-of-type) {text-align: center;}
.support-features .features-list-table .feature-tier-value {white-space: nowrap;}
.support-features .features-list-table td:not(:first-of-type), .support-features .features-list-table th:not(:first-of-type) {width:230px;}
.support-features .features-list-table .feature-tier-business {text-align:center;background-color: #f1582c;color: #fff;}
.support-features .features-list-table .feature-tier-enhanced {text-align:center;background-color: #0060ac;color: #fff;}

.support-actions { margin:20px 0px 70px;}
.support-actions a { color:#666; display:block; padding:20px; text-transform:unset; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.2); border-radius:6px; font-size:16px;}
.support-actions a:hover:before { content:'>'; position:absolute; right:30px; top:18px; font-size:30px; font-family:monospace; }
.support-actions a strong { display:block; font-size:16px;  text-transform:uppercase; color:#0060ac;}
.support-actions a:hover { background:#0060ac; color:#fff; border-color:#0060ac;}
.support-actions a:hover strong { color:#fff;}

.btn-buy { background:#f36f21; padding:12px 20px; color:#fff; font-size:18px; margin:30px auto; width:auto; border:none; }
.btn-buy:hover { color:#fff; background:#e06217;}

.graybg{background:#f1f1f1;}
.graybg .btn.btn-primary{width:150px;}
.graybg .captcha-box{background: #fff;display: inline-block;padding: 5px 15px;border: 1px solid #e2e2e2;border-radius: 4px;}

.gnuLicense .jumbotron, .gnuLicense pre, .legalityBlk .jumbotron{ margin-bottom:40px; font-family:emSignerFont;padding:20px !important;background:#f1f1f1 !important;font-size:16px;line-height:25px !important;border:1px solid #ccc;border-left:3px solid #e7702e;font-weight:300 !important;}
.gnuLicense .jumbotron p{font-weight:300 !important;font-size:16px !important;}

.mobile-switch-pricing { padding: 15px 0px; }
.pricing-users { cursor: pointer; padding:7px 25px; border: 1px solid #231f20; border-radius: 20px 0px 0px 20px; text-align: center; width:17%; }
.pricing-envelope { cursor: pointer; padding:7px 25px; border: 1px solid #231f20; border-left:none; text-align: center; width: 12%; }
.pricing-integration { cursor: pointer; padding:7px 25px; border: 1px solid #231f20; border-radius: 0px 20px 20px 0px; border-left:none; text-align: center; width:17%; }

.rdo-switch .switch {position: relative;display: inline-block;width: 50px;height: 26px;vertical-align: middle;margin-top: 7px;border-radius: 20px;}
.rdo-switch .switch input {opacity: 0;width: 0;height: 0;}
.rdo-switch .slider { position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.rdo-switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.rdo-switch input:checked + .slider {background-color: #2196F3;}
.rdo-switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.rdo-switch input:checked + .slider:before {-webkit-transform: translateX(22px);-ms-transform: translateX(22px);transform: translateX(22px);}
/* Rounded sliders */
.rdo-switch .slider.round {border-radius:26px;}
.rdo-switch .slider.round:before {border-radius: 50%;}
.rdo-switch {margin:0px 0px 20px; display: flex; justify-content: center;}
.rdo-switch h2 {display: inline-block;vertical-align: middle;margin: 0px;margin-right:7px;font-size: 18px!important;font-weight: 500 !important;}
.rdo-switch .active { color: #fff; background: #0034ac; border: 1px solid #0034ac; }
.rdo-switch .active:hover, .rdo-switch .active:active, .rdo-switch .active:focus { background: #0171e1 !important; border: 1px solid #0171e1 !important; box-shadow: 2px 5px 10px rgb(0 0 0 / 10%); color: #fff; }


/*----------------------------------------
General Layout Style
------------------------------------------*/
.goog-te-banner-frame.skiptranslate { display: none !important;} 
.google-translate .goog-te-combo { margin:2px 0px 2px 10px !important;}

input[type=text], input[type=password], input[type=email], input[type=tel], input.text, textarea, input[type=submit], .mobile-menu, h4.border-title, .location h4, .button.ico, blockquote:before { font-family:"emSignerFont", Arial, Helvetica, sans-serif; }

form{margin:0;}
#main-menu ul li a, .legendLabel { font-family:"emSignerFont", Arial, Helvetica, sans-serif; }

blockquote{ line-height:25px; font-style:italic; font-size:16px; padding:0 0 0 30px; margin:25px 0px 30px; display:block; position:relative; }
blockquote span { background-color:#e6e2d6; background-position:-354px -234px; width:70px; height:70px; float:left; margin:0px 10px 0px 0px; border-radius:70px; }
blockquote p { margin-bottom:0px; }
blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; }
blockquote:before { content:'"'; content:open-quote; font-size:60px; font-style:italic; color:#666666; position:absolute; left:-5px; top:13px; font-weight:normal; }
blockquote:after { content:'"'; content:close-quote; font-size:60px; font-style:italic; color:#666666; position:absolute; width:30px; bottom:-17px; font-weight:normal; }
blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
blockquote.aligncenter { width:100%; text-align:center; }



/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */

.hr{ height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.hr-border { border:4px double #e6e2d6; width:100%; clear:both; display:block; float:left; margin:50px 0px; position:relative; z-index:1; border-radius:5px; }
.hr-invisible { float:left; width:100%; margin:40px 0px; display:block; clear:both; }
.hr-invisible-small { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
.hr-invisible-very-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
.hr.top, .hr-border.top { width:97%; }
.hr.top, .hr-border.top { background-position:right center; text-align:right; }
.hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }
.hr-border.top a { top:-10px; right:-23px; }
.hr.top a:hover, .hr-border.top a:hover { color:#e96666; }
.clear { float:none; clear:both; margin:0px; padding:0px; }
.float-right { float:right; }
.float-left { float:left; }
.center { width:100%; text-align:center; }
.hidden { display:none;}

/*----*****---- << Definition Lists >> ----*****----*/

dl { margin:0px 20px; }
dl.gallery-item { margin:0px; }
.gallery-caption { margin-bottom:10px; }
.gallery-item img { border:2px solid #C4C1AE !important; }
dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
dd { margin-bottom:20px; line-height:20px; }	

/*----*****---- << Forms >> ----*****----*/

label{ font-size:14px; color:#2e2a2b; font-weight:500; font-size:14px; }
label span{ color:#b4b4b4; }

fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
legend{ font-weight: bold; }

.wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; }
.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }
.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }

img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }
.form-box .row { margin-bottom:10px;}

/*----*****---- << Columns >> ----*****----*/

.m420-h { min-height:420px;}
.m400-h { min-height:400px;}
.m350-h { min-height:350px;}
.m300-h { min-height:300px;}
.m290-h { min-height:290px;}
.m250-h { min-height:250px;}
.m200-h { min-height:200px;}
.m150-h { min-height:150px;}
.m100-h { min-height:100px;}


/*----*****---- << Float >> ----*****----*/

.wrapper, #header, .banner, .shadow, .main-title, .content, .content-main, .contact-frm, footer, .copyright { width:100%; }

/*----*****---- << PIE >> ----*****----*/

.button, .demo-btn a.demo, .demo-btn a.purchase, .portfolio .image-overlay a span, ul.tabs-vertical-frame li a span { behavior:url(PIE.htc); }




.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link, ul.products li .product-thumb .product-overlay a, .portfolio .image-overlay a span { z-index:-1; }
.portfolio:hover .image-overlay a.zoom, .portfolio:hover .image-overlay a.link, ul.products li .product-thumb:hover .product-overlay a, .portfolio:hover .image-overlay a span { z-index:1; }

/*----*****---- << Header >> ----*****----*/

.header-top .container { text-align:right; }
.header-top .container a { margin:0 0 0 15px; text-transform:capitalize;}
.header-top .container a:hover {  text-decoration:none;}
.header-top .phone-span { margin-right:15px;}
.phone-box .phone-span { margin-right:15px;}
.phone-box .phone-span img { vertical-align:top; margin-top:2px;}
.header { width: 100%; position:fixed; top: 0; width: 100%; z-index:999; padding:0px; background:rgba(255,255,255,0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.sticky-active .header { background:#fff;}
.ldap-body .main-section { margin-top:0px !important; padding-top:90px;}
.ldap-header .navbar-brand { margin:5px 0px;}
.ldap-main { margin-top:80px !important;}
.ldap-header { position:relative;}
.header-top-right ul { margin:15px 0px 0px; padding:0px; list-style:none; }
.header-top-right ul li { font-size:17px; padding:3px 10px; color:#0060c0;}
.buttonload {background-color: #0060c0;border: none;color: white;padding: 12px 24px;width: 100%;font-size: 16px;}
#FreeBasicModal .modal-dialog { width:400px;}
#FreeBasicModal .btn-register { width:100%; font-size:16px;}
#FreeBasicModal .modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;padding:15px 25px;border-bottom: 1px solid #e9ecef;border-top-left-radius: .3rem;border-top-right-radius: .3rem;}
#FreeBasicModal .modal-header .modal-title { font-weight: 500 !important; }
#FreeBasicModal .modal-header .close {padding: 1rem;margin: -1rem -1rem -1rem auto;float: right;font-size:20px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5;}
#FreeBasicModal .modal-body { padding:25px;}
.navbar-header .navbar-brand { height:auto; padding:4px 0px;}
.navbar-nav { margin-top:12px;}

.navbar-nav a:hover, .navbar-nav a:focus { background:none !important; outline:none; color:#0060ac;}

.navbar-nav .btn-login a:hover, .navbar-nav .btn-login a:focus { background:#f1f1f1 !important;}
.navbar-nav .btn-freetrial a { background:#e7702e; color:#fff;}
.navbar-nav .btn-freetrial a:hover, .navbar-nav .btn-freetrial a:focus { background:#e06217 !important; color:#fff !important;}
.navbar-collapse.collapse.in { background:#f9f9f9; border-top:1px solid #e2e2e2;}
.navbar-nav .dropdown { position:relative;}
.navbar-nav .dropdown .dropdown-menu {display:none;right:auto;left:0px;position: absolute;background-color: #f9f9f9;min-width: 240px;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);z-index: 1;padding: 15px 25px;border: 1px solid #e9e9e9;}
.navbar-nav .dropdown .menu3column { width:380px; }
.navbar-nav .dropdown .dropdown-menu .header_menu {color: #000;text-transform: uppercase;margin: 5px 0px;}
.navbar-nav .dropdown .dropdown-menu a {float: none;padding: 6px 0px !important;text-decoration: none;display: block;text-align: left;text-transform: none;font-size: 14px;}

/*---------------------------------
Section or Content Box
----------------------------------*/


section.box { background-color: #ffffff;margin: 15px 0;box-shadow: 0 1px 3px rgba(33,33,33,.2);-webkit-box-shadow: 0 1px 3px rgba(33,33,33,.2);-moz-box-shadow: 0 1px 3px rgba(33,33,33,.2);-o-box-shadow: 0 1px 3px rgba(33,33,33,.2);-ms-box-shadow: 0 1px 3px rgba(33,33,33,.2);}
section header { width: 100%;display: inline-block;background-color: #ffffff;border: 1px solid rgba(0,0,0,0.09);border-bottom: 0px solid transparent;vertical-align: top;position: relative;min-height: 75px;}
section header .title { margin-top: 10px;font-family: 'emSignerFont', Arial, Helvetica, sans-serif;font-size: 19px;padding-left: 30px;padding-top: 15px;line-height: 30px;color: #676767;font-weight: 400 !important;display: inline-block;}
section .content-body { padding: 5px 30px 30px 30px;background-color: #ffffff;border: 1px solid #e8e8e8;border-top: 0px;-webkit-transition: 800ms;-moz-transition: 800ms;-o-transition: 800ms;transition: 800ms;}
section .content-body.no-header { padding-top:30px;}
section.box.nobox { background-color: transparent;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;}
section.nobox header { background-color: transparent;border: 1px solid transparent;border-bottom: 0px solid transparent;}
section.nobox header .title { padding-left: 0px;}
section.nobox .content-body { background-color: transparent;border: 0px solid transparent;padding: 0 0px 0px 0px;}
section.box .actions {margin: 10px 15px 0 15px;line-height: 50px;position: absolute;right: 0px;top:0px;}
section.box .actions a {color: #bcbcbc;font-size: 12px;margin-left: 0px;padding: 5px;cursor: hand;cursor: pointer;text-decoration: none;}
section.box .actions a:hover {color: #999999;text-decoration: none;}

/*---------------------------------
Inner Page Background Images
----------------------------------*/


.title-bg { background:#444;}
.title-bg h2 { color:#fff;}
.btn-started { font-size:1.2em; padding:7px 30px !important; margin-bottom:20px;}
.aboutus { background:#014080 url(../images/backgrounds/bg-aboutus.jpg) no-repeat right 0;}
.contactus { background:#014080 url(../images/backgrounds/bg-contactus.jpg) no-repeat right 0; height:260px;}
.faqs { background:#014080 url(../images/backgrounds/bg-faqs.jpg) no-repeat right 0;}
.demo { background:#014080 url(../images/backgrounds/bg-demo.jpg) no-repeat right 0;}
.industries { background: #014080 url(../images/backgrounds/bg-industries.jpg) no-repeat right 0;}
.healthcare { background: #014080 url(../images/backgrounds/bg-healthcare.jpg) no-repeat right 0;}
.financial { background: #014080 url(../images/backgrounds/bg-financial.jpg) no-repeat right 0;}
.whyemsigner { background: #014080 url(../images/backgrounds/bg-whyemsigner.jpg) no-repeat right 0;}
.sales { background: #014080 url(../images/backgrounds/bg-sales.jpg) no-repeat right 0;}
.hrd { background: #014080 url(../images/backgrounds/bg-hr.jpg) no-repeat right 0;}
.itoperations { background: #014080 url(../images/backgrounds/bg-itoperation.jpg) no-repeat right 0;}
.product { background:#014080 url(../images/backgrounds/bg-product.jpg) no-repeat right 0;}
.security { background:#014080 url(../images/backgrounds/bg-security.jpg) no-repeat right 0;}
.support { background:#014080 url(../images/backgrounds/bg-support.jpg) no-repeat right 0;}
.downloadPage { background:#014080 url(../images/backgrounds/bg-download.jpg) no-repeat right 0;}
.partners { background:#014080 url(../images/backgrounds/bg-partners.jpg) no-repeat right 0;}
.education { background: #014080 url(../images/backgrounds/bg-education.jpg) no-repeat right 0;}
.insurance { background: #014080 url(../images/backgrounds/bg-insurance.jpg) no-repeat right 0;}
.manufacturing { background: #014080 url(../images/backgrounds/bg-manufacturing.jpg) no-repeat right 0;}
.logistics { background: #014080 url(../images/backgrounds/bg-logistics.jpg) no-repeat right 0;}
.education h2 {font-size: 20px;}

/*------------------------------
BUTTONS
-------------------------------*/

.btn.btn-round {border-radius: 50%; -o-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.btn.btn-corner {border-radius: 8px; -o-border-radius: 8px;-ms-border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.btn.btn-border {border: 2px solid #eaeaea;color: #333333;background: transparent;}
.btn.btn-border.btn-success {border: 2px solid #4CAF50;color: #4CAF50;background: transparent;}
.btn.btn-border.btn-warning {border: 2px solid #FFC107;color: #FFC107;background: transparent;}
.btn.btn-border.btn-danger {border: 2px solid #f44336;color: #f44336;background: transparent;}
.btn.btn-border.btn-info {border: 2px solid #03A9F4;color: #03A9F4;background: transparent;}
.btn.btn-border.btn-accent {border: 2px solid #E91E63;color: #E91E63;background: transparent;}
.btn.btn-border.btn-purple {border: 2px solid #673AB7;color: #673AB7;background: transparent;}
.btn.btn-border.btn-primary {border: 2px solid #0060c0;color: #0060c0;background: transparent;}
.btn.btn-border.btn-secondary {border: 2px solid #9e9e9e;color: #9e9e9e;background: transparent;}
.btn.btn-border, .btn.btn-border.btn-default {border: 2px solid #eaeaea;color: #333333;background: transparent;}
.btn.btn-border.btn-link {border: 2px solid transparent;color: #337ab7;background: transparent;}
/*colors*/
.btn.btn-success {background: #4CAF50;color: #ffffff;}
.btn.btn-warning {background: #FFC107;color: #ffffff;}
.btn.btn-danger {background: #f44336;color: #ffffff;}
.btn.btn-info {background: #03A9F4;color: #ffffff;}
.btn.btn-accent {background: #E91E63;color: #ffffff;}
.btn.btn-purple {background: #673AB7;color: #ffffff;}
.btn.btn-secondary {background: #9e9e9e;color: #ffffff;}
.btn.btn-link {background: transparent;color: #337ab7;}
/*size*/
.btn {padding: 7px 18px; /*border-radius: 3px;*/ border-radius: 25px;}

.btn.btn-sm, .btn-sm, .btn-group-sm>.btn {padding: 5px 13px;}
.btn.btn-xs, .btn-xs, .btn-group-xs>.btn {padding: 2px 8px;}
.btn.btn-block, .btn-block, .btn-group-block>.btn {padding: 11px 23px;font-size: 19px;line-height: 25px;}
/*hover state*/
/*.btn:hover, .btn:active, .btn:focus{color:#ffffff;}*/
.btn:hover, .btn:active, .btn:focus, .btn-default:hover, .btn-default:active, .btn-default:focus {color: #333333;background: #eeeeee;}
.btn.btn-link:hover, .btn.btn-link:focus {color: rgba(1,131,122, 1.0);background: transparent;}
.btn-success:hover, .btn-success:active, .btn-success:focus {background: #2E7D32;color: #ffffff;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {background: #FF8F00;color: #ffffff;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {background: #c62828;color: #ffffff;}
.btn-info:hover, .btn-info:active, .btn-info:focus {background: #0277BD;color: #ffffff;}
.btn-accent:hover, .btn-accent:active, .btn-accent:focus {background: #AD1457;color: #ffffff;}
.btn-purple:hover, .btn-purple:active, .btn-purple:focus {background: #6A1B9A;color: #ffffff;}
.btn-primary.active, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background: #0171e1;color: #ffffff;border:1px solid #0171e1;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {background: rgba(139,139,139, 1.0);color: #ffffff;}
.btn-default.active, .btn-default:hover, .btn-default:active, .btn-default:focus {background: #e1e1e1;color: #333333;border:1px solid #cccccc;}
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {box-shadow: none;-o-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-webkit-box-shadow: none;}
.btn-primary:disabled, .btn-primary[disabled] {background:#0034ac;color: #ffffff;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {text-shadow: none;}
.btn-colors .btn {width: 80px;margin: 0 15px 15px 0;}
.btn-iconic .btn, .btn-social .btn {width: 50px;text-align: center;margin: 0 10px 10px 0px;}
/*----*****---- << Banner >> ----*****----*/
.banner { background:#fff; position:relative; overflow:hidden; background:url("/Assets/images/banner-img.jpg") no-repeat 0 65%; height:570px; background-size:cover; }
.banner-content { position:absolute; color:#0060c0; top:25%; width:100%;}
.banner-content h1 { color:#222; margin:0px; padding:0px; width:60%; font-size:40px; font-weight:bold;}
.banner-content h2 { color:#222; margin:10px 0; padding:0px; width:60%; font-size:30px;}
.banner-content h3 { font-size:20px; color:#333; margin:10px 0px 0px; padding:0px; font-weight:normal;}
.btn-buy { background:#f36f21; padding:12px 20px; color:#fff; font-size:18px; margin:30px auto; width:auto; border:none; }
.btn-buy:hover { color:#fff; background:#e06217;}
/*----*****---- << feature-section >> ----*****----*/
.short-feature { padding-bottom:10px; }
.short-feature .feature-txt { padding-top:5px;}
.short-feature .feature-txt h3 {margin:0px;font-size:20px;color:#0060c0;}
.short-feature .feature-txt p {font-size:16px;font-weight:normal;color:#616161; line-height:20px; margin:0px;}
.feature-section { position:relative; padding:30px 0 0; background:#0156a9; color:#fff;}
.feature-section h2, .feature-section p { color:#fff !important;}
.feature-section img { margin:0px;}
.feature-section .short-feature .feature-txt h3 { color:#03a9f4; margin-top:9px;}
.feature-section .short-feature .feature-txt p { color:#fff !important;} 
.feature-section .custom-services { position:relative;}
.feature-section .custom-services img { position:absolute; top:32px; }
.feature-listing ul { margin:0px; padding:0px 15px;}
.feature-listing li { list-style:none;}
.feature-listing i { color:#0060c0; padding:5px; display:none;}
.feature-listing h3 { color:#0060c0; margin:5px 0px; font-size:22px;}
.feature-listing ul li p { text-align:left; color:#666; margin:0px; padding:0px; min-height:76px; }
.featurebox-section { position:relative; background:url("/Assets/images/features-bg.jpg") fixed no-repeat center 0; position: relative; margin-bottom:-40px; box-shadow:inset 0px 0px 10px rgba(0,0,0,.1); }
.usecase-section { margin-bottom:30px;}
section.usecase-section .section-title h1 { font-weight: 500 !important; }
.usecase-section h3 { font-weight: 500 !important; }
.usecase-listing ul { margin:0px; padding:0px;}
.usecase-listing li { list-style:none;}
.usecase-listing h3 { color:#0060c0; margin:5px 0px; font-size:18px;}
.usecase-listing p { text-align:left !important; color:#666; margin:0px !important; padding:0px; }
.usecase-panel h4 { font-size:24px;}
.signsteps-section .signsteps-list { margin:15px; clear:both;}
.signsteps-section h2 { margin:0px;}
.signsteps-section h2 span { background:#fff; text-align:center; vertical-align:middle; padding:10px 0px; font-size:13px; display:inline-block; width:80px; margin:0px 15px 0 0; color:#0060c0; border-radius:100%; border:1px solid #0060c0;}
.signsteps-section h2 span i { display:block; font-size:40px; font-style:normal; font-weight:bold; line-height:40px;}
.signsteps-section .signsteps-list:hover span { background:#0060c0; color:#fff;}

.section-capabilities ul li { font-size:20px; padding-bottom:25px;}
.different-list ul { list-style:none; padding:0px; margin:0px;}
.different-list ul li.heading { font-size:22px; font-weight:bold; padding:20px 15px;}
.different-list ul li { padding:15px; background:#edf2fd;  font-size:16px; line-height:22px;}
.different-list ul li:nth-child(2n+1) { background:#fff;}
.different-list ul li div:nth-child(2) { font-weight:bold;}

.section-residency img { width:80px; margin-bottom:20px;}

/*----*****---- << Contact >> ----*****----*/
.contact-info { width:80%; margin:0px auto;}
.contact-info .form-control { width:27%; display:inline-block; border:1px solid #ccc; margin:0px 10px; height:auto; padding:10px 15px;}
.contact-info textarea.form-control { width:92.5%;}
.content-page .form-box { padding:0 30px 20px; /*background:#f9f9f9; border:1px solid #e2e2e2;*/ margin-top:20px; border-radius:3px; font-size:14px;  }
.content-page .form-box label { font-size:15px; font-weight:normal; margin:10px 0 3px 0; display:block}
.content-page .form-box h3 { margin-bottom:20px;}
.content-page .section-title { margin-top:50px; font-weight:300; color:#0060c0;}
.content-page .form-box textarea{ height:100px;}
.gmap {border: 1px solid #e2e2e2; padding:10px; margin-top:30px; clear:both; border-radius:3px; }
.gmap img { width: 100%;}
.video-demo {border: 1px solid #e2e2e2; padding:10px; margin-bottom:15px; border-radius:3px; height:297px; max-width: 521px;}
/*----*****---- << Footer >> ----*****----*/

/*----*****---- << FAQs >> ----*****----*/		
dl{font-size:1.2em;line-height:170%;margin-bottom:20px}
dl,dt,dd{padding:0;margin:0}
.link-view { font-weight:bold; text-transform:uppercase; margin-bottom:10px; display:inline-block; cursor:pointer;}
.title-container { margin:0px; padding:30px 0px 20px; text-align:center; overflow:auto;}
.title-container h1, .title-container h2 { margin:0px; padding:0px; color:#231f20; font-size:30px; font-weight: 500 !important; }
.title-container p { margin:0px; padding:0px; color:#888; font-size:16px;}
.title-container.text-center p { text-align:center !important;}


/* Pricing Style
*************************************************/
.plan-faq-section { background:#f9f9f9; padding-bottom:30px;}
.plan-faq-section h2 { font-size:24px;}
.plan-faq-section h3 { font-size:18px; color:#000; margin-bottom:5px;font-weight: 500 !important;}
.plan-faq-section p { font-size:15px; color:#555;}
.pricing-tables { margin:20px auto 0;padding:0; line-height:1.2; width:800px!important; }
.pricing-tables .plans:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.pricing-tables .plans{ display: inline-block; *zoom:1; }
* html .pricing-tables .plans{ height: 1%; } /* Hides from IE-mac \*/
.pricing-tables { display: block; }
.pricing-tables .plans>div {  float:left; }
.pricing-tables .plans>div ul{ list-style:none; }
/* ----------------------------------- Category styling -----------------------------------*/
.pricing-tables ul { margin:0px; padding:0px;}
.pricing-tables .category { width:254px; float:left; }
.pricing-tables .category h1{text-align:right; padding:25px 20px 10px 0px; line-height:0.9; text-shadow:#fff 1px 1px 1px; height:75px; font-weight:normal; font-size:26px;}
.pricing-tables .category ul { margin:0; padding:0; border-right:1px solid #eaeaea; list-style:none; }
.pricing-tables .category ul li { text-shadow:#fff 1px 1px 0px; text-align:right; padding:10px 20px 10px 5px;border-bottom:1px dotted #a7a7a7; height:38px; list-style: none; } 
.pricing-tables .category ul li:first-child { border-top:1px dotted #a7a7a7; } 
/* ----------------------------------- Plan styling -----------------------------------*/
.pricing-tables .plan { width:180px; background:#ffffff; position:relative; }
.pricing-tables .plan, .plan ul { margin:0; }
.pricing-tables .plan ul { padding:0; }
.pricing-tables .plan li { border-bottom:1px solid #f8f8f8; margin:0; padding:10px 3px; height:38px;text-align:center; list-style: none; }
.pricing-tables .plan li i { color:#693; font-size:16px;}
/* ----------------------------------- Alternate styling -----------------------------------*/
.pricing-tables .plan li:first-child {  border-top:1px solid #f8f8f8;}
.pricing-tables .plan li:nth-child(2n+1){ background:#fdfdfd; }
.pricing-tables .plan:nth-child(2n+2) li { border-bottom:1px solid #ededed;  }
.pricing-tables .plan:nth-child(2n+2) li:nth-child(2n+1){ background:#f9f9f9;  }
.pricing-tables .plan:nth-child(2n+2) li:first-child {  border-top:1px solid #ededed; -webkit-transition: background-position 0.4s ease-in-out ; transition: background-position 0.4s ease-in-out ;  }
/* ----------------------------------- Featued styling and border,shadow styling for plans -----------------------------------*/
.pricing-tables .plans { -webkit-box-shadow:#ddd 0px 0px 12px; box-shadow:#ddd 0px 0px 12px; border-radius:4px;-moz-box-shadow:#ddd 0px 0px 12px; -moz-border-radius:4px;  border:3px solid #f3f3f3;}
.pricing-tables .plan { border-left:1px solid #f3f3f3;}
.pricing-tables .plan:first-child { border-left:none;}
.pricing-tables a.featured {display:block; width:88px; height:85px; position:absolute; right:-7px; top:-4px; }
.app-bg ul { list-style:none; margin:0px; padding:0px;}
.bg-section { background:#f9f9f9; margin:30px 0px 0px; padding:0px 0px 20px;}
.base-section { padding:30px 0px;background: #0060c0; /* For browsers that do not support gradients */ }
.base-section h3 { padding:0px; margin:5px 0; font-size:24px;}
.base-section p { font-size:18px; margin:0px; font-weight:300;}
.base-section .btn-more { background:#fff; padding:10px 40px 8px; color:#0060c0; font-size:16px; margin:30px auto; font-weight:bold; border:none; }
.base-section .btn-more:hover { background:#fff; color:#333;}
.steps-section { background:#0156a9; color:#fff; padding:30px 0 0; margin-top:0px;}
.steps-section h2 { color:#fff;}
.client-section { padding:30px 0px;}
.client-list .vs-text { clear: both;font-size: 9px;text-align: center;margin: 0px;color: #999;line-height: 10px;}
.feature-signle h3 { margin-top:10px !important;}
.mainfeature-list { padding:0px 0px 30px; margin-top:0px !important;}
.mainfeature-list .btn-more, .feature-section .btn-more { background:#fff; border:1px solid #e7702e; color:#e7702e; padding:10px; font-size:16px; margin:10px 10px 30px 0 !important; font-weight:bold; width:auto; display: inline-block;  }
.mainfeature-list .btn-more:hover, .feature-section .btn-more:hover { background:#e7702e; color:#fff; }
.feature-section h3 { margin:5px 0px;}
.demo-section { background-attachment: fixed; background-repeat: no-repeat; position: relative; margin-bottom:-40px; color:#fff;}
.view-demo { padding:20px 0px 40px;}
.view-demo p { line-height:22px; font-size:16px;}
.view-demo .btn { margin-top:20px;}
.demo-video { width: 490px;margin:20px 50px;box-shadow: 10px 10px 10px rgba(0,0,0,0.5);border-radius: 30px; border:4px solid rgba(255,255,255,0.8);display: block;}
.demo-video:hover { border-color:#fff;}
.demo-video img {width: 100%;border-radius:25px;}
.btn-b-white { border:2px solid #fff; color:#fff; border-radius:4px; background:none;}
.btn-b-white:hover, .btn-b-white:focus, .btn-b-white:active {color:#0060c0 !important;background-color:#fff;border-color:#fff}
.btn-b-primary { border:2px solid #0060c0; color:#0060c0; border-radius:4px; background:none;}
.btn-b-primary:hover, .btn-b-primary:focus, .btn-b-primary:active {color:#ffffff !important;background-color:#0060c0;border-color:#0060c0}
.note-section { padding:15px; border:2px dashed #cc3300; clear:both; background:#ffecb3; margin:0px; border-radius:6px; box-shadow:0px 3px 5px rgba(0,0,0,.2); }
.note-section p {line-height:18px;}
.note-section-index { z-index:999; width:260px; color:#333; padding:10px 20px; border:2px solid rgba(247,163,113,.9); border-radius:6px 6px 0 0; box-shadow:0px -3px 5px rgba(0,0,0,.5); border-bottom:none; clear:both; background:rgba(255,240,194,.9); margin:20px 0px 0px; right:30px; bottom:0px; position:fixed; }
.note-section-index .note-close { background:#e06217; color:#fff; position:absolute; right:0px; font-size:16px; line-height:18px; height:22px; border-radius:100%; padding:0px 7px; margin:0px 5px; top:5px;}
.note-section-index .note-close:hover { text-decoration:none;}
.note-section-index h4 { margin:0 0 7px; font-size:17px;}
.note-section-index p { line-height:18px;}
.note-section-index .btn { background:#f36f21; padding:5px 15px; color:#fff; margin:0 0 10px; width:100%; border:none; }
.note-section-index .btn:hover { color:#fff; background:#e06217;}
.login-bg {
    background:#eff2fa;
}
.freelogin-bg {
    background-image: url('../images/free-trial-login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.freelogin-bg .main-section { background:none;}
.loginBox {padding-top: 30px;padding-bottom: 30px;}
.loginBox .box { border-radius:6px; overflow:hidden;}
.loginBox  header { min-height:50px;}
.loginForm .content-body { min-height:250px; margin:0px;}
.loginForm .content-body .form-control { height:36px;}
.loginForm .content-body .captcha-group img { height:36px;}
.loginForm .content-body .btn-login { width:100%; margin-bottom:15px; border-radius:4px; }
.loginBox .divider { clear:both; text-align:center; padding:0; margin:10px 0px; background:#f9f9f9; height:1px; position:relative; width:100%; display:block;}
.loginBox .divider span { top:-12px; position:absolute; left:45%; width:30px; height:30px; background:#f1f1f1; border-radius:100%; line-height:30px; font-size:11px;}
.loginBox .loginLbl { padding: 0px 4px; font-size: 13px; background:#fff; position: absolute; display: inline-block; height: 16px; top: -10px; left: 9px; border-radius:3px;z-index: 10; }
.fyb-box{margin:40px 0px !important; }
.other-login { padding:5px 0px 0px; clear:both; float:none; display:block; }
.other-login a { padding:3px;border-radius:3px;display: block; border: 1px solid #bbbbbb; margin:10px 0px 0px;}
.other-login a:hover { border:1px solid #999;}
.other-login a img { width:65%;}
.other-login .btn-sso, .other-login .btn-sso:hover { padding:7px 10px !important; font-size:13px; background:linear-gradient(#eeeeee, #dddddd) !important;}


.pwdStrengthStatus {padding:15px; margin-bottom:15px; font-size: 13px;border-radius:3px; border: 1px solid #eeeeee;background: #ffffff;}
/*.registerForm .content-body .captcha-group img { height:30px; w} */
.register-bg { background:url("/Assets/images/features-bg.jpg") fixed no-repeat 80% 0}
.registerForm { box-shadow:0px 0px 25px rgba(0,0,0,.2) !important;}
.registerForm .content-body .captcha-group img { height:35px; width:96px} 
.registerForm .content-body .form-control { height:35px; border:1px solid #aaaaaa; font-size:17px;}
.registerForm .form-page .form-group { margin-bottom:10px;}
.registerForm .form-page .button-group .btn { width:100%; margin-top:10px; padding:7px;}
.registerForm .form-page .btn-register .big {  display:block; font-size:20px; }
.registerForm .form-page .btn-register .small { display:block; font-size:13px; text-transform:capitalize; font-weight:300;}
.register-bottom { padding:30px 0px 50px; text-align:center; border-top:1px solid #e2e2e2;}
.register-bottom h2 { color:#0060c0; font-weight:300;}
.subscriptionBox .subscription-details { padding:30px 0;}
.subscriptionBox .subscription-details h1, .subscriptionBox .subscription-details h1 { margin:0px; padding:0px;}
.subscriptionBox .subscription-details h1 { margin-bottom:15px; font-weight: 500!important;}
.subscriptionBox .subscription-details h2 { font-weight: 500!important;}
.subscriptionBox .subscription-details h3 { font-size:38px; margin-top:30px; line-height:40px; font-weight:300;}
.subscriptionBox .subscription-details h3 span { font-size:25px; color:#ff6a00;}
.subscriptionBox .subscription-details p {font-size:15px; line-height:20px;}
.subscriptionBox { padding-top:35px; padding-bottom:50px;}
.subscriptionBox .box { margin-top:0px !important;}
.subscriptionBox .box .panel_header { min-height:50px;}
.subscriptionBox .box h2.title { margin:0px !important;}
.subscription-info h1 { font-size:23px; margin-bottom:10px !important;}
.subscription-info h2 { font-size:20px;}

.estampSubscription-details .estamp-img { max-width: 100%; transition: transform 0.2s; }
.estampSubscription-details .estamp-note { margin-bottom: 0px; font-weight: bold; color: #000; font-size: 13px; margin-left: 30px; line-height: 14px; }
.estampSubscription-details .estamp-desp { font-size: 16px; line-height: 22px; color: #000; }

.login-catption h2 {
    font-size: 32px;
    margin: 50px 0 10px;
    padding: 0px;
    font-weight: 500 !important;
}
.login-catption h3 { font-size:24px; line-height:30px; margin:0px; color:#0060c0; width:90%; font-weight:500 !important;}
.login-catption h3 span { font-weight:400; font-size:30px;}
.login-catption h4 { font-size:20px; line-height:26px; margin:0px; color:#000; width:90%; font-weight:500 !important;}
.see-how { font-size:22px; line-height:24px; margin-top:50px; color:#000; }
.see-how h3 { font-weight: 500 !important; }
.input-validation-error { border:1px solid #F36F23 !important; }
.field-validation-error { color: #F36F23; display:inline-table; font-size:13px; line-height:16px;}
.with105 { width:105px !important;}
.errormsg { color: #f36f23;}
.successmsg { color: #4F8A10;}
.validation-summary-errors ul { margin:0px; padding:0px; list-style:none;}
.validation-summary-errors ul li{ color: #D8000C; margin-bottom:8px;}
.nusers label { margin-right:20px;}
.nusers select { margin-top:8px; width:130px;}
.feArrow { padding:0px; margin:0 3px 0 0}
.feMore { padding:10px 15px; position:absolute; background:#444; color:#fff; z-index:10; display:block; width:100%; left:0px; line-height:16px; font-size:13px !important;}
.feMore img {float: left; padding: 0px 10px 0px 0px;}
.feclose { padding:1px 3px; color:#fff; position:inherit; right:5px; top:0px; display:block;}
.buttonFootrow { padding:15px 0px; text-align:center; color:#fff; width:100%; border-top:1px solid #e2e2e2;}
.buttonFootrow .btn { margin:0px 5px;}
.btn-contact { background:#fff; padding:6px 15px; color:#0060c0; margin:10px 0 0; border:1px solid #0060c0; }
.btn-contact:hover, .btn-contact:focus {background:#0171e1; border:1px solid #0171e1; color:#fff;}
.change-price-mode { position:absolute; right:10px; top:-80px; font-size:15px; color:#333; font-weight:300; text-align:right;}
.change-price-mode a { padding:3px 10px; font-size:17px; color:#888; height:32px; margin:2px 3px; border:1px solid #ddd; border-radius:4px; vertical-align:middle; display:inline-block;}
.change-price-mode a:hover { border:1px solid #333; color:#333; text-decoration:none;}
.change-price-mode a.active, .change-price-mode a.active:hover { border:1px solid #0060c0; background:#0060c0; color:#fff; text-decoration:none;}
.change-price-mode .lbl-currency { padding:3px 4px;}
.change-price-mode .lbl-currency span { font-size:12px; color:#ff0000; font-weight:400; border:1px solid rgba(255, 0, 0, 0.25); padding:1px 6px; border-radius:3px;}
.ind-only { float:none !important; margin-left:5px; font-size:11px; color:#ff0000; font-weight:normal !important; border:1px solid rgba(255, 0, 0, 0.25); padding:1px 5px; border-radius:3px;}


@media (min-width: 1360px) {
.nwPlan { width: 100%; max-width: 1300px; margin: 0 auto; }
}
.nwPlan .col-lg-2 { padding-left:7px !important; padding-right:7px !important; }
.colorbg { border-radius:5px 5px 0 0; padding:10px 0 20px 0; margin-bottom:10px; min-height:180px; font-size:11px }
.planGridTable .colorbg { background: #fff; border:1px solid #ddd; border-bottom:0px; }
.planGridTable {background:#fff; border:1px solid #ddd; margin:0 0 10px; min-height:960px; padding:0px; border-radius:5px; position:relative; position:relative; }
.planGridTable.spanish { min-height: 550px !important; }
.planGridTable:hover { border:2px solid #0060ac; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.planGridTable table { margin:0px;}
.planGridTable table td { padding:5px 15px !important;}
.planGridTable h3 { margin:0px; padding:15px 0px; color:#0060c0; border-radius:4px 4px 0 0; text-align:center; font-size:24px; text-transform:uppercase;}
.planGridTable table td .fa-check { color:#4CAF50; font-size:18px;}
.planGridTable .btn-trial {background:#669900;}
.planGridTable .btn-trial:hover { background:#5d8b01;}
.planGridTable .lnk-more {position: absolute;bottom:40px;width: 100%;text-align: center;}
.planGridTable .lnk-more a { text-transform:uppercase;}
.planGridTable .lnk-ft { position:absolute; bottom:15px; width: 100%;text-align: center;}
.planGridTable .lnk-ft a {text-transform:uppercase;}
.planFeatures { position:relative; padding:0px 10px;}
.plan-list { width:20% !important; padding:0px 5px; float: left;}
.planGridTable .plan-title { text-align:center; padding:0px 0px 10px; position:relative; margin:-1px;}
.planGridTable .plan-title img { width:80%; padding:0px 10%;}
.planGridTable:hover .plan-title { margin:0px;}
.planGridTable .plan-title .plan-name { font-size:24px; height:30px; font-weight:500;}
.planGridTable .plan-title .amount.big { font-size: 25px; font-weight:normal; display:block;}
.planGridTable .plan-title .amount.big small { font-size:50%;}
.planGridTable .plan-title .amount.sml{ font-size:16px; font-weight:normal; line-height:18px; display:block; padding:20px 10px;  min-height:90px;}
.planGridTable .plan-title .amount span { font-weight:normal; font-size:16px; margin-right:3px; color:#333;}
.planGridTable .plan-title .need-more { font-size:17px; color:#0060c0; padding:5px 0 0;}
.planGridTable .plan-title p { /*color:#888;*/ font:11px/18px "emSignerFont"; margin-bottom:0px;}
.planGridTable .plan-title .plan-desc { min-height:55px;}
.planGridTable .plan-title p.sml{ font-size:12px; font-weight:normal; }
.planGridTable .plan-title .btn { min-width:120px; margin:10px 0px 0px; padding:5px;}
.planGridTable .plan-title .colorbg { min-height:200px !important;}
.planGridTable .plan-details { padding-bottom:10px; color:#454545;}
.planGridTable .plan-details ul { list-style:none; margin:0px 15px 0px; padding:0px 0 0px 0; }
.planGridTable .plan-details ul li {padding-left:16px; position:relative; font:12px/15px "emSignerFont"; color:#454545; padding-bottom:8px;}
.planGridTable .plan-details ul li span { float:right; font-weight:bold; }
.planGridTable .plan-details ul li i { margin-right:5px; color:#08c74d; position:absolute; left:0px; top:1px;}
.planGridTable .plan-details button{ margin-right: 10px ; float:right; width:auto; padding:0; border:none; background:none; z-index:9999;}
.planGridTable .plan-details button:focus{ outline:none;}
.planGridTable .plan-details ul.collapse {padding:0px 0 20px 0; margin-bottom:30px; margin-right:30px;}
.plan-table-section { padding-bottom:50px;}
.plan-table-section h2 { font-size:24px;}
.plan-table-section table tr:last-child td{ border-bottom:1px solid #dfdfdf;}
.plan-table-section table td, .plan-table-section table th { padding:7px 15px; font-size:15px; border:1px solid #f1f1f1; border-right:none; text-align:center;  }
.plan-table-section table th{ font:18px 'emSignerFont'; color:#ffffff; }
.plan-table-section table td{font:300 15px 'emSignerFont'; color:#4b4b4b; padding : 3px 8px;}
.plan-table-section table td b{font-weight:bold;}
.plan-table-section table td .fa{ color:#0060c0; font-size:16px; }
.plan-table-section table td:first-child, .plan-table-section table th:first-child { border-left:none; text-align:left;}
.plan-table-section table th { background:#0060c0; color:#fff; padding:12px 15px;}
.plan-table-section table .plan-head, .plan-table-section table tr:nth-child(2n+1) td.plan-head{ background:#d6e5f3;}
.plan-table-section table td{border-left:1px solid #bebebe; min-width:120px;}
.plan-table-section table tr:nth-child(2n+1) td { background:#f5f6f6;}
.plan-table-section table .amount, .plan-table-section table .plan-name { font-size:18px; color:#0060c0; font-weight:bold;}
.plan-table-section table .amount.sml { font-size:15px; color:#0060c0; font-weight:bold;}
.plan-table-section table tr:last-child td .plan-action { position:relative; min-height:90px;}
.plan-table-section table tr:last-child td .plan-action span { font-size:16px; font-weight:bold;}
.plan-table-section table tr:last-child td .plan-action span span { font-size:12px;}
.plan-table-section table tr:last-child td p{ margin-bottom:0; line-height:17px; }
.plan-table-section table tr:last-child td .btn.btn-primary{ margin:0px; display:block; position:absolute; bottom:10px; padding:5px 10px; font-size:11px; width:95px; left:15%;}
.plan-table-section table tr:hover  td{ background:#f0f7fd;}
.table-fixed thead {width: 97%;}
.table-fixed tbody {height: 200px;overflow-y: auto;width: 100%;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;}
.table-fixed tbody td, .table-fixed thead > tr > th { float: left; border-bottom-width: 0; display: inline-block; width: 160px; }
.table-fixed tbody td:first-child, .table-fixed thead > tr> th:first-child{width: 260px;}
.plan-table-section table i { color:#999; font-size:18px;}
.plan-table-section .plan-condition { margin:15px; font-size:12px; }
.case-study-section { padding:30px 0px;}
.case-study-section .cases-panel { margin-bottom:20px; }
.btn-casestudy { background:#fff; padding:6px 15px; color:#0060c0; /*margin:12px 0 0;*/ border:1px solid #0060c0; font-size:13px; position:absolute; bottom:25px; left:40px; } 
.btn-casestudy:hover, .btn-casestudy:focus { border:1px solid #fff;}
.case-study-section .cases-panel .cases-image { border:1px solid #f1f1f1; border-right:none; padding:0px;}
.case-study-section .cases-panel .cases-details { background:#fff; padding:25px; min-height:200px; border:1px solid #f1f1f1; border-left:none;}
.case-study-section .cases-panel .cases-details h3 { margin:0 0 10px; padding:0px; font-size:18px; color:#0060c0;}
.case-study-section .cases-panel .cases-details p { line-height:18px; color:#555; margin:0px;}
.case-study-section .cases-panel:hover .cases-details { background:#0060c0; color:#fff;}
.case-study-section .cases-panel:hover .cases-details p, 
.case-study-section .cases-panel:hover .cases-details h3 { color:#fff;}
/*.captcha-group .form-inline .form-control { width:80px; margin-right:10px; width:137px} */
.captcha-group .form-inline .form-control { width:80px; margin-right:10px; width:96px} 
.captcha-group img { height:30px; margin-right:10px; border:1px solid #ccc; border-radius:4px; width:137px;}
.button-group .btn {
    margin-right: 10px;
    color: white;
}
.content-page { font-size:15px; color:#333; margin-bottom:30px;}
.content-page p { text-align:justify; margin-bottom:20px;}
.content-page h4 { color: #e7702e; font-weight: normal;}
.content-page .box { margin-top:0px;}

.mission-section, .vision-section { background:#f9f9f9; padding:20px 30px 10px; margin-bottom:20px; border:1px solid #e0eded; border-left:5px solid #0060c0;}
.mission-section h2, .vision-section h2 { margin:0 0 10px; font-size:18px;}
.mission-section p, .vision-section p { font-size:22px; line-height:30px; text-align:left;}
.support-section { background:#f9f9f9; padding:20px 30px 10px; margin-bottom:20px; border:1px solid #e0eded; border-left:5px solid #0060c0;}
.support-section i { background:#03A9F4; padding:10px 0px; color:#fff; margin:10px 10px 10px 0px; border-radius:100%; width:40px; font-size:18px; text-align:center; vertical-align:middle;}
.left-nav { margin:0 0 20px;}
.left-nav ul { margin:0px; padding:0px;}
.left-nav ul li { padding:0px; margin-top:3px; display:inline-block;}
.left-nav ul li a { padding:12px 16px !important; font-size:16px; text-align:center; display:block; color:#333; background:#f3f3f3; border-radius:3px; border:1px solid #e2e2e2;}
.left-nav ul li.active a { color:#fff; background:#e7702e;}
.left-nav ul li a.active, .left-nav ul li a:focus, .left-nav ul li a:hover { color:#0060c0; border-bottom:3px solid #0060c0 !important; text-decoration:none; }
.faq-list { margin-bottom:30px; min-height:400px;}
.faq-list h4 { margin-bottom:3px; color:#333; }
.faq-list h3 { font-size:24px; color:#555;}
.faq-list p { margin:0px; padding:0px 0px 10px; color:#666;}
.faq-list ul { margin:0px 0px 20px; padding:0px 10px;}
.faq-list .fq-question { cursor:pointer; display:block; border-top:1px dashed #e2e2e2; padding:10px 15px 0px;}
.faq-list .fq-question i { margin-right:10px;}
.faq-list .fq-question:first-child { border:none;}
.faq-list .fq-question:hover { color:#0060c0;}
.faq-list .fq-answer { display:none; padding:10px 20px 5px 40px;}
.listing { margin:10px 20px 20px; padding:0px; }
.listing li { margin:0px; padding:5px 0px; background: url(/Content/eMDMSCSS/img/listArrow.png) 0 7px no-repeat; padding-left:25px; list-style:none; }
.sfeatures-list { margin:0 0 20px; padding:0px; }
.sfeatures-list li { margin:0px; padding:8px 0px; list-style:none; font-size:17px; }
.usecase-list ul { margin:0px; padding:0px;}
.usecase-list ul li { margin:0 15px 15px 0px; padding:5px 15px 5px 10px; list-style:none; float:left; font-size:16px; }
.usecase-list ul li i { margin-right:5px;}
.paymentCenter { justify-content: center; }
.mH300 { min-height:300px;}
.mH400 { min-height:400px;}
.chkform-row label { font-weight:normal; margin-right:20px;}
.reminderContent {  background:#fff; padding:0px; vertical-align:middle; font-size:13px;}
.reminderContent .info { margin:5px 0px; padding:10px; padding-left:40px; color: #9F6000;background-image: url('/Content/eMDMSCSS/img/warning.png'); background-repeat: no-repeat; background-position:0px 5px;}
/*.overlayBg { margin:0px; padding:0px; position:fixed; background:#000; overflow:auto; height:100%; width:100%; display:block; left:0; top:0; opacity:0.3;filter:alpha(opacity=30); z-index:10100;}*/
.loader { width: 100%; }
.overlayBg { margin: 0px; padding: 0px; position: fixed; background: #000; overflow: auto; height: 100%; width: 100%; display: block; left: 0; top: 0; opacity: 0.3; filter: alpha(opacity=30); z-index: 10100; }
.loader .imgLoader { position: fixed; left: 50%; top: 45%; background: #FFF; padding: 5px 10px; vertical-align: middle; z-index: 10200; width: 100px; border-radius: 3px; }
.loader .imgLoader img{ width:100%;}
.loader .txtLoader { color: #fff; background: none; padding: 20px; left: 25%; top: 300px; font-size: 18px; line-height: 22px; width: 350px; text-align: center; margin: 0px; }
.loader .txtLoaderCenter { left: 35%; top: 250px; }
.loader .txtLoader img { width: 30% !important; background-color: #fff; border: 5px solid #fff; margin-top: 10px; }
.alertContent {position:fixed; -webkit-box-shadow:0 7px 20px rgba(0,0,0,0.25);-moz-box-shadow:0 7px 20px rgba(0,0,0,0.25);box-shadow:0 7px 20px rgba(0,0,0,0.25);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0;background:#fff; width:400px; padding:10px 15px; left:33%; top:35%; vertical-align:middle;  z-index:10200; font-size:13px;}
.alertContent h2 { color:#fff; margin:0px; font-size:16px; background:#333; padding:10px 15px; margin:-10px -15px 0px -15px;}
.alertContent .btn-set { text-align:right; margin-bottom:5px;}
.alertContent .btn-set a { margin-left:10px;}
.alertContent .info, .alertContent .success, .alertContent .warning, .alertContent .error, .alertContent .help, .alertContent .download { margin:15px 0px 10px;padding:10px 10px 10px 40px;background-repeat: no-repeat;background-position:0px 5px;}
.alertContent .info {color: #00529B;background-image: url('/Content/eMDMSCSS/img/info.png');}
.alertContent .help {color: #00529B;background-image: url('/Content/eMDMSCSS/img/help.png');}
.alertContent .success {color: #4F8A10;background-image:url('/Content/eMDMSCSS/img/success.png');}
.alertContent .warning {color: #9F6000;background-image: url('/Content/eMDMSCSS/img/warning.png');}
.alertContent .error {color: #D8000C;background-image: url('/Content/eMDMSCSS/img/error.png');}
.alertContent .download {color: #333;background-image:url('/Content/eMDMSCSS/img/download.png');}
.alertContent .closewindow { width:14px; height:14px; display:block; position:absolute; right:15px; top:10px; background:url(/Content/eMDMSCSS/img/modal-close-white.png);}

@media screen and (max-width: 750px){
    .signing-steps .zap-content{margin-bottom:2.5em;width:100%}
    .signing-steps .zap-content:last-child{margin-bottom:0}
    .cta-section.cta-section-hero {
        display: flex;
        align-items: center !important;
        flex-direction: column !important;
    }
    .btnFreeTrial-div {
        margin-top: 8px;
        align-items: center;
    }
    .sucBlueBg {
        text-align: center;
        font-size: 25px;
        color: #222;
        padding: 50px 24px 50px !important;
    }
}
.signing-steps { padding:0 0 20px;}
.signing-steps .timeline {display:block; list-style:none;margin:0 auto;padding:15px 20px;margin-bottom:1em; overflow:auto;}
.signing-steps .timeline-zap{flex:none;background-position:center;background-repeat:no-repeat;background-size:60%;border-radius:50%;border:3px solid #DADFE2;height:70px;width:70px; margin:0px auto;}
.signing-steps .timeline-zap-no-icon {display:none;background-position:center;background-repeat:no-repeat;background-size:50%;border-radius:50%;border:3px solid #03A9F4;height:70px;width:70px;padding:20px 0; margin:0px auto;}
.signing-steps .timeline-zap-no-icon i { color:#03A9F4; font-size:26px; }
.signing-steps .timeline-item-empty .timeline-zap{display:none}
.signing-steps .timeline-item-empty .timeline-zap-no-icon{display:block}
.signing-steps .timeline-item-empty .timeline-content,.signing-steps .timeline-item-empty .line{display:none}
.signing-steps .timeline-item, .signing-steps .timeline-first{float:left; width:180px; text-align:center;}
.signing-steps .timeline-item:nth-child(2n) { width:50px;}
.signing-steps .timeline-label{ display:inline-block;font-size:18px;font-weight:600; color:#03A9F4; letter-spacing:1px;line-height:normal;padding:2px 0px;text-transform:uppercase;vertical-align:middle; margin:10px 0px 5px;}
.signing-steps .timeline-app{font-weight:600}
.signing-steps .timeline-message{font-size:14px; line-height:18px; margin:0px;}
.signing-steps .timeline-connection{width:50px; }
.signing-steps .dots { display:none; padding:0;  margin:0px auto; position: absolute; top: 38px;}
.signing-steps .dots-item { float:left !important; padding:5px 0px;}
.signing-steps .timeline-item-empty .dots{ display:block; color:#03A9F4;}
.signing-steps .line{border:2px solid #DADFE2;width:100%; text-align:center; margin:35px 0px;}
@keyframes blink{from{opacity:0}to{opacity:1}}
.signing-steps .blink-animation{animation-name:blink;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards}
@keyframes line{from{width:0}to{width:100%}}
.signing-steps .line-animation{animation-name:line;animation-duration:2s;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes fade{from{opacity:0}to{opacity:1}}
.signing-steps .fade-animation{animation-name:fade;animation-duration:1.3s;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
.signing-steps .bounce-animation{animation-name:bounceIn;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards}
.panel-active .price-amount, .panel-active .price-amount label { color:#0060c0;}
.price-amount { font-size:22px;}
.price-amount label { font-size:22px; }
.mainTotal label { font-size:28px;}
.panel-heading .title-lg { font-weight:bold; font-size:20px;}
.panel-heading .title-md { font-weight:bold; font-size:16px;}
.panel-heading .panel-title a { color:#0060c0;}
.panel-subscribe { padding:0px 15px;}
.panel-subscribe .panel-title { margin-bottom:10px; font-size:16px; font-weight:500;}
.panel-subscribe .panel-title small { color:#777; display:block; font-size:12px;}
.panel-subscribe .panel-box { margin-bottom:20px; border-bottom:1px solid #e2e2e2; padding-bottom:10px; box-shadow:0px 2px 0px rgba(0,0,0,.05);}
.panel-subscribe .panel-box.panel-last { box-shadow:none; border-bottom:none; margin-bottom:30px;}
.panel-subscribe .form-group { margin-bottom:10px;}
.panel-subscribe .form-row { margin-bottom:5px;}
.panel-subscribe .form-group .form-label { line-height:30px;}
.panel-subscribe .plan-name { font-size:18px;}
.panel-subscribe .price span:first-child { font-size:14px; margin-right:3px; color:#888;}
.panel-subscribe .price { font-size:16px !important; color:#333 !important;}
.panel-subscribe .button-group { margin:15px 0px 5px;}
.panel-subscribe .captcha-group img { width:110px;}
.chk-group label { font-weight:normal; }
.addons-desc { font-size:13px; margin:-10px 0px 15px;}
.subscription-panel { padding:15px;}
.panel-subscribe .btn-checkout { width:100%; margin:5px 0px;}
/*.panel-subscribe select { width:75%;}*/
.payment-mode { position:relative; padding:5px 5px 5px 35px; background:#f9f9f9; border:1px solid #ddd; border-radius:4px;}
.payment-mode .checkbox { position:absolute; left:10px; top:10px; }
.payment-mode .WebRupee, .payment-mode span { font-weight:normal; font-size:14px; vertical-align:middle;}
.panel-active { border:1px solid #0060c0 !important; background:#fff;}
.checkbox-group label { font-weight:normal; vertical-align:baseline; margin-right:20px;}
.address-box { background:#eee; padding:15px; margin:0px -15px 10px;}
.address-box h4 { margin:0 0 10px; font-size:16px;font-weight:500!important;}
.text-italic{font-style:italic;}
.plan-rd-div {padding:8px 15px 7px}
.ln-ht0 {line-height:0}
.fnt14 {font-size:14px; font-weight:500}
.paddingRight0 {padding-right:0px}
.apps-tab  { border-bottom:1px solid #e2e2e2; width:100%; display:block; margin-bottom:15px; height:36px;}
.apps-tab ul { margin:0px; padding:0px; list-style:none; height:36px;}
.apps-tab li { margin:0 3px 0 0; padding:0px; float:left;}
.apps-tab li a { padding:8px 15px; display:block; font-size:15px; color:#333; font-weight:500; }
.apps-tab li a:hover { text-decoration:none; color:#0060c0;}
.apps-tab li a.active { background:#fff; border: 1px solid #e2e2e2; color:#0060c0; border-radius:4px 4px 0 0; border-bottom:1px solid #fff; box-shadow:0px -1px 1px rgba(0,0,0,.2);}
.apps-list-wrapper .apps-list {margin-bottom:20px}
.apps-list-wrapper .apps-list h2 { font-size:18px; font-weight:300; margin:0 0 10px;}
.apps-list-wrapper .apps-list .apps { cursor:pointer; background:#fff; overflow: visible; position: relative; box-sizing: border-box; height:70px; margin-bottom:5px;border: solid 1px #e6e6e6;box-sizing: border-box;border-radius:5px;}
.apps-list-wrapper .apps-list .apps .face { position:absolute; height: inherit; width:100%; padding:0px;}
.apps-list-wrapper .apps-list .apps .face-action { position:absolute; right:15px; top:22px; padding:0px; text-align:right;}
.apps-list-wrapper .apps-list .apps .face-action .btn-view { display:none; margin-top:5px;}
.apps-list-wrapper .apps-list .apps:hover .face-action { z-index: 2; opacity: 1; top:13px; -moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;-webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.apps-list-wrapper .apps-list .apps:hover {border:1px solid #ccc; box-shadow:0px 0px 3px rgba(0,0,0,.2);}
.apps-list-wrapper .apps-list .apps:hover .face-action .btn-view { display:block;}
.apps-list-wrapper .apps-list .apps:hover .face-action .btn-view:hover { text-decoration:none;}
.apps-list-wrapper .apps-list .apps:hover .face .apps-icon {border-right:1px solid #ccc;}
.apps-list-wrapper .apps-list .apps .face .apps-name {white-space: nowrap;overflow: hidden;width: 60%;height:26px;text-overflow: ellipsis;position: relative; top:20%;left: 10px; font-size:16px;font-weight:400;color: #4f4f4f}
.apps-list-wrapper .apps-list .apps .face .apps-price { padding-left:10px;position: relative; top:10px; left: 10px; color:#888;}
.apps-list-wrapper .apps-list .apps .face .apps-price .WebRupee { font-size:12px; margin-right:3px;}
.apps-list-wrapper .apps-list .apps .face .apps-icon {display: inline-block;box-sizing: border-box; padding:5px 0px; float: left;width:59px;height:69px;border-right: solid 1px #e6e6e6;}
.apps-list-wrapper .apps-list .apps .face .apps-icon img {width: 100%;border-radius:5px 0 0 5px; }
.apps-overlay { background:rgba(0,0,0,.3); position:fixed; height:100%; width:100%; left:0; top:0; z-index:9999;}
.apps-description { font-size:15px; line-height:22px; position:fixed; right:-100%; top:0px; background:#fff; width:50%; z-index:9999; box-shadow:-8px 0px 5px rgba(0,0,0,.2); height:100%;}
.apps-description-content { overflow:auto; padding:0px; height:100%; padding:30px;}
.apps-description-content h2 { margin:0px 0px 5px;}
.apps-description .logo-area { border:1px solid #e2e2e2; margin-bottom:15px;}
.apps-description .apps-close { z-index:9999; position:relative; float:right; width:40px; text-align:center; line-height:30px; background:#333; cursor:pointer; color:#fff; font-size:24px; padding:5px 0px 10px; font-weight:300; font-family:emSignerFont, Helvetica, Arial, sans-serif;}
.apps-description .apps-close:hover { text-decoration:none; background:#000;}
.apps-description .title { margin:0 0 10px;}
.description-tab { font-weight:bold; font-size:16px; margin:20px 0px 0px; text-transform:uppercase;}
.tab-content { padding:5px 0px; border:none;}
.tab-content ol.description-list li { list-style-type:decimal; line-height:22px;}
.description-image { margin:0 0 30px;}
.apps-description .logo-area img { width:100%; height:100%;}
.subscription-body .main-section {background: #fcfcfc;background: -moz-linear-gradient(right, #ffffff 66%, #f5f5f5 66%);background: -webkit-gradient(linear, left top, right top, color-stop(66%, #ffffff), color-stop(66%, #f5f5f5));background: -webkit-linear-gradient(left, #ffffff 66%, #f5f5f5 66%);background: -o-linear-gradient(left, #ffffff 66%, #f5f5f5 66%);background: -ms-linear-gradient(left, #ffffff 66%, #f5f5f5 66%);background: linear-gradient(to right, #ffffff 66%, #f5f5f5 66%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=1);}
.order-summary {  border: 1px solid #bbb; border-radius:4px;background: #fff;padding:0px 15px;margin:30px 0px 0px; box-shadow:0px 0px 3px rgba(0,0,0,.2);}
.order-summary h2 { width: 100%;line-height: 34px!important; font-size:20px;font-weight:500!important;}
.order-summary p { margin:0px; padding:0px; font-size:13px; line-height:18px; color:#666;}
.order-summary .row { padding:0px 15px;}
.order-summary [class*='col-md'] { padding:0px;}
.order-summary .price, .order-summary .price label { text-align:right; font-size:16px; font-weight:500;}
.order-summary .price i { font-size:11px !important; font-style:normal;}
.order-summary .form-label { font-size:15px;}
.order-summary .price span { margin-right:3px; color:#777; font-size:12px;}
.sub-total-box { border-top:1px solid #e2e2e2; margin-top:10px; padding-top:10px !important;}
.grand-total-box { border-top:1px solid #e2e2e2; margin-top:5px; padding-top:10px !important; padding-bottom:10px !important;}
.grand-total-box h2 { margin:20px 0px;}
.grand-total-box .btn-primary { width:80%; margin:0px 0px 20px;}
.grand-total-box label { font-size:22px !important;}
.more-user-box { background:#f1f1f1; padding:15px 10px; text-align:center; margin:-15px -15px 0px; font-size:15px;}
.more-user-box p { font-size:15px; line-height:25px; color:#333;}
.usd-box {color: #31708f;background-color: #d9edf7;  padding: 15px;margin:10px 0px 0px;border: 1px solid #bce8f1;border-radius: 4px;}
.usd-box * { color:#31708f;}
.all-apps .apps { margin-bottom:15px !important; }
.benefits-box { text-align:center; padding:20px 0 0;}
.benefits-box i { font-size:26px; font-weight:100; margin:5px; background:#f1f1f1; padding:20px; border-radius:100%;}
.benefits-box h4 { font-size:17px; line-height:20px; font-weight:400;}
.emsigner-you { margin-top:30px; margin-bottom:30px;}
.emsigner-you [class*="col-md"] { display:table;}
.emsigner-you .box { font-size:18px; line-height:20px; font-weight:300; background:#f1f1f1; border:1px solid #e2e2e2; padding:20px; text-align:center; display:table-cell; vertical-align:middle; height:130px; }
.btnCnt{margin:10px auto;text-align:center}
#toTop { display:flex !important; justify-content:center; align-items:center; position: fixed;background: #fff;width:36px;height: 36px; padding:10px; bottom:85px;right: 35px;cursor: pointer;color: #f4620b;font-size:16px;text-align: center;line-height:45px;display: none;border-radius:20px;box-shadow:1px 1px 5px rgba(0,0,0,0.1);  z-index: 14;}
.downloadBlk{ margin-bottom:20px; }
.dwnldBox { /*height:100px;*/ width:100%; margin:10px 0; display:inline-block; vertical-align:top; box-sizing:border-box; padding:60px 20px 10px 0px; text-align:left; font:bold 14px 'emSignerFont'; /*border:1px solid #efeeee;*/ }
.dwnldBox:hover{/* border:1px solid #0d70ce;*/ color: #0d70ce;}
.dwnldBox a{ /*display:block;*/ color:#333; }
.dwnldBox a:hover, .dwnldBox .btn:hover, .dwnldBox:hover .btn {text-decoration:none ;color: #0d70ce;}
.dwnldBox .btnMobile{ color:#040707; background:#d7d7d7; font-size:14px; display:inline-block; padding: 5px 25px 5px 50px; margin-top:10px; border-radius:5px; width:100%; font-weight:normal;} 
.dwnldBox .btnMobile:hover { box-shadow:1px 1px 12px rgba(0,0,0,0.2)}
.dwnldBox .btn{ color:#333; background:transparent; font-size:14px; display:inline-block; padding: 0px; margin-top:10px; border:0; /*border-radius:5px; width:100%;*/ text-align:left;} 
.dwnldBox i{ font-size:10px; font-style: normal;}
.dwnldBox.androidApp { background:url(../images/android.png) no-repeat 0px 0;}
.dwnldBox.iosApp { background:url(../images/apple.png) no-repeat 0px 0;}
.dwnldBox.utility { background:url(../images/ico-cloud.png) no-repeat 0px 0;}
.dwnldBox.windows { background:url(../images/windows.png) no-repeat 0px 0;}
.dwnldBox.mac { background:url(../images/apple.png) no-repeat 0px 0;}
.dwnldBox.linux { background:url(../images/linux.png) no-repeat 0px 0;}
.dwnldBox.cloudD { background:url(../images/cloud-download.png) no-repeat 0px 0;}
.downloadBlk .col-xs-6{ vertical-align:top; min-height:154px;}
.dwnldBox.androidApp .btnMobile{ background:url(../images/play.png) no-repeat 20px center #d7d7d7;  }
.dwnldBox.iosApp .btnMobile{ background:url(../images/app.png) no-repeat 20px center #d7d7d7;  }
/*.dwnldBox.utility .btn{ background:#e7702e;  }
.dwnldBox.utility .btn:hover { background: #e06217 !important; }*/
@media (min-width: 992px) {
/*Navbar*/
.header .navbar-brand {margin-right: 20px;}
.header .navbar-nav > li > a:hover,
.header .navbar-nav > li > a:focus,
.header .navbar-nav > .active > a,
.header .navbar-nav > .active > a:hover,
.header .navbar-nav > .active > a:focus {color: #0060c0;background: none;position: relative;}
.header .navbar-nav > .open > a,
.header .navbar-nav > .open > a:hover,
.header .navbar-nav > .open > a:focus {color: #0060c0;}
/*Dropdown Menu*/
.header .dropdown-menu {border: none;padding: 15px 0;min-width: 230px;border-radius: 0;background: #fff;z-index: 9999 !important;border-top: solid 5px #0060c0;}
.header .dropdown-menu .active > a,
.header .dropdown-menu li > a:hover {color: #0060c0;background: inherit;filter: none !important;transition: all .1s ease-in-out;}
.header .dropdown-menu li > a:focus {background: none;filter: none !important;}
.header .navbar-nav > li.dropdown:hover > .dropdown-menu {display: block;}
.header .open > .dropdown-menu {display: none;}
}
    /* Signing Gateway*/

    .signing-gateway {
        border: 1px solid #b2cfec;
        background: #e0eefb;
        padding: 20px 30px;
        border-radius: 4px;
        margin: 15px;
    }

        .signing-gateway:hover {
            border-color: #82b1e0;
        }

        .signing-gateway .btn {
            width: 180px;
        }

        .signing-gateway h3 {
            margin: 15px 0px 0px;
        }

        .signing-gateway .amount {
            font-size: 18px;
            margin-bottom: 10px;
        }

            .signing-gateway .amount span {
                font-size: 30px;
                font-weight: bold;
                color: #0060c0;
            }

                .signing-gateway .amount span.WebRupee {
                    font-size: 24px;
                    font-weight: normal;
                }

    .sgate-section .features {
        padding: 5px 25px 50px;
    }

        .sgate-section .features ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        .sgate-section .features li {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 10px 0px;
            position: relative;
            font-size: 15px;
        }

    .gap5 {
        padding-top: 5px;
        display: inline-block
    }
    /* ----------------------------------------   */
    .selectLanguage {
        position: relative;
        display: block;
    }

        .selectLanguage select {
            display: inline-block;
            color: #eee;
            padding: 0px 25px 0px 6px;
        }

    #ddlLanguage1 {
        background: none;
        border: 1px solid rgba(255,255,255,0.5) !important;
        margin: 0px 0px 0px 10px;
        color: white;
        border-radius: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .selectLanguage:after {
        content: "\f107";
        font-family: FontAwesome;
        color: #fff;
        position: absolute;
        right: 7px;
        top: 0;
        z-index: 1;
        box-sizing: border-box;
        pointer-events: none;
    }

    #ddlLanguage1 option {
        color: #0060c0;
    }

    #ddlLanguage1::-ms-expand {
        display: none; /*for ie*/
    }

    body ul.nav > li {
        font-size: 13px;
    }

    .signerPlans .signing-gateway h3 {
        margin-bottom: 5px;
    }

    .signerPlans .signing-gateway small {
        color: #888;
        font-size: 15px;
        font-weight: 300;
    }

    .signerPlans .signing-gateway {
        margin: 0px;
        padding: 35px 0px !important;
    }

    .signerPlans .btn {
        width: auto;
        border: none;
    }

    .signerPlans .feature ul {
        margin: 0 0 10px;
        padding: 0px 0px;
        list-style: none;
    }

        .signerPlans .feature ul li {
            font-size: 16px;
        }

    .signerPlans .feature h4 {
        margin-top: 25px !important;
        color: #888;
        font-size: 16px;
        font-weight: 300;
    }

    .signerPlans .bgF1 {
        background-color: #f1f1f1 !important;
        border: none !important;
        border-radius: 0px;
    }

    .signerPlans .bgF5 {
        background-color: #f5f5f5 !important;
        border: none !important;
        border-radius: 0px;
    }

    .btn-orange {
        background: #e7702e !important;
        color: #fff !important;
    }

    .contactSide {
        padding: 30px 15px;
        background: #0060c0 !important;
        color: #fff !important;
        border-radius:10px;
    }

        .contactSide h3 span {
            font-weight: 500 !important;
        }

        .contactSide .btn-contact {
            background: #0060c0;
            padding: 8px 20px;
            color: #fff;
            margin: 7px 0 0;
            border: 1px solid #fff;
            text-transform: capitalize;
            font-size: 18px;
            font-weight: 300;
        }

            .contactSide .btn-contact:hover, .btn-contact:focus {
                background: #fff;
                border: 1px solid #fff;
                color: #0060c0;
            }

    .content-page .contact-box {
        padding: 15px 0px 20px;
        background: #f9f9f9;
        border: 1px solid #e2e2e2;
        margin-top: 20px;
        border-radius: 3px;
        font-size: 14px;
    }

    .content-page table.contactTable {
        font-size: 12px;
        margin-top: 10px;
    }

    .content-page table tr td b {
        margin-right: 5px;
        padding-right: 5px;
    }

    .content-page .phone-box .phone-span img {
        margin: 0px 5px 0px 0px;
    }

    .content-page img.latinLogo {
        margin: 15px 5px 0px 0px;
        display: inline-block;
    }

        .content-page img.latinLogo + p {
            margin: 12px 0px 0px 0px;
            font-size: 12px;
            float: right;
            width: 77%;
            line-height: 15px;
        }

    .content-page .pad0 {
        padding: 0px;
    }

    .content-page.disclaimer-page h4 {
        color: #000;
        font-weight: 500 !important;
    }

    .prog {
        width: 150px;
        height: 150px;
        line-height: 150px;
        background: none;
        margin: 0 auto;
        box-shadow: none;
        position: relative;
    }

        .prog:after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 12px solid #0156a9;
            position: absolute;
            top: 0;
            left: 0;
        }

        .prog > span {
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 1;
        }

        .prog .prog-left {
            left: 0;
        }

        .prog .prog-bar {
            width: 100%;
            height: 100%;
            background: none;
            border-width: 12px;
            border-style: solid;
            position: absolute;
            top: 0;
        }

        .prog .prog-left .prog-bar {
            left: 100%;
            border-top-right-radius: 80px;
            border-bottom-right-radius: 80px;
            border-left: 0;
            -webkit-transform-origin: center left;
            transform-origin: center left;
        }

        .prog .prog-right {
            right: 0;
        }

            .prog .prog-right .prog-bar {
                left: -100%;
                border-top-left-radius: 80px;
                border-bottom-left-radius: 80px;
                border-right: 0;
                -webkit-transform-origin: center right;
                transform-origin: center right;
                animation: loading-1 .5s linear forwards;
            }

        .prog .prog-value {
            width: 90%;
            height: 90%;
            border-radius: 50%;
            background: #fff;
            font-size: 36px;
            color: #0156a9;
            line-height: 135px;
            text-align: center;
            position: absolute;
            top: 5%;
            left: 5%;
            font-weight: bold;
        }

        .prog.blue .prog-bar {
            border-color: #e7702e;
        }

        .prog.blue .prog-left .prog-bar {
            animation: loading-2 .5s linear forwards .5s;
        }

    .mtop48 {
        margin-top: 48px;
    }

    .mtop30 {
        margin-top: 30px;
    }

    .mbtm30 {
        margin-bottom: 30px;
    }

    .partnerLogo {
        width: 90%;
    }

    .partnerCol { /*border-right: 2px solid #0060c0;*/
        margin-top: 8%;
        vertical-align: middle;
        padding-left: 0px;
    }

    .demo.bannerBG {
        background: url("/Assets/images/Bannerdemo.jpg") no-repeat right 0;
        background-size: cover;
    }

    .content-page .patnerImg { /*border: 1px solid #e2e2e2; padding:10px; border-radius:3px; */
        margin-bottom: 15px; /*height:330px; max-width: 521px;*/
    }

    .inLine {
        display: inline-block !important;
    }

    .text-green {
        color: #288c16;
    }

    #viewDemo.demo-section {
        padding: 50px 0px;
        background-position: 0px 0px;
        background: url("/Assets/images/demo-bg.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    html.ios #viewDemo.demo-section {
        padding: 50px 0px;
        background-position: 0px 0px;
        background: url("/Assets/images/demo-bg.jpg");
        background-size: cover;
    }

    .page-caption .hidden-xs.width70p {
        width: 100%;
    }

    .font18 {
        font-size: 18px;
    }

    .marT25 {
        margin-top: 25px;
    }

    .graybg {
        background: #f1f1f1;
    }

        .graybg .btn.btn-primary {
            width: 150px;
        }

        .graybg .captcha-box {
            background: #fff;
            display: inline-block;
            padding: 5px 15px;
            border: 1px solid #e2e2e2;
            border-radius: 4px;
        }

    .sucBlueBg {
        text-align: center;
        font-size: 25px;
        color: #222;
        padding: 50px 0px 0px;
    }

        .sucBlueBg h2 {
            font-size: 34px;
            font-weight: 300 !important;
            margin: 10px 0px;
            padding: 0px;
        }

        .sucBlueBg h3 {
            font-size: 24px;
            margin-bottom: 30px;
            line-height: 30px;
            margin: 0px;
            padding: 0px;
            font-weight: 300 !important;
        }

    .sucMsgBlk {
        text-align: center;
        margin: 30px 0px 100px;
        padding: 30px 50px;
    }

        .sucMsgBlk p {
            font-size: 20px;
            text-align: center;
            line-height: 30px;
            font-weight: 300;
        }

        .sucMsgBlk a.btn {
            font-size: 15px;
            text-transform: uppercase;
            padding: 7px 50px;
            margin-top: 10px;
        }

        .sucMsgBlk.alert {
            padding: 15px 30px;
        }

    .gnuLicense .jumbotron, .gnuLicense pre, .legalityBlk .jumbotron {
        font-family: emSignerFont;
        padding: 20px !important;
        background: #f1f1f1 !important;
        font-size: 16px;
        line-height: 25px !important;
        border: 1px solid #ccc;
        border-left: 3px solid #e7702e;
        font-weight: 300 !important;
    }

        .gnuLicense .jumbotron p {
            font-weight: 300 !important;
            font-size: 16px !important;
        }

    .gnu {
        background: #014080 url(../images/backgrounds/bg-gnu.png) no-repeat right 0;
    }

    .navbar-nav .dropdown .dropbtn {
        background: #fff;
    }

    .legalityBlk {
        padding: 0px;
        clear: both;
        font-size: 1rem;
        line-height:1.5rem;
    }
    .legalityBnr {
        background: #014080 url(../images/backgrounds/world-map.png) no-repeat center center;
        text-align: left;
        height: auto;
        padding: 50px 0;
        font-weight: lighter !important;
        min-height: 500px;
        font-family: emSignerFont, Helvetica, Arial, sans-serif;
    }

        .legalityBnr h1 {
            font-size: 30px;
            font-weight: lighter;
            font-family: emSignerFont, Helvetica, Arial, sans-serif;
        }

        .legalityBnr .page-caption {
            width: 90%;
            margin: 0 auto;
        }

        .legalityBnr h4 {
            line-height: 30px;
            font-weight: lighter !important;
            font-size: 20px;
            font-family: emSignerFont, Helvetica, Arial, sans-serif;
        }

        .legalityBnr .dropdown {
            margin: 0 auto !important;
            width: 217px;
        }

        .legalityBnr .btn-buy {
            font-size: 17px;
            width: 215px;
            padding: 8px 17px !important;
        }

    .legalityBlk .page-title {
        margin: 30px 0 10px 0;
        display: inline-block;
    }

    .legalityBlk .dropdown {
        margin: 0; /*width:217px;*/
        padding: 0;
    }

    .legalityBlk .btn-buy {
        font-size: 15px;
        padding:8px 20px !important;
        margin: 20px 0 10px 0;
    }

        .legalityBlk .btn-buy:hover, .legalityBlk .btn-buy:active {
            color: #fff;
            background: #e06217;
        }

    .legalityBlk .dropdown-menu, .legalityBnr .dropdown-menu {
        padding-top: 12px;
        width: 217px;
        overflow-x: auto;
    }

    .legalityBlk .dropdown-menu {
        top: 54px;
        left:auto;
        right:0px;
        height:250px;
    }

    .legalityBnr .dropdown-menu {
        top: 47px;
        left: -3px;
        height:250px;
    }

    .legalityBlk .graybg {
        background-color: #f5f5f5 !important;
        padding-top: 10px;
        padding-bottom: 40px;
        margin-bottom:40px;
        border-bottom: 1px solid #f1f1f1;
    }

    .legalityBlk .graybg h3 {
        margin-top: 0px;
    }

    .legalityBlk .graybg2 {
        background-color: #f1f1f1 !important;
        padding: 10px;
        margin: 20px 0;
    }

    .legalityBlk .title-info {
        display: inline-block !important;
        cursor: pointer !important;
        height: 16px !important;
        width: 16px !important;
        line-height: 16px !important;
        margin: 0px !important;
        vertical-align: middle !important;
        background: #d5e9f6 !important;
        border: 1px solid #47ADE0 !important;
        color: #000 !important;
        border-radius: 100% !important;
        font-size: 12px !important;
        text-align: center !important;
        padding: 0 !important;
    }

        .legalityBlk .title-info:hover {
            color: #000;
        }

        .legalityBlk .title-info + .tooltip > .tooltip-inner {
            background: #d5e9f6 !important;
            border: 1px solid #47ADE0 !important;
            color: #000 !important;
            border-radius: 3px !important;
            font-size: 12px !important;
            text-align: center !important;
            padding: 10px !important;
            max-width: 300px !important;
            width: 300px;
        }

        .legalityBlk .title-info + .tooltip > .tooltip-arrow {
            border-bottom-color: #47ADE0 !important;
        }

    .plan-tooltip.title-info {
        display: inline-block !important;
        cursor: pointer !important;
        height: 16px !important;
        width: 16px !important;
        line-height: 16px !important;
        margin: 0px !important;
        vertical-align: middle !important;
        background: #fff !important;
        border: 1px solid #47ADE0 !important;
        color: #000 !important;
        border-radius: 100% !important;
        font-size: 11px !important;
        text-align: center !important;
        padding: 0 !important;
    }

        .plan-tooltip.title-info:hover {
            color: #000;
        }

        .plan-tooltip.title-info + .tooltip > .tooltip-inner {
            background: #fff !important;
            border: 1px solid #47ADE0 !important;
            color: #000 !important;
            border-radius: 3px !important;
            font-size: 12px !important;
            text-align: center !important;
            padding: 10px !important;
            max-width: 300px !important;
            width: 300px;
        }

        .plan-tooltip.title-info + .tooltip > .tooltip-arrow {
            border-bottom-color: #47ADE0 !important;
        }

    .esign-txt {
        font-size: 13px !important;
    }

    .legalityBlk .smlTxt {
        font-size: 13px
    }

    .legalityBlk ul {
        margin: 0;
        padding: 0;
    }

    .legalityBlk .dataGrid {
        margin: 20px 0;
    }

        .legalityBlk .dataGrid th, .legalityBlk .dataGrid td {
            border: 1px solid #ddd;
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
        }

    .legalityBlk .summaryBlk {
        padding: 0 50px;
    }

        .legalityBlk .summaryBlk h2 {
            margin-top: 0px;
        }

    .legalityBlk ul {
        margin-left:30px;
        margin-bottom:20px;
    }

    .legalityBlk li {
        list-style-position: outside;
        margin: 0px;
        padding:3px 0px;
    }

        .legalityBlk li > a {
            padding: 5px 20px;
            display:block;
        }

    .legalityBlk .img-responsive {
        border: 1px solid #c7c7c7;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .termsSection {
        color: #525151;
        font-size: 15px;
        padding: 40px 0px 0px;
        overflow: auto;
    }

        .termsSection p, .termsSection li {
            text-align: justify;
        }

        .termsSection .listing {
            margin: 10px 0px 20px;
            padding: 0px;
        }

        .termsSection h4 {
            color: #333;
            font-weight: 500 !important;
        }

        .termsSection .listing li {
            list-style: square;
            background: none;
            padding-left: 0;
            list-style-position: outside;
            margin-left: 15px !important;
        }

        .termsSection ol.listing li {
            list-style: none;
        }

        .termsSection li li {
            padding-left: 10px;
        }

        .termsSection hr {
            margin: 20px 0 !important
        }

        .termsSection .text-center {
            text-align: center !important
        }

        .termsSection .page-title {
            margin: 0;
            font-size: 32px;
        }

    .content-page.termsSection {
        overflow: hidden;
    }

        .content-page.termsSection table th {
            font-weight: 500 !important;
        }

    .termsSideMenu {
        display: block;
        margin: 0;
        padding: 0
    }

        .termsSideMenu li {
            list-style: none;
            text-align: left !important
        }

            .termsSideMenu li h4 {
                font-size: 18px;
                color: #333;
                margin-bottom: 5px !important;
                padding: 0 !important
            }

    .securityBlk .banner {
        background: url("/Assets/images/demo-bg.jpg") no-repeat;
        background-size: cover;
        height: 400px;
    }

    .securityBlk .banner-content h1, .securityBlk .banner-content h2 {
        color: #fff;
    }

    .securityBlk .approachBlk {
        min-height: 500px;
        padding-top: 60px;
        padding-bottom: 40px;
        overflow: auto;
    }

        .securityBlk .approachBlk .circleBlk {
            position: relative;
            list-style: none;
            right: 0px;
        }

        .securityBlk .approachBlk .circle a {
            position: absolute;
            color: #fff;
            top: 0;
            left: 50px;
            font-size: 16px;
            border-radius: 50%;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            text-align: center;
            padding-top: 20px;
        }

            .securityBlk .approachBlk .circle a:hover {
                transform: scale(1.1);
                text-decoration: none;
            }

        .securityBlk .approachBlk .circle0 a {
            background: rgba(255, 255, 255, 0.1);
            height: 430px;
            width: 430px;
            left: 20px;
            top: -30px;
        }

        .securityBlk .approachBlk .circle1 a {
            background: rgba(0, 96, 192, 0.3);
            height: 370px;
            width: 370px;
        }

        .securityBlk .approachBlk .circle2 a {
            background: rgba(0, 96, 192, 0.5);
            height: 290px;
            width: 290px;
            top: 50px;
            left: 100px;
        }

        .securityBlk .approachBlk .circle3 a {
            background: rgba(0, 96, 192, 0.7);
            height: 200px;
            width: 200px;
            top: 100px;
            left: 150px;
        }

        .securityBlk .approachBlk .circle4 a {
            background: rgba(0, 96, 192, 0.9);
            height: 100px;
            width: 100px;
            top: 150px;
            left: 200px;
            padding-top: 35px;
        }

    .securityBlk .tab-pane p {
        font-size: 16px;
    }

    .support-actions {
        margin: 20px 0px 70px;
    }

        .support-actions a {
            color: #666;
            display: block;
            padding: 20px;
            text-transform: unset;
            background: #fff;
            box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
            border-radius: 6px;
            font-size: 16px;
        }

            .support-actions a:hover:before {
                content: '>';
                position: absolute;
                right: 30px;
                top: 18px;
                font-size: 30px;
                font-family: monospace;
            }

            .support-actions a strong {
                display: block;
                font-size: 16px;
                text-transform: uppercase;
                color: #0060ac;
            }

            .support-actions a:hover {
                background: #0060ac;
                color: #fff;
                border-color: #0060ac;
            }

                .support-actions a:hover strong {
                    color: #fff;
                }

    .support-features {
        background: #f1f1f1;
        padding: 50px 0px;
    }

    .section-header {
        margin-bottom: 30px;
        text-align: center;
    }

        .section-header .section-header-title {
            font-size: 32px;
            font-weight: 300;
            line-height: 1.2em;
        }

        .section-header .section-header-subtitle {
            font-size: 20px;
            font-weight: 300;
            line-height: 1.3em;
            margin: 0;
        }

    .features-list-table {
        background: #fff;
        border: 1px solid #e2e2e2;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    }

        .features-list-table th, .features-list-table td {
            padding: 15px !important;
            line-height: 1.2;
        }

        .features-list-table p {
            margin: 0px;
            line-height: 1.2;
        }

    .support-features .features-list-table .feature-info-name {
        font-size: inherit;
        font-weight: 600;
        margin: 0;
        text-transform: uppercase;
    }

    .support-features-footer {
        color: #666;
        font-size: 12px;
        margin-top: 30px;
    }

    .support-features .features-list-table > thead > tr > th {
        background-color: #1cb1c2;
        color: #fff;
        font-weight: 600;
        line-height: 1;
        padding-bottom: .75em;
        padding-top: .75em;
        text-transform: uppercase;
    }

    .support-features .features-list-table td:not(:first-of-type) {
        text-align: center;
    }

    .support-features .features-list-table .feature-tier-value {
        white-space: nowrap;
    }

    .support-features .features-list-table td:not(:first-of-type), .support-features .features-list-table th:not(:first-of-type) {
        width: 230px;
    }

    .support-features .features-list-table .feature-tier-business {
        text-align: center;
        background-color: #f1582c;
        color: #fff;
    }

    .support-features .features-list-table .feature-tier-enhanced {
        text-align: center;
        background-color: #0060ac;
        color: #fff;
    }

    .ul-listing-ico {
        margin: 0px 5px 0px 20px;
        padding: 0px;
        font-size: 16px;
        list-style: none;
    }

        .ul-listing-ico li {
            padding-left: 10px;
            position: relative;
        }

            .ul-listing-ico li i {
                left: -12px;
                top: 2px;
                font-size: 14px;
                position: absolute;
            }

    .listing-big li {
        font-size: 20px;
        padding: 7px 25px;
    }

        .listing-big li i {
            border: 1px solid #ccc;
            padding: 7px;
            border-radius: 100%;
            top: 5px;
        }

    .priniciples {
        padding-top: 30px;
        padding-bottom: 40px;
        text-align: center;
    }

    .assurance-section {
        padding: 60px 0px;
        font-size: 16px;
        overflow: auto;
    }

        .assurance-section .assurance-logos {
            text-align: center;
        }

            .assurance-section .assurance-logos img {
                height: 80px;
                margin: 10px;
                border-radius: 20px;
            }

    .gmember-page {
        padding: 50px;
    }

        .gmember-page h2 {
            margin: 20px 0px 5px;
            padding: 0px;
        }

        .gmember-page h3 {
            margin: 0px;
            padding: 0px;
            font-size: 16px;
        }

        .gmember-page .gmember-list {
            margin-bottom: 20px;
            border-bottom: 1px solid #e2e2e2;
            padding-bottom: 20px;
        }

            .gmember-page .gmember-list.last {
                border-bottom: none;
            }

.cookies-section {
    text-align: center;
    font-size: 13px;
    position: fixed;
    padding: 15px;
    box-shadow: 0px -2px 2px rgba(0,0,0,0.1);
    bottom: 0px;
    width: 100%;
    z-index: 999999 !important;
    background: #fff;
}

        .cookies-section a {
            margin: 0px 10px;
            font-size: 13px;
        }

            .cookies-section a.btn.btn-blue {
                padding: 5px 15px;                
                background: #0034ac;
                color: #fff;
            }

            .cookies-section a:last-of-type {
                padding: 7px 18px;
                background: #fff;
                color: #0034ac;
                border: 1px solid #0034ac; /*border-radius: 3px;*/
                border-radius: 25px;
                vertical-align: middle;
            }

    .privacy-txt {
        font-size: 13px;
        line-height: 18px;
        text-align: justify;
    }

    .partners-features {
        margin: 50px 0px 0px;
    }

    .ul-listing-img, .ul-listing-img li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .ul-listing-img li {
            position: relative;
            padding: 12px 0px 12px 60px;
            font-size: 17px;
            min-height: 70px;
            width: 49%;
            display: block;
            float: left;
        }

            .ul-listing-img li.sline {
                line-height: 40px;
            }

        .ul-listing-img span {
            position: absolute;
            left: 0px;
            top: 8px;
            background: #0060ac url(../images/freetrial-icons.png) no-repeat 0 0;
            width: 50px;
            height: 50px;
            display: block;
            border-radius: 100%;
        }

        .ul-listing-img .img-ico1 {
            background-position: 0 -56px;
        }

        .ul-listing-img .img-ico2 {
            background-position: -108px -4px;
        }

        .ul-listing-img .img-ico3 {
            background-position: -53px -55px;
        }

        .ul-listing-img .img-ico4 {
            background-position: -107px -54px;
        }

        .ul-listing-img .img-ico5 {
            background-position: 0 -3px;
        }

        .ul-listing-img .img-ico6 {
            background-position: -160px -52px;
        }

        .ul-listing-img .img-ico7 {
            background-position: -162px -108px;
        }

        .ul-listing-img .img-ico8 {
            background-position: -54px -108px;
        }

        .ul-listing-img .img-ico9 {
            background-position: -1px -111px;
        }

        .ul-listing-img .img-ico10 {
            background-position: -214px -3px;
        }

        .ul-listing-img .img-ico11 {
            background-position: -108px -108px;
        }

        .ul-listing-img .img-ico12 {
            background-position: -53px -4px;
        }

        .ul-listing-img .img-ico13 {
            background-position: -160px -3px;
        }

        .ul-listing-img .img-ico14 {
            background-position: -215px -108px;
        }

        .ul-listing-img .img-ico15 {
            background-position: -269px -2px;
        }

        .ul-listing-img .img-ico16 {
            background-position: -214px -55px;
        }

        .ul-listing-img .img-ico17 {
            background-position: -270px -55px;
        }

        .ul-listing-img .img-ico18 {
            background-position: -317px 0px;
        }

        .ul-listing-img .img-ico19 {
            background-position: -270px -108px;
        }

    .value-prop-card h3 {
        color: #000;
        font-weight: 400;
        font-size: 20px;
    }

    .value-prop-card img {
        margin: auto;
        max-width: 7.25rem;
        max-height: 6.875rem;
    }

    .find p span {
        font-size: 35px;
        color: #1b49a0;
    }

    .search-result {
        padding: 30px 0px;
        overflow-y: auto;
    }

    .partner-link .btn-default {
        border: .125rem solid #357eeb;
        background-color: transparent;
        color: #357eeb;
        margin-left: 10px;
    }

        .partner-link .btn-default:hover {
            background: #0171e1;
            color: #ffffff;
            border: 1px solid #0171e1;
        }

    .search-section label {
        display: inline-block;
        color: #333;
        line-height: 2.5;
    }

    .search-section select, .search-section input[type="text"] {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        background-color: #fff;
        border: 1px solid #ccc;
        color: #666;
        outline: 0;
        width: 55%;
        height: 35px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .partner-item {
        padding: 15px;
        border: 1px solid #ddd;
        margin: 10px 0px;
        border-radius: 3px;
        min-height: 130px;
        display: flex;
        align-items: center;
    }

        .partner-item p {
            margin: 0px;
        }

        .partner-item img {
            width: 100%;
        }

    .shadow-box-bottom {
        overflow: hidden;
        position: relative;
        font-size: 0;
        z-index: 1;
        padding-bottom: 10px;
        height: 30px;
    }

        .shadow-box-bottom:before {
            -moz-border-radius: 60%;
            -webkit-border-radius: 60%;
            border-radius: 60%;
            -webkit-box-shadow: -1px 20px 20px 0px #ccc;
            box-shadow: -1px 20px 20px 0px #ccc;
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            z-index: 10;
            height: 1.25rem;
        }

    .partner-item p {
        font-size: 13px;
        line-height: 18px;
    }

    .imgGallry {
        display: block;
        text-align: center;
    }

        .imgGallry .imgBlock {
            height: 120px;
            margin: 10px 20px;
            width: auto;
            padding: 20px 0px;
            display: inline-block;
        }

            .imgGallry .imgBlock img {
                height: 100%;
                width: auto;
            }

    @keyframes loading-1 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    }

    @keyframes loading-2 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(144deg);
            transform: rotate(144deg);
        }
    }

    @keyframes loading-3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }
    }

    @keyframes loading-4 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(36deg);
            transform: rotate(36deg);
        }
    }

    @keyframes loading-5 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(126deg);
            transform: rotate(126deg);
        }
    }
    /*desktop media*/
    #menu_toggle {
        display: none;
    }

    .signing-steps .timeline-item .timeline-zap.img1 {
        background-image: url("/Assets/images/ico-step1.png");
    }

    .signing-steps .timeline-item .timeline-zap.img2 {
        background-image: url("/Assets/images/ico-step2.png");
    }

    .signing-steps .timeline-item .timeline-zap.img3 {
        background-image: url("/Assets/images/ico-step3.png");
    }

    .timeline-item .timeline-zap.img4 {
        background-image: url("/Assets/images/ico-step4.png");
    }

    /*----- removing inline style ------*/

    .span-bk {
        font-size: 10px;
        display: block;
    }

    .width60p {
        width: 60%;
    }

    .content-box {
        margin-top: 30px;
        margin-bottom: 20px;
    }

        .content-box .page-title {
            font-size: 36px !important;
            color: #222;
            font-weight: bold;
            line-height: 1.1;
        }

        .content-box p {
            font-size: 20px;
            color: #666;
        }

        .content-box a {
            font-size: 20px;
        }

        .content-box img {
            width: 100%;
        }

    .vector_contentBox {
        margin-bottom: 20px;
    }

    .content-box .vector_contentBox img {
        width: auto;
        max-height: 200px;
    }

    .content-box h3 {
        color: #111;
        font-size: 1.8em;
    }

    .finserv_card img {
        margin: auto;
        max-width: 10rem;
        max-height: 10rem;
        display: block;
    }

    .feature-section .finserv_card h1 {
        font-size: 60px;
        font-weight: bold;
    }

    .sales_card img {
        margin: auto;
        max-width: 12rem;
        max-height: 12rem;
        display: block;
    }

    .feature-section .content-box .page-title {
        color: #fff;
    }

    .feature-section .content-box h3 {
        color: #5accff;
        font-size: 22px;
    }

    .feature-section .content-box p {
        font-size: 18px;
    }

    .feature-section .content-box a {
        color: #5accff;
        font-size: 18px;
    }

    .feature-section .content-box {
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .mtop15 {
        margin-top: 15px;
        display: block;
    }

    .sub_footer {
        background: #f7f7f7;
    }

    .flex_center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lapyBg {
        background: url(/Assets/images/lapy_bg.png) no-repeat;
        height: 130%;
        right: -50px;
        position: absolute;
        width: 800px;
        background-size: cover;
    }
    /*#mainfeatures{
height:135vh;
}*/
    .keyList li {
        display: flex;
        align-items: center;
        padding: 10px 15px 10px 0px;
    }

        .keyList li .count {
            font-size: 30px;
            color: #ccc;
        }

        .keyList li .listContent {
            font-size: 18px;
            display: inline-block;
            color: #666;
            padding-left: 15px;
        }

    .lightblue_bg {
        background-color: #c2dfff;
    }

        .lightblue_bg .keyList li .count {
            color: #79bac7;
        }

    .youtube_icon {
        color: #fff;
        font-size: 80px;
    }

        .youtube_icon:hover, .youtube_icon:focus {
            color: #fff;
            filter: drop-shadow(2px 4px 6px black);
        }


    #video-popup-container {
        display: none;
        position: fixed;
        z-index: 996;
        width: 60%;
        left: 50%;
        margin-left: -30%;
        top: 20%;
        background-color: #fff;
    }

    #video-popup-close {
        cursor: pointer;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 998;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        text-align: center;
        font-size: 12px;
        background-color: #000;
        line-height: 25px;
        color: #fff;
    }

    #video-popup-iframe-container {
        position: absolute;
        z-index: 997;
        width: 100%;
        padding-bottom: 56.25%;
        border: 2px solid #000;
        border-radius: 2px;
        background-color: #000;
    }

    #video-popup-iframe {
        z-index: 999;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #000;
    }

    #video-popup-overlay {
        display: none;
        position: fixed;
        z-index: 995;
        top: 0;
        background-color: #000;
        opacity: 0.8;
        width: 100%;
        height: 100%;
    }

    #video-popup-close:hover {
        color: #DE0023;
    }

    .cust-section {
        background: #f9f9f9;
        text-align: center;
        padding: 0 0 20px;
    }

    .bg-page .page-caption .cover_head {
        font-weight: 400;
        font-size: 18px;
        border-bottom: 1px solid #fff;
        margin-bottom: 20px;
        display: inline-block;
    }

    .mbtm20 {
        margin-bottom: 20px !important;
    }

    .content-box .keyList li .page_subTitle {
        font-size: 2.2em !important;
        color: #fff;
        font-weight: bold;
        margin: 0;
    }

    .keyList li .countBlue {
        font-size: 24px;
        color: #3294f5;
    }

    #emsignerVideoPopup .modal-dialog .close {
        position: absolute;
        right: 7px;
        top: 2px;
    }

    #emsignerVideoPopup .modal-dialog .modal-body {
        padding: 20px 20px 15px;
    }

    #menu_toggle {
        display: none;
    }

    .hide {
        display: none;
    }

    .signing-steps .timeline-item .timeline-zap.img1 {
        background-image: url("/Assets/images/ico-step1.png");
    }

    .signing-steps .timeline-item .timeline-zap.img2 {
        background-image: url("/Assets/images/ico-step2.png");
    }

    .signing-steps .timeline-item .timeline-zap.img3 {
        background-image: url("/Assets/images/ico-step3.png");
    }

    .timeline-item .timeline-zap.img4 {
        background-image: url("/Assets/images/ico-step4.png");
    }
    /*----- removing inline style ------*/

    .span-bk {
        font-size: 10px;
        display: block;
    }

    .width60p {
        width: 60%;
    }

    .pwd-page {
        background: #e1e1e1;
    }

    .pwd-wrapper .pwd-box {
        text-align: left;
        margin: 15px 0px 30px;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        border-radius: 6px;
        border: 1px solid #d1d1d1;
    }

        .pwd-wrapper .pwd-box .content-body {
            padding: 25px;
            border-radius: 6px;
        }

        .pwd-wrapper .pwd-box h2 {
            font-size: 2.5rem;
        }

        .pwd-wrapper .pwd-box label {
            font-weight: normal;
        }

        .pwd-wrapper .pwd-box .radio-row {
            margin-top: 7px;
        }

            .pwd-wrapper .pwd-box .radio-row input {
                vertical-align: top;
            }

    @media only screen and (max-width: 990px) {
        .prog {
            margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 500px) {
        .partnerLogo {
            margin-top: 125px;
        }

        .banner-content {
            top: 5%;
        }

        .legalityBlk .graybg h3 {
            font-size: 18px;
            float: left !important;
        }
    }

    @media (max-width: 820px) {
        /*.header { position: static; }*/
        .bangalore-address, .delhi-address, .hyd-address { margin-bottom: 16px; }
        .main-section {
            margin-top: 0;
        }

        .navbar-nav .dropdown .dropdown-menu .header_menu {
            padding: 10px 15px !important;
            display: block;
        }

        .header .navbar-nav li a i {
            margin-left: 3px;
            font-size: 16px;
            position: absolute;
            right: 30px;
        }

        .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
            margin: 0;
        }

        .bg-page {
            position: relative;
            min-height: 280px;
            background-size: cover;
        }

            .bg-page:before {
                background: rgba(0,0,0,0.5);
                content: '';
                position: absolute;
                height: 100%;
                top: 0px;
                width: 100%;
                left: 0px;
            }

            .bg-page .page-caption .hidden-xs {
                display: block !important;
                width: 100% !important;
                font-size: 2.5rem;
            }

            .bg-page .page-caption .btn-buy {
                margin: 10px 0 0;
            }

        .featurebox-section {
            background: none;
        }

        .awards-achievements li {
            text-align: center;
        }

            .awards-achievements li div {
                float: none;
                margin-right: 0px;
                margin: 0 auto 10px;
            }

        .navbar-header .navbar-brand {
            margin-left: 15px;
        }

        .banner {
            height: 310px;
            background-position: right 0
        }

            .banner:before {
                content: '';
                background: rgba(255,255,255,0.3);
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0px;
                left: 0px;
            }

        .banner-content {
            padding: 40px 15px 20px;
            text-align: center;
        }

        .title-container h1, .title-container h2 {
            font-size: 22px;
        }

        .banner-content h1 {
            font-size: 24px;
            width: 100%;
        }

        .banner-content h2 {
            font-size: 20px;
            width: 100%;
            margin-bottom: 20px;
        }

            .banner-content h2 br {
                float: left;
            }

        .banner-content .btn-buy {
            padding: 6px 10px;
            font-size: 14px;
            margin: 0px;
        }

        .mainfeature-list .btn-more, .feature-section .btn-more {
            font-size: 14px;
        }

        .navbar-nav {
            margin: 0px;
        }

        .navbar-header .navbar-toggle {
            font-size: 21px;
        }

        .header .navbar-collapse li.btn-login {
            border-bottom: none;
        }

        .header .navbar-collapse {
            margin: 0px;
            position: static;
            width: 100%;
            left: 0px;
            padding: 0px;
            height: 100%;
        }

            .header .navbar-collapse .navbar-nav a {
                margin: 0px;
                padding: 12px 15px !important;
                display: block;
            }

        .navbar-nav .dropdown .dropbtn {
            background: none;
            display: block;
            width: 100%;
            text-align: left;
            padding: 10px 15px !important;
        }

            .navbar-nav .dropdown .dropbtn:after {
                content: '';
                border: 5px solid transparent;
                border-top-color: #777;
                position: absolute;
                right: 28px;
                top: 15px;
            }

        .navbar-nav .dropdown .dropdown-content {
            flex-direction: column;
            min-width: inherit;
            background: #fff;
            margin: 0px;
            width: 100%;
            box-shadow: none;
            position: relative;
            border-left: none;
            border-right: none;
            padding: 0px;
            overflow: hidden;
        }

            .navbar-nav .dropdown .dropdown-content .dropdown_part {
                padding: 0px 0px 10px !important;
            }

                .navbar-nav .dropdown .dropdown-content .dropdown_part .header_menu {
                    padding-top: 15px !important;
                }

                .navbar-nav .dropdown .dropdown-content .dropdown_part a {
                    padding: 7px 15px !important;
                }

        .subscriptionBox {
            padding: 0px 20px;
        }

            .subscriptionBox h1 {
                font-size: 24px;
            }

            .subscriptionBox h2 {
                font-size: 20px;
            }

            .subscriptionBox .subscription-details {
                padding-bottom: 0px;
            }

            .subscriptionBox br {
                float: left;
            }

        .note-section {
            margin: 0 0 20px;
        }

        .note-section-index {
            width: 300px;
        }

        .captcha-group .form-inline input {
            display: inline-block !important;
        }

        .base-section {
            text-align: center;
        }

            .base-section .text-right {
                text-align: center;
                margin-top: 10px;
            }

        .view-demo {
            padding: 20px 0px 50px;
        }

        .demo-section, .steps-section, .case-study-section {
            padding: 0 0 10px !important;
        }

        .change-price-mode {
            position: relative;
            right: auto;
            top: auto;
            text-align: center;
        }

        .planFeatures .individual {
            margin: 20px;
        }

            .planFeatures .individual table td:last-child {
                padding: 5px 15px !important;
            }

        .planGridTable {
            min-height: auto;
            padding-bottom: 60px;
        }

            .planGridTable .plan-title .btn {
                left: 25%;
            }

        .planFeatures .enterprise {
            margin: 20px;
        }

        .planFeatures .sme {
            margin: 20px;
        }

            .planFeatures .sme table td:first-child {
                padding: 5px 15px !important;
            }

        .plan-table-section {
            padding: 0px 20px;
        }

        .planFeatures .individual .feMore, .planFeatures .sme .feMore {
            width: 100% !important;
        }

        .plan-list {
            width: 100% !important;
        }


        .support-box, .recent-news {
            clear: both;
            float: none;
        }

            .support-box .s-ico {
                padding-left: 0px;
            }

        footer .followus {
            margin: 0 0 10px;
        }

        footer .f-comlink {
            margin: 15px 0 0;
        }

        footer {
            padding: 30px 10px;
        }

            footer .foot-links {
                margin-bottom: 15px;
                font-size:13px;
            }
            .support-box h4 { font-size:14px;}
            footer .f-comlink {
                text-align: center;
            }

            footer .phone-box .phone-span {
                color: #fff;
            }

            footer .footer-bottom {
                margin-top: 10px;
            }

        .signing-steps {
            padding: 0 0 20px;
        }

            .signing-steps .timeline {
                display: block;
                list-style: none;
                margin: 0 auto;
                padding: 0px;
                margin-bottom: 1em;
                overflow: auto;
            }

            .signing-steps .timeline-zap {
                flex: none;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 60%;
                border-radius: 50%;
                border: 3px solid #DADFE2;
                height: 70px;
                width: 70px;
                margin: 0px;
                float: left;
            }

            .signing-steps .timeline-zap-no-icon {
                display: none;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 50%;
                border-radius: 50%;
                border: 3px solid #03A9F4;
                height: 70px;
                width: 70px;
                padding: 20px 0;
                margin: 0px;
                float: left;
            }

                .signing-steps .timeline-zap-no-icon i {
                    color: #03A9F4;
                    font-size: 26px;
                }

            .signing-steps .timeline-item-empty .timeline-zap {
                display: none
            }

            .signing-steps .timeline-item-empty .timeline-zap-no-icon {
                display: block
            }

            .signing-steps .timeline-item-empty .timeline-content, .signing-steps .timeline-item-empty .line {
                display: none
            }

            .signing-steps .timeline-item, .signing-steps .timeline-first {
                float: none;
                width: auto;
                position: relative;
                overflow: auto;
                padding: 15px;
            }

            .signing-steps .timeline-item-empty {
                float: none;
            }

            .signing-steps .timeline-item:nth-child(2n) {
                width: 100px;
                padding: 0px;
            }

            .signing-steps .timeline-content {
                margin-left: 12px;
                text-align: left;
                float: left;
                width: 72%;
            }

            .signing-steps .timeline-label {
                display: inline-block;
                font-size: 18px;
                font-weight: 600;
                color: #03A9F4;
                letter-spacing: 1px;
                line-height: normal;
                padding: 2px 0px;
                text-transform: uppercase;
                vertical-align: middle;
                margin: 0px 0px 5px;
            }

            .signing-steps .timeline-app {
                font-weight: 600;
            }

            .signing-steps .timeline-message {
                font-size: 14px;
                line-height: 18px;
                margin: 0px;
            }

            .signing-steps .timeline-connection {
                width: 100%;
            }

            .signing-steps .dots {
                display: none;
                padding: 0;
                margin: 0px;
                position: relative;
                top: auto;
                margin-left: 8px;
            }

            .signing-steps .dots-item {
                float: none !important;
                padding: 0px;
                margin: 0;
            }

            .signing-steps .timeline-item-empty .dots {
                display: block;
                color: #03A9F4;
            }

            .signing-steps .line {
                border: 2px solid #DADFE2;
                height: 30px;
                width: 0px;
                text-align: center;
                margin: 0px auto;
            }

        @keyframes blink {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .signing-steps .blink-animation {
            animation-name: blink;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-fill-mode: forwards
        }

        @keyframes line {
            from {
                height: 0;
                width: 0px;
            }

            to {
                height: 30px;
                width: 0px;
            }
        }

        .signing-steps .line-animation {
            animation-name: line;
            animation-duration: 2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards
        }

        @keyframes fade {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .signing-steps .fade-animation {
            animation-name: fade;
            animation-duration: 1.3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards
        }

        @keyframes bounceIn {
            from,20%,40%,60%,80%,to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
            }

            0% {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3)
            }

            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }

            40% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
                transform: scale3d(0.9, 0.9, 0.9)
            }

            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
            }

            80% {
                -webkit-transform: scale3d(0.97, 0.97, 0.97);
                transform: scale3d(0.97, 0.97, 0.97)
            }

            to {
                opacity: 1;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        .signing-steps .bounce-animation {
            animation-name: bounceIn;
            animation-duration: 1.5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards
        }

        .subscription-body .main-section {
            background: #fff;
        }

        .panel-subscribe {
            padding: 0px;
        }

        .order-summary {
            position: relative !important;
            width: auto !important;
            left: auto !important;
            top: -50px;
        }

            .order-summary [class*='col-md'] {
                width: 50% !important;
                float: left !important;
            }

        .promocode .promocodeLabel {
            max-width: 30%;
        }

        .promocode .promocodeBox {
            flex-wrap: nowrap;
        }

        .apps-description {
            width: 95%;
        }

        .apps-description-content {
            padding: 15px;
        }

            .apps-description-content h2 {
                font-size: 20px;
            }

        .apps-description .logo-area {
            display: inline-block;
            width: 40%;
        }

        .ldap-header {
            padding: 7px 15px;
        }

            .ldap-header .navbar-brand {
                margin: 0px;
            }

                .ldap-header .navbar-brand img {
                    max-height: 55px;
                }

            .ldap-header .header-top-right ul li {
                font-size: 15px;
                padding: 2px 0px;
            }

                .ldap-header .header-top-right ul li i {
                    display: none;
                }

        .ldap-main .box .panel_header {
            background:none;
            min-height: 0;
            margin-bottom: 15px;
        }      

        .legalityBlk .summaryBlk {
            padding: 50px 0 0;
        }
        .legalityBlk .summaryBlk h2 {font-size: 1.6rem;}
        .legalityBlk h3 {font-size: 1.3rem; line-height:1.3rem;}
        .termsSection {
            padding: 5px 0;
        }

        .termsSection hr {
            margin: 5px 0 !important
        }

        .termsSideMenu {
            position: relative;
            min-height: 20px;
            background: #fff;
            margin: 10px 0 40px 0;
            padding: 5px 0
        }

            .termsSideMenu ul:before {
                content: "\f078";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                color: #000;
                font-size: 18px;
                padding-right: 0.5em;
                position: absolute;
                top: 7px;
                right: 3px;
            }

            .termsSideMenu ul {
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border: solid 1px #aaa;
                box-shadow: 0 1px 2px rgba(0,0,0,.3);
                background: #fff;
                z-index: 1
            }

            .termsSideMenu li {
                display: none;
                margin: 0;
                padding: 5px 0
            }

            .termsSideMenu .current, .termsSideMenu .current h4 {
                display: block;
                font-weight: bold;
            }

            .termsSideMenu a {
                display: block;
                padding: 5px;
                text-align: left;
            }

            .termsSideMenu ul:hover li {
                display: block;
                margin: 0 0 5px;
            }

        .securityBlk .approachBlk .circleBlk {
            height: auto;
            padding: 0;
            margin: 0;
        }

        .securityBlk .approachBlk .circle a {
            position: inherit;
            border-radius: 0;
            height: auto;
            width: 100%;
            padding: 5px;
            display: block;
        }

        .securityBlk .approachBlk {
            padding-top: 0;
        }

        #toTop {
            display: none !important;
        }

        .page-topbar button {
            background: none;
            border: none;
            box-shadow: none
        }

        .animated-icon1 {
            width: 30px;
            height: 20px;
            position: relative;
            margin: 0px;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;
        }

            .animated-icon1 span {
                display: block;
                position: absolute;
                height: 3px;
                width: 100%;
                border-radius: 2px;
                opacity: 1;
                left: 0;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: .25s ease-in-out;
                -moz-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
                background: #fff;
            }

                .animated-icon1 span:nth-child(1) {
                    top: 0px;
                }

                .animated-icon1 span:nth-child(2) {
                    top: 10px;
                }

                .animated-icon1 span:nth-child(3) {
                    top: 20px;
                }

            .animated-icon1.open span:nth-child(1) {
                top: 11px;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .animated-icon1.open span:nth-child(2) {
                opacity: 0;
                left: -60px;
            }

            .animated-icon1.open span:nth-child(3) {
                top: 11px;
                -webkit-transform: rotate(-135deg);
                -moz-transform: rotate(-135deg);
                -o-transform: rotate(-135deg);
                transform: rotate(-135deg);
            }

        /*header responsive*/
        .page-topbar .logo-area .brand {
            margin-right: 0;
        }

        #TopMenu {
            background: #fff;
            height: 0;
            display: none;
        }

            #TopMenu.collapse.in {
                height: auto;
                min-height: 200px;
                display: block;
                position: absolute;
                top: 58px;
                width: 100%;
            }

        .quick-area {
            margin-top: 15px;
        }

        .page-topbar .quick-area .info-menu.left-links a, .page-topbar .quick-area .info-menu li a.toggle, .page-topbar .quick-area .info-menu li a.toggle_chat, .page-topbar .quick-area .info-menu li a.sidebar_toggle {
            color: #0060c0
        }

        .page-topbar .quick-area .info-menu.left-links li {
            float: none;
            display: block;
            clear: both
        }

        .page-topbar .quick-area .info-menu {
            line-height: inherit;
            height: auto
        }

        .page-topbar .logo-area {
            width: auto
        }

        #ddlLanguage {
            margin: 0;
        }

        .selectLanguage:after {
            top: 0
        }
        /*side bar responsive*/
        .page-sidebar {
            overflow: visible
        }

            .page-sidebar.pagescroll {
                width: 60px;
                transition: all 0.3s ease-in-out 0s;
            }

        #menu_toggle {
            display: block;
            background: #3055BE;
            color: #fff;
            border-radius: 0 5px 5px 0;
            right: -18px;
            position: absolute;
            top: 70px;
            cursor: pointer;
            z-index: 14;
            border: none;
            box-shadow: 0 0 8px 1px rgba(0, 0, 0, .05);
            padding: 5px;
        }

            #menu_toggle .title {
                display: none;
                position: absolute;
                width: auto;
                white-space: nowrap;
                top: 75px;
                left: 20px;
                color: #0060c0;
                background: #fff;
                padding: 5px 15px;
                box-shadow: 0 0 8px 1px rgba(0, 0, 0, .05)
            }

            #menu_toggle:hover .title {
                display: block;
            }

        .nav-sm .page-sidebar.pagescroll {
            width: 260px;
            transition: all 0.3s ease-in-out 0s;
        }

        .profile-info .profile-details {
            margin: 0 -15px;
        }

        .day-count .badge {
            padding: 3px 5px;
            margin-left: 1px;
        }

        #main-menu-wrapper li a {
            white-space: inherit;
            text-overflow: inherit;
        }

        .nav-md #main-content {
            margin-left: 70px;
        }

        .page-sidebar-wrapper {
            overflow: hidden;
        }

        .main-wrapper {
            padding: 15px 0 0;
        }

        #main-menu-wrapper li a {
            position: relative;
        }
            /*#main-menu-wrapper li a .title{ display:none; position:absolute; top:0; left:55px;}*/
            #main-menu-wrapper li a:hover .title {
                display: block;
            }
        /*dahboard*/
        .db-status {
            width: 100%;
            margin-bottom: 10px;
        }

        .db_box, .db_box i {
            padding: 5px;
        }

            .db_box .stats h4 {
                float: left;
                margin-right: 10px;
                line-height: 25px;
            }

        #emsignerVideoPopup .modal-dialog {
            width: 80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            #emsignerVideoPopup .modal-dialog iframe {
                width: 100%;
                height: 200px;
            }

        .other-login a img {
            width: 29%;
        }

        .bg-page .page-caption h2 {
            font-size: 22px;
        }

        .bg-page .page-caption h3 {
            font-size: 16px;
        }

        .content-box .page-title {
            font-size: 26px !important;
        }

        .keyList li .listContent {
            font-size: 16px;
        }

        .content-box h3 {
            text-align: center;
        }

        .feature-section .finserv_card h1 {
            font-size: 46px !important;
            margin-bottom: 0px;
        }

        .flex_center {
            display: block;
            text-align: center;
        }
    }

    .lang-dropdown .navbar-nav {
        margin-top: 0px;
        margin-right: 0px;
    }

        .lang-dropdown .navbar-nav li {
            padding-bottom: 0px;
        }

        .lang-dropdown .navbar-nav a {
            padding: 0 !important;
            text-transform: capitalize;
        }

    .header-top .dropdown {
        display: inline-block;
    }

    .header .header-top .open > .dropdown-menu {
        display: block;
    }

    .header .header-top .dropdown-menu {
        right: 0px;
        left: auto;
        color: #333;
        top: 28px;
        min-width: 565px;
        padding: 15px;
        border-top: none;
        box-shadow: 2px 0px 7px rgba(0, 0, 0, 0.34901960784313724);
    }

    .header .header-top .dropdown h5 {
        color: #333;
        font-size: 14px;
    }

    .header-top .dropdown-menu:after {
        content: '';
        top: -10px;
        right: 10px;
        position: absolute;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
    }

    .header-top .dropdown-menu ul {
        padding-left: 0px;
    }

    .header-top .dropdown-menu li {
        padding-bottom: 0px;
        width: 130px;
        display: inline-block;
    }

    .header-top .dropdown-menu a {
        padding: 6px 0px !important;
        margin-left: 0px;
        display: block;
        color: #333;
    }

        .header-top .dropdown-menu a:hover {
            color: #0060c0;
        }

    .header-top .header_menu {
        margin-bottom: 10px;
    }

    .header-top .dropdown a:focus, .header-top .dropdown a:hover {
        text-decoration: none;
    }

    @media (min-width: 820px) {
        #emsignerVideoPopup .modal-dialog {
            width: 700px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin-top: 0;
        }

            #emsignerVideoPopup .modal-dialog iframe {
                width: 100%;
                height: 400px;
            }
    }


    /*--------------------------------------------------
Header - Navbar]
----------------------------------------------------*/
    /*Containers
------------------------------------*/
    @media (min-width: 992px) and (max-width: 1180px) {
        .container, .container-lg, .container-md, .container-sm {
            max-width: 992px;
        }
        .india-home-banner .image-right {
            right: -7%;
            top: 10%;
        }
    }

    @media (max-width:992px) {
        /*.header { position:static;}*/
        .cookies-section .cookie-text {
            display:block;
            margin-bottom:5px;
        }
        .navbar-nav .dropdown .dropdown-menu .header_menu {
            padding: 10px 15px !important;
            display: block;
        }

        .header .navbar-nav li a i {
            margin-left: 3px;
            font-size: 16px;
            position: absolute;
            right: 30px;
        }

        .navbar-header .navbar-brand {
            margin-left: 15px;
        }

        .navbar-nav {
            margin: 0px;
        }

        .navbar-header .navbar-toggle {
            font-size: 21px;
        }

        .header .navbar-collapse li {
            padding: 0px;
            border-bottom:none;
        }

        .header .navbar-collapse li.btn-freetrial, .header .navbar-collapse li.btn-login {
            padding: 10px 0px;
            text-align:center;
        }

        .header .navbar-collapse li.btn-login {
            border-bottom: none;
        }

        .header .navbar-collapse {
            margin: 0px;
            position: static;
            width: 100%;
            left: 0px;
            padding: 0px;
            height: 100%;
        }

            .header .navbar-collapse .navbar-nav a {
                margin: 0px;
                display: block;
            }

        .navbar-nav .dropdown .dropbtn {
            background: none;
            display: block;
            width: 100%;
            text-align: left;
            padding: 10px 15px !important;
        }

            .navbar-nav .dropdown .dropbtn:after {
                content: '';
                border: 5px solid transparent;
                border-top-color: #777;
                position: absolute;
                right: 28px;
                top: 15px;
            }

        .navbar-nav .dropdown .dropdown-content {
            flex-direction: column;
            min-width: inherit;
            background: #fff;
            margin: 0px;
            width: 100%;
            box-shadow: none;
            position: relative;
            border-left: none;
            border-right: none;
            padding: 0px;
            overflow: hidden;
        }

            .navbar-nav .dropdown .dropdown-content .dropdown_part {
                padding: 0px 0px 10px !important;
            }

                .navbar-nav .dropdown .dropdown-content .dropdown_part .header_menu {
                    padding-top: 15px !important;
                }

                .navbar-nav .dropdown .dropdown-content .dropdown_part a {
                    padding: 7px 15px !important;
                }

        .header .menu-container:before,
        .header .menu-container:after {
            content: " ";
            display: table;
        }

        .header .menu-container:after {
            clear: both;
        }

        .header .menu-container {
            margin-left: auto;
            margin-right: auto;
            padding-right: 15px;
        }

        .header > .navbar > .container {
            width: inherit;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
        }

            .header > .navbar > .container > .navbar-header,
            .header > .navbar > .container > .navbar-collapse {
                margin-left: 0;
                margin-right: 0;
            }

        .main-section {
            margin-top: 0px;
        }
    }

    /*Navbar Toggle*/
    .header .navbar-toggle {
        border: none;
        margin-top: 10px;
        margin-right: 15px;
        font-size: 20px;
        position: relative;
        float: right;
        padding: 9px 10px;
    }

        .header .navbar-toggle .icon-bar {
            height: 1px;
            width: 20px;
            font-size: 20px;
            background: #555;
            margin-bottom: 5px;
        }

            .header .navbar-toggle .icon-bar:last-child {
                margin-bottom: 0;
            }

        .header .navbar-toggle,
        .header .navbar-toggle:hover,
        .header .navbar-toggle:focus {
            background: inherit;
        }

    /*Navbar Collapse*/
    .header .navbar-collapse {
        position: static;
    }


    @media (min-width: 992px) {
        .navbar {
            border-radius: 0;
        }

        .header .navbar-nav {
            float: none;
        }
    }

    .header .navbar-nav li a i {
        margin-left: 3px;
        font-size: 16px;
    }

    .header .navbar-toggle {
        display: none;
    }
    /*Responsive Navbar*/
    @media (max-width: 992px) {
        /*Responsive code for max-width: 992px*/
        .header { background:#fff;}
        .header .navbar .navbar-brand { margin-left:20px;}
        .header .contact-us { margin-right:20px;}
        .header .navbar-header {
            float: none;
        }
        .header .container { padding-left:0px; padding-right:0px;}
        .header .navbar-nav .leader-box {
            float: none;
            padding: 15px 20px;
            border-top: 1px solid #eee;
        }

        .header .navbar-nav .leader-box a {
            margin: 0px;
        }
        .header .navbar-toggle {
            display: block;
        }

        .navbar.navbar-expand-lg {
            display: block;
            padding:0px 0px 3px;
        }

        .navbar-nav.ml-auto {
            display: block;
        }

        .header .navbar-collapse {
            border:none;
            overflow-y: auto !important;
            height: 85vh;
            padding: 15px 25px !important;
        }
        
        .header .navbar-collapse.collapse {
            display: none !important;
        }

        .header .navbar-collapse.collapse.show {
            display: block !important;
            
        }
        .header .navbar-nav .dropdown:hover > .nav-link:before {
            opacity: 1;
            width:100%;
            left:0%; }
        .header .navbar-nav {
            margin: 0;
            padding-left: 0px;
            float: none !important;
        }

        .header .navbar-nav > li {
            float: none;
        }



        /*Pull Right*/
        .header .dropdown-menu.pull-right {
            float: none !important;
        }
        /*Dropdown Menu Slide Down Effect*/
        .header .navbar-nav .dropdown .dropdown-menu {
            border: 0;
            float: none;
            width: auto;
            margin: 0px;
            position: static;
            box-shadow: none;
            padding: 10px;
        }

            .header .navbar-nav .open .dropdown-menu > li > a,
            .header .navbar-nav .open .dropdown-menu .dropdown-header {
                padding: 5px 20px 5px 20px;
            }

            .header .navbar-nav .open .dropdown-menu > li > a {
                line-height: 20px;
            }

                .header .navbar-nav .open .dropdown-menu > li > a:hover,
                .header .navbar-nav .open .dropdown-menu > li > a:focus {
                    background-image: none;
                }

            .header .navbar-nav .open .dropdown-menu > li > a {
                color: #0060c0;
            }

                .header .navbar-nav .open .dropdown-menu > li > a:hover,
                .header .navbar-nav .open .dropdown-menu > li > a:focus {
                    color: #0060c0;
                    background-color: transparent;
                }

            .header .navbar-nav .open .dropdown-menu > .active > a,
            .header .navbar-nav .open .dropdown-menu > .active > a:hover,
            .header .navbar-nav .open .dropdown-menu > .active > a:focus {
                color: #72c02c;
                background-color: transparent;
            }

            .header .navbar-nav .open .dropdown-menu > .disabled > a,
            .header .navbar-nav .open .dropdown-menu > .disabled > a:hover,
            .header .navbar-nav .open .dropdown-menu > .disabled > a:focus {
                color: #0060c0;
                background-color: transparent;
            }

        .header .dropdown-menu.no-bottom-space {
            padding-bottom: 0;
        }
        .header .navbar-nav > li > a {
            font-size: 14px;
            padding: 15px 20px;
        }

        .header .navbar-nav > li:first-child > a {
            border-top: transparent;
        }

        .header .navbar-nav > li > a:hover {
            color: #0060c0;
        }

        .header .navbar-nav > .open > a,
        .header .navbar-nav > .open > a:hover,
        .header .navbar-nav > .open > a:focus {
            color: #555;
            background: inherit;
        }

        .header .navbar-nav > .active > a,
        .header .navbar-nav > .active > a:hover,
        .header .navbar-nav > .active > a:focus {
            background: inherit;
            color: #0060c0 !important;
        }

        .header .dropdown .dropdown-submenu > a {
            font-size: 15px;
            color: #555 !important;
        }

        .hover-bg li a:hover {
            color: #ffffff !important;
            background-color: #0060c0 !important;
        }

        .hover-bg li a {
            padding: 5px 0px !important;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            padding: 10px 20px !important;
        }

        .navbar-nav .dropdown .dropdown-menu .header_menu {
            color: #f4803b;
            text-transform: uppercase;
            margin: 0px;
        }


        .header .header-top .dropdown-menu {
            min-width: 351px;
            right: -10px;
        }
    }


    @media (max-width:425px) {
        .editorials-row .editorials-image img {
            border-radius: 40px 40px 40px 0px;
        }
        .menu2column {
            min-width: 0px !important;
        }
        .navbar.navbar-expand-lg {
            display: block;
        }

        .navbar-nav.ml-auto {
            display: block;
        }

        .header-top .dropdown-menu ul {
            height: 500px;
            overflow: scroll;
        }

        .header-top .dropdown-menu li {
            width: 49%;
        }
    }

.freetrial-bottom {
padding: 30px 0px 50px;
border-top: 1px solid #e2e2e2;
}

.freetrial-bottom .ft-features {
margin: 20px;
padding-left: 125px;
padding-right: 15px;
position: relative;
}

.freetrial-bottom .ft-features img {
position: absolute;
left: 0;
width: 120px;
}

.freetrial-bottom h2 {
color: #000;
font-weight: 300;
margin-bottom: 30px;
}

.ftdemo-section {
color: #fff;
padding: 50px 0px;
background-position: 0px 0px;
background: url("../images/ftdemo-bg.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.ftdemo-section .demo-video {
margin: 20px 0px 0px 70px;
border-width: 2px;
}

.ftdemo-section .demo-video, .ftdemo-section .demo-video img {
border-radius: 4px;
}

.ftdemo-section .demo-content {
padding: 20px;
}

.ftdemo-section .demo-content .btn {
font-size: 15px;
}

.ftdemo-section .demo-content h3 {
line-height: 30px;
margin: 30px 0px;
}

.videoModal {
top: 10%;
}

.videoModal .modal-body {
position: relative;
padding: 0;
height: 70vh;
}

.videoModal .modal-content {
border-radius: 0;
padding: 0;
overflow: unset;
background: #000;
}

.videoModal.modal .close {
position: absolute;
top: -15px;
padding: 8px 13px;
background: #001131;
right: -10px;
color: #fff;
opacity: .9;
border-radius: 50%;
}

.videoModal iframe {
width: 100%;
height: 100%;
}

.stamping-mode-slider iframe {
width: 100%;
height: 300px;
}

.mtb-vlg {
margin: 100px 0px;
}

.mtb-vlg .text-success, .mtb-vlg .text-danger {
font-weight: 500 !important;
}

/*#DivCaptcha {display:none;}*/
.docsign-banner {
background: #014080 url(/Assets/images/backgrounds/document-signing-bg.jpg) no-repeat right 0;
height: auto
}

.docsign-banner.bg-page .page-caption {
display: block;
padding: 70px
}

.docsign-banner.bg-page .row {
display: block
}

.docsign-banner.bg-page .page-caption.page-caption-left h3 {
font-size: 21px
}

.docsign-banner .workflow {
background: #e4e2e2;
float: left;
width: 100%;
padding: 30px 0 0
}

.docsign-banner .workflow ul li {
width: 33%;
display: inline-block;
font-size: 17px;
vertical-align: text-top
}

.docsign-banner .workflow ul li span {
font-size: 25px;
display: block;
margin-bottom: 10px
}

.docsign-banner .workflow ul li p {
margin-right: 10px
}

.feature .content-box {
text-align: center
}

.feature .features-list {
text-align: left
}

.feature .features-list .feature-heading {
font-weight: bold;
margin-bottom: 10px
}

.feature .features-list p {
font-size: 18px
}

.feature .emsigner-ctn {
font-size: 22px
}

.feature .content-box h3 {
color: #0060ac !important
}

.sign-doc {
text-align: center;
margin: 30px 0;
background: #f9f9f9;
padding: 30px 0 60px
}

.sign-doc .steps-count {
font-size: 50px;
font-weight: bold
}

.sign-doc .steps-head {
font-size: 22px
}

.sign-doc .steps-content {
font-size: 18px
}

.org-wrap {
margin: 30px 0 0;
padding: 30px 0 60px
}

.org-wrap .org-box {
margin: 60px 0;
display: flex;
justify-content: center;
align-items: center;
height: 200px
}

.bg-blue {
background: #0060c0;
padding: 30px 0;
color: #fff;
font-size: 18px
}

.business-tools ul li .fa {
color: #0060c0
}

.business-tools ul li {
padding-right: 25px;
padding-bottom: 5px;
font-size: 18px;
float: left
}

.workflow-ctn {
text-align: center;
padding: 30px 0
}

.workflow-ctn img {
max-width: 80px;
margin: auto
}

.workflow-ctn .page-intro {
font-size: 22px;
margin-bottom: 50px
}

.workflow-solution {
padding: 30px 0
}

.workflow-list {
margin-bottom: 20px;
box-shadow: 0 2.5rem 4rem rgba(22,28,45,.1);
cursor: default;
z-index: 1;
background: #fff;
padding: 40px 30px;
position: relative;
overflow: hidden;
border-radius: 2px;
margin-bottom: 30px;
position: relative;
border: 0
}

.workflow-list h3 {
padding: 0 15px;
margin-top: 0;
color: #005fab;
font-size: 22px
}

.workflow-list ul {
padding: 0 15px;
font-size: 16px;
margin: 0;
min-height: 65px
}

.workflow-list ul li i {
color: #4caf50;
border: 1px solid #4caf50;
padding: 4px;
border-radius: 15px;
margin-right: 5px;
font-size: 11px
}

.workflow-list .list-hg {
min-height: 160px
}

.trailnow-section {
background: #f1f1f1;
padding: 40px 0
}

.trailnow-section h2 {
line-height: 42px
}

.trailnow-section .btn {
margin-left: 20px;
font-size: 18px
}

.forgot-pwd .pwd-wrapper {
margin: 0px;
}

.forgot-pwd .pwd-wrapper .pwd-box label {
font-weight: normal;
}

.forgot-pwd .pwd-wrapper .pwd-box {
text-align: left;
margin: 15px 0px 30px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
border-radius: 6px;
border: 1px solid #d1d1d1;
}

.forgot-pwd .pwd-wrapper .pwd-box .content-body {
padding: 25px;
border-radius: 6px;
}

.darkmatter-header {
background: #212529
}

.darkmatter-header .header-top-right a {
color: #fff;
}

.darkmatter-header .header-top-right ul li {
font-size: 17px;
padding: 3px 10px;
color: #fff;
}

.darkmatter-header .navbar-header .navbar-brand img {
max-width: 200px;
}

.darkmatter-header .navbar-header {
margin: 15px 0px;
}

.sandbox .pwd-wrapper {
width: auto;
margin: 80px 0 0;
}

.sandbox .register-bg {
background-position-x: 70%;
}

.sandbox .subscriptionBox {
width: 457px;
margin: 0 auto;
padding-bottom: 15px;
}

.sandbox .registerForm .form-page .form-group.agree-txt {
text-align: left;
}

.FAB-header {
background: #1E3D7D
}

.FAB-header .header-top-right a {
color: #fff;
}

.FAB-header .header-top-right ul li {
font-size: 17px;
padding: 3px 10px;
color: #fff;
}

.FAB-header .navbar-header .navbar-brand img {
height: 60px;
}

.qrBoxSection .box {
margin: 9% 0 3%;
box-shadow: none;
}

.qrBoxSection .box .content-body {
padding: 0px !important;
box-shadow: none;
border: none;
}

.qrBoxSection .box .content-body .alert {
position: relative;
padding-left: 55px;
margin-bottom: 10px;
}

.qrBoxSection .box .content-body .alert i {
position: absolute;
left: 10px;
top: 5px;
}

.qrBoxSection .box .content-body .alert h2 {
margin: 0px;
font-size: 18px;
color: #fff;
}

.qrBoxSection .qrdoc-details {
background: #f9f9f9;
padding: 5px 20px 15px;
margin-bottom: 10px;
}

.qrBoxSection .qrdoc-details h3 {
margin: 5px 0px;
}

.qrBoxSection .qrsigner-details {
border: 1px solid #f9f9f9;
padding: 5px 20px 15px;
margin-bottom: 10px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

.qrBoxSection .qrsigner-details h3 {
margin: 5px 0px;
}

.payment-wrapper {
font-family: emSignerFont, Helvetica, Arial, sans-serif;
}

.payment-wrapper .header-overlay {
content: '';
position: absolute;
top: 0px;
right: 0px;
height: 80px;
width: 30%;
z-index: -30;
background: #036;
}

.payment-wrapper .btn {
text-transform: capitalize;
}

.payment-wrapper .btn.btn-primary {
border-radius: 4px;
transition: all .5s ease-in-out;
padding: 8px 16px;
color: #fff;
font-weight: 600;
font-size: 15px;
background: #ed4223;
border: none;
}

.payment-wrapper .btn.btn-primary:hover {
background: #d4381d;
border-color: #d4381d;
}

.payment-wrapper .logo-white {
float: right;
padding: 14px 0px 0px;
}

.payment-wrapper .main-section {
background: url(../images/backgrounds/bg-payment.jpg);
margin-top: 80px;
}

.payment-wrapper section.box {
border-radius: 4px;
}

.payment-wrapper section header {
border-radius: 4px 4px 0px 0px;
}

.payment-wrapper section .content-body {
border-radius: 0px 4px 4px 0px;
}

.payment-header {
background-color: #ff0000;
height: 80px;
}

.payment-confirm .head-success {
font-size: 30px;
display: inline-block;
vertical-align: middle;
padding-left: 5px;
margin: 40px auto;
}

.payment-confirm .head-success img {
border-radius: 15px;
}

.payment-confirm .ctn-success p {
font-size: 16px;
margin-bottom: 18px;
text-align: left;
}

.supporting-docs {
padding: 20px 0px 30px;
}

.supporting-docs h2 {
font-weight: bold;
margin: 0 0 15px;
}

.supporting-docs .form-box {
border: 1px solid #f1f1f1;
padding: 50px 30px;
background: #f9f9f9;
min-height: 350px;
}

.supporting-docs .help-note {
cursor: pointer;
background: #bbb;
color: #fff;
padding: 0px;
border-radius: 100%;
width: 22px;
height: 22px;
text-align: center;
display: inline-block;
font-weight: bold;
font-size: 16px;
line-height: 24px;
}

.supporting-docs .help-note:hover {
border: 1px solid rgba(255,255,255,1);
color: rgba(255,255,255,1);
}

.help-relative {
position: relative;
display: block;
}

.supporting-docs .help-content {
background: #fff;
padding: 15px;
border-radius: 4px;
border: 2px solid #e2e2e2;
position: absolute;
top: 45px;
right: 10px;
width: 100%;
z-index: 1200;
display: none;
font-size: 13px;
}

.supporting-docs .help-content:before {
content: "";
position: absolute;
border-style: solid;
border-width: 0px 8px 8px 8px;
border-color: transparent transparent #e2e2e2 transparent;
display: block;
width: 0px;
z-index: 0;
top: -10px;
right: 6px;
}

.supporting-docs .help-content:before {
content: "";
position: absolute;
border-style: solid;
border-width: 0px 8px 8px 8px;
border-color: transparent transparent #e2e2e2 transparent;
display: block;
width: 0px;
z-index: 0;
top: -10px;
right: 6px;
}

.supporting-docs .help-close {
cursor: pointer;
font-size: 18px;
position: absolute;
right: 10px;
top: 0px;
color: #162650;
}

.supporting-docs .help-close:hover {
color: #162650;
text-decoration: none;
}

.supporting-docs .help-content ul {
margin: 0px;
padding: 10px;
}

.supporting-docs help-content li {
list-style: disc !important;
}

.supporting-docs help-link span {
padding: 0px;
background: #5c3484;
color: #fff;
cursor: pointer;
width: 18px;
height: 18px;
text-align: center;
display: inline-block;
margin: 0px 5px;
border-radius: 100%;
}

.ldap-darkheader {
background: #0060c0 url("../images/topbar-bg.png") no-repeat right 0;
}

.ldap-darkheader .header-top-right {
text-align: right;
color: #fff;
}

.ldap-darkheader .header-top-right a, .ldap-darkheader .header-top-right li {
color: #fff;
}

.bg-page.product, .bg-page.security, .bg-page.partners, .bg-page.demo, .bg-page.industries {
height: 300px;
text-align: left;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}

.tooltip-inner {
padding: 5px 13px;
background-color: #ffffff;
border-radius: 0px;
color: #000;
box-shadow: 0px 0px 2px rgb(0 0 0 / 20%);
text-align: left;
max-width: 400px;
}

@media(min-width: 1200px) {
.col-lg-offset-1 {
margin-left: 8% !important;
}
}

@media(min-width: 1200px) {
.col-lg-6 {
width: 50% !important;
}
}

.contactflex {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
}

.view-section .case-study-logo img {
width: 100%;
}

.view-section .case-study-section {
margin-top: -100px;
}

.view-section .case-study-section .infobox {
background: #fff;
box-shadow: 0 -3px 4px 0 rgb(0 0 0 / 5%);
padding: 40px 30px;
}

.view-section .case-study-logo {
margin-bottom: 20px;
padding: 20px 0px;
border: 1px solid #f1f1f1;
display: block;
}

.view-section .case-study-box ul {
list-style: none;
margin: 0 0 20px;
padding: 0px;
}

.view-section .case-study-box ul li {
position: relative;
padding: 3px;
padding-left: 22px;
}

.view-section .case-study-box ul li i {
margin-right: 5px;
color: #999;
position: absolute;
left: 0px;
vertical-align: bottom;
display: inline-block;
width: 16px;
height: 16px;
font-size: .625rem;
line-height: 16px;
margin: 0px;
background-color: rgba(118,193,37,.1);
border-radius: 100%;
color: #76c125;
text-align: center;
}


.tech-partner-section {
min-height: 230px;
display: flex;
align-items: center;
color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.tech-partner-section h3 {
font-weight: 500 !important;
font-size: 38px;
color: #fff;
margin-bottom: 16px;
}

.light_graybg {
background-color: #f5f7fc;
padding: 20px 0;
}

.up-arrow {
float: right;
color: #fff;
font-size: 20px;
font-weight: 900;
}

.location-address {
display: block;
padding: 30px;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
background: rgba(0,52,172,0.8);
position: absolute;
left: 0;
top: 70%;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}

.location-image {
display: block;
position: relative;
box-shadow: 0 10px 24px 0 rgba(0,0,0, 0.24);
height: 100%;
transition: all .4s;
min-height: 260px;
max-height: 260px;
border-radius: 10px;
overflow: hidden;
}

.location-image img {
height: 100%;
margin: auto;
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.location-image img.email {
display: inline-block;
max-height: 20px;
max-width: 200px;
cursor: pointer;
}

.main-section.securityBlk h1, .main-section.securityBlk h2, .main-section.securityBlk h3, .main-section.securityBlk h4 {
font-weight: 500 !important;
}

.location-address p {
font-size: 14px;
color: #fff;
margin-bottom: 5px;
}

.location-address a, .location-address a:hover {
color: #fff;
}

.location-image:hover .location-address {
opacity: 1;
top: 0;
}

.location-image:hover .up-arrow {
display: none;
}

.location-address h3 {
font-weight: 500 !important;
color: #fff;
font-size: 26px;
margin: 10px 0px 15px;
}

.location-address h5 {
font-weight: 500 !important;
color: #fff;
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
}

.location-address.Indo_location-address h5 {
font-size: 13px;
line-height: 20px !important;
}

.office-contact .fa {
margin-right: 10px;
}

.nav-pills .nav-link:hover {
background-color: #e8edfa;
transition: all .3s;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #0034ac;
}

.contact-section h1 {
font-weight: 500 !important;
font-size: 30px;
}

#btnClear {
border: 1px solid #005cbf;
}

.nav-pills .nav-link {
margin-bottom: 5px;
border-radius: 20px;
padding-left: 20px;
}

.world-class-patient {
display: flex;
align-items: center;
}

.custom-col {
max-width: 20%;
flex: 0 0 20%;
padding: 0 15px;
}

.pricing-mb {
margin-bottom: 45px !important;
}

.custom-col h6, .salesNsupport h6 {
font-weight: 500 !important;
}

section.section .trust-service-title {
margin-bottom: 0px;
}

.intl-tel-input .country-list .divider {
border-top-width: 0px;
margin: 0 0 5px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom: 1px solid #CCC;
}

.iti-flag.hr {
margin: 0;
}

.termsSideMenu {
display: block;
margin: 0;
padding: 0;
font-weight: normal;
}

.termsSideMenu ul {
padding-left: 16px;
}
/* newly added */
.termsSideMenu li {
list-style: none;
text-align: left !important;
padding-bottom: 10px !important;
line-height: normal;
}

.termsSideMenu li h4 {
font-size: 18px;
margin-bottom: 5px !important;
padding: 0 !important
}

.termsSideMenu li a {
color: #0060ac;
}

.termsSideMenu li.current a {
font-weight: bold;
}


.estamp-contact {
text-align: center;
}

.estamp-contact h4 {
font-size: 26px;
}

.estamp-contact span {
font-size: 30px;
}

.estampSubscription-details h4 {
font-size: 32px;
color: #0060c0;
}

.estampSubscription-details h4 span {
color: #f4620b;
}

.eStampfreetrial-desp {
padding: 24px 48px;
list-style: none;
position: relative;
}

.eStampfreetrial-desp li {
font-size: 18px;
position: relative;
}

.eStampfreetrial-desp li:after {
content: '';
background: #b6c7f0;
width: 14px;
height: 14px;
position: absolute;
top: 12%;
left: -5%;
border-radius: 100%;
}

.eStampfreetrial-desp li.active:after {
content: '';
background: #f4620b;
width: 14px;
height: 14px;
position: absolute;
top: 12%;
left: -5%;
border-radius: 100%;
}

.estampfreetrial-section-title {
margin-bottom: 24px;
padding: 0 12rem;
}

.digitalstamping-section-title {
margin-bottom: 24px;
padding: 0 8rem;
}

.digitalstamping-section-title span {
color: #f4620b;
}

.estampfreetrial-section-title h2 {
font-size: 28px;
}

.eStamping-types {
text-align: center;
margin-bottom: 3rem;
}

.eStamping-features {
border-radius: 16px;
padding: 24px;
box-shadow: -14px 14px 26px rgb(0 0 0 / 10%);
min-height: 225px;
}

.eStamping-features img {
width: 75px;
margin-bottom: 16px;
}

.eStamping-types .title {
font-size: 22px;
color: #f4620b;
margin-bottom: 32px;
}

.eStamping-types .eStamping-features.grey {
background: #f5f5f5;
}

.eStamping-types .eStamping-features.blue {
background: #eff1fe;
}

.DigiStamping-features {
padding: 24px;
min-height: 200px;
}

.DigiStamping-features img {
width: 75px;
margin-bottom: 16px;
}

.estampSubscription-details {
padding: 6rem 0;
}

.modes-eStamping h4 {
font-size: 32px;
margin-bottom: 1rem;
}

.modes-eStamping p {
font-size: 20px;
}

.modes-eStamping h4 span {
color: #f4620b;
}

.modes-eStamping-btns a.active {
background-color: #fff !important;
color: #0062cc !important;
}

.modes-eStamping-btns {
margin-top: 1.5rem;
}

.slider-stamping-mode {
box-shadow: -14px 14px 26px rgb(0 0 0 / 10%);
}

.stamping-mode-header {
padding: 24px 0;
background: #ebebeb;
}

#offline-eStamping {
display: none;
}

.stamping-mode-slider .carousel-indicators li {
width: 20px;
border-radius: 20px;
background: #9bacd6;
height: auto;
}

.stamping-mode-slider .carousel-indicators li:nth-child(2n+1).active {
background: #5f68c3;
}

.stamping-mode-slider .carousel-indicators li:nth-child(2n).active {
background: #f4620b;
}

.youtube-icon {
transition: all .3s;
border-radius: 7px;
cursor: pointer;
font-size: 60px;
opacity: .8;
color: #222;
position: absolute;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
left: 0;
right: 0;
margin: auto;
text-align: center;
}

.youtube-icon::before {
content: '';
width: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 20px solid #fff;
position: absolute;
left: 3px;
right: 0;
margin: auto;
transform: translateY(-50%);
top: 49.5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.youtube-video .youtube-icon {
color: #ff0000;
font-size: 70px;
top: 12%;
}

.videoModal {
top: 10%;
}

.videoModal .modal-body {
position: relative;
padding: 0px;
height: 70vh;
}

.videoModal.modal .close {
font-size: 16px;
line-height: 20px;
font-weight: normal;
position: absolute;
top: -15px;
padding: 6px 13px 9px;
background: #ff6000;
right: -20px;
color: #fff;
opacity: 1;
border-radius: 50%;
}

.team-body button.close {
position: absolute;
top: 20px;
right: 20px;
z-index: 12;
padding: 0px 5px;
}

.videoModal iframe {
width: 100%;
height: 100%;
border-radius: 4px;
}

.modes-eStamping {
padding: 6rem 0;
}

.stamping-mode-slider {
padding: 32px 32px 64px;
background: #fff;
}

.stamping-mode-slider .carousel-indicators {
bottom: -20%;
}

.sessionExpired {
margin: 0px auto;
width: 65%;
}

.sessionExpired h3 {
font-size: 20px;
}
.crm-section {
padding: 30px 0 20px 0;
}

.crm-section-title {
text-align: justify;
}

.crm-section-title p {
font-size: 20px;
}

.contact-form.experts-form {
margin-top: -8px;
background: #f5f5f5;
padding: 1px 40px 30px;
border-radius: 3px;
box-shadow: 1px 1px 2px rgb(0 0 0 / 15%);
position: relative;
z-index: 2;
}

.contact-form.experts-form h2 {
margin-top: 30px;
font-weight: 300;
color: #ff6000;
font-size: 28px;
line-height: 36px;
margin-bottom: 15px;
}

.contact-form.experts-form h2 b {
font-weight: 600;
color: #ff6000;
font-size: 28px;
line-height: 36px;
}

.loginDivider {
border: none !important;
}

.header .navbar-nav {
align-items: center;
}

.loginForm .content-body #btnCancel {
border: 1px solid #000;
}

.contactUsLbl {
font-size: 12px;
margin: 0px;
left: 18px;
top: -11px;
position: absolute;
background: #fff;
padding: 0px 5px;
}

.payment-box {
margin-bottom: 20px;
}

.addressInfo-box {
background: #eee;
}

.form-page .billing-cycle-box, .form-page .accountInfo-box, .form-page .addressInfo-box {
padding: 32px 26px 10px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 3px;
position: relative;
}

.form-page .billing-cycle-boxLbl, .form-page .accountInfo-boxLbl, .form-page .addressInfo-boxLbl {
margin-bottom: 0px;
border-radius: 10px;
position: absolute !important;
top: -12px;
left: 20px;
background-color: #fff !important;
padding: 0px 5px;
}

.accountInfo-box .intl-tel-input .selected-flag .iti-flag { margin: 12px auto;}
.accountInfo-box .intl-tel-input .selected-flag .iti-arrow {
    top: 17px;
    margin-top: 0px;
}

.subscribeDiv .form-page .form label, .SignerSubscribeDiv .form-page .form label {
border-radius: 10px;
position: absolute;
top: -10px;
left: 25px;
padding: 0px 5px;
cursor: text;
background-color: #ffffff;
font-size: 12px;
display: inline-block;
height: 18px;
margin-bottom: 0px;
}

.subscribeDiv .form-page .inputLbl-group, .SignerSubscribeDiv .form-page .inputLbl-group {
margin-bottom: 18px;
}

.subscribeDiv .form-page .form .intl-tel-input, .SignerSubscribeDiv .form-page .form .intl-tel-input {
width: 100%;
}

.promocodeBox #btnVerify {
padding: 7px 10px;
margin-left: -4px;
height:38px; 
vertical-align:top;
border-radius: 0 25px 25px 0;
}

.promoCodeLbl {
left: 11px;
top: -11px;
position: absolute;
padding: 0px 5px;
background: #fff;
}

.promocode {
margin: 10px 0px;
position: relative;
}

#Contact_Number-error {
z-index: 10;
color: red;
left: 10px !important;
}

/* Pre-login new styles */

    .trialemail-txt {
padding: 10px 15px;
width: 300px;
border-radius: 20px;
font-size: 16px;
margin-bottom: 5px;
height: 42px;
}

.cta-section.cta-section-hero {
display: flex;
}

.trialemail-div, .btnFreeTrial-div {
display: flex;
flex-direction: column;
}

.btnFreeTrial-div {
align-items: center;
}

.btnFreeTrial-div span {
margin-top: 4px;
font-size: 12px;
}

.freetrial-heading {
text-align: center;
padding: 30px 30px 0px;
font-size: 24px;
}

.freetrial-login {
text-align: center;
padding: 0px 30px 0px;
font-size: 14px;
}

.freetrial-login a {
text-decoration: underline;
}

.startFreeTrial-btn span {
font-size: 12px;
}

.or-separation {
border-top: 1.5px solid #e3e6e9;
position: relative;
margin: 24px 0 16px;
}

.or-separation span {
position: absolute;
font-size: 14px;
top: -12px;
left: 92px;
background: #fff;
padding: 0 8px;
}

.sucBlueBg .success-logo {
width: 165px;
}

.confirm-txt {
margin: 32px 0 !important;
}

.support-footer {
position: fixed;
bottom: 20px;
width: 100%;
}
.text-black { color: #000 !important; }

.integration-plan { display:block !important; margin-bottom:50px;}
.integration-plan .planGridTable { min-height:100px; overflow:hidden;}
.integration-plan .planGridTable .plan-name { font-weight:bold; margin:10px 0px;}
.integration-plan .planGridTable .plan-title { position:relative; display:flex; background:#f1f1f1; height:100%; justify-content:center; }
.integration-plan .planGridTable .plan-title:after {position: absolute;content: "";width: 20px;height: 20px;background-color: #f1f1f1;transform: rotate(45deg);right: -10px;top: 21%;margin: auto;z-index: 1;}
.integration-plan .planGridTable .plan-title p, .integration-plan .planGridTable .plan-title .amount.big small { font-size:14px;}
.integration-plan .planGridTable .colorbg { border:none; background:none; font-size:15px; line-height:22px; }
.integration-plan .planGridTable:hover { border:1px solid #ccc; box-shadow:none; }
.integration-plan .planGridTable ul li { font-size:15px; line-height:22px; padding-left:20px; }
.integration-plan .planGridTable ul li .fa-check { margin-right:15px; font-size:13px; top:5px;}

.product-comparison { margin:30px 0px;}
.product-comparison .compare-wrapper { margin:20px 0px; }
.product-comparison .compare-wrapper .compare-box {box-shadow: 0 0px 25px 0 rgba(0,0,0,.1);padding:0px 30px;margin-bottom:40px;border-radius:4px;}
.product-comparison .table th { border-top:none; border-bottom:2px solid #eee; font-size:16px; padding:25px 15px;}
.product-comparison .table td { border-color:#eee; padding:5px 15px; height:45px; vertical-align:middle;}
.product-comparison .table th:first-child, .product-comparison .table td:first-child { padding-left:0px; }
.product-comparison .table tr:last-child td { padding-bottom:30px; height:70px; }
.product-comparison .table tr td .fa-check { color:#01b141; font-size:20px;}
.product-comparison .table tr td .fa-times { color:#ea2b2b; font-size:20px;}
.product-comparison .table tr th:nth-child(2), .product-comparison .table tr td:nth-child(2) { background:#f5f7fc;}


    /* Tablet and mobile Responsive */
    @media (min-width: 992px) and (max-width: 1180px) {
        .home-banner h2 { font-size:30px;}
        .home-banner h1 { font-size:50px;}
    }
    @media (max-width: 992px) {
        .product-comparison { margin-top:0px;}
        .product-comparison .table th.our-sticky-col { height:100px;}
        .product-comparison .table .our-sticky-col { position:absolute; left:0px; width:60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
        .product-comparison .compare-wrapper .table { margin:0px;}
        .product-comparison .table td { vertical-align:top; height:auto; padding:10px;}
        .product-comparison .compare-wrapper {
            position: relative;
            padding: 0px;
        }
        .product-comparison .compare-wrapper .compare-box {
            margin-left: 60%;
            overflow-x: scroll;
            overflow-y: visible;
            padding: 0px;
            width: 40%;
        }
        .sessionExpired {
            margin: 0px auto;
            width: 80%;
        }
        .customer-stories .carousel-item.sm-txt-carousel h2 {
            font-size: 22px;
        }

        .customer-stories .carousel-item.sm-txt-carousel h3 {
            font-size: 20px;
        }

        .banner-stories .carousel-item.sm-txt-carousel h2 {
            font-size: 22px;
        }

        .banner-stories .carousel-item.sm-txt-Sor_carousel h2 {
            font-size: 20px;
        }

        .termsSideMenu {
            position: relative;
            min-height: 20px;
            background: #fff;
            margin: 10px 0 40px 0;
            padding: 5px 0
        }

            .termsSideMenu ul:before {
                content: "\f078";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                color: #000;
                font-size: 18px;
                padding-right: 0.5em;
                position: absolute;
                top: 7px;
                right: 3px;
            }

            .termsSideMenu ul {
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border: solid 1px #aaa;
                box-shadow: 0 1px 2px rgba(0,0,0,.3);
                background: #fff;
                z-index: 1
            }

            .termsSideMenu li {
                display: none;
                margin: 0;
                padding: 5px 0
            }

            .termsSideMenu .current, .termsSideMenu .current h4 {
                display: block;
                font-weight: bold;
            }

            .termsSideMenu a {
                display: block;
                padding: 5px;
                text-align: left;
            }

            .termsSideMenu ul:hover li {
                display: block;
                margin: 0 0 5px;
            }

        .contact-section .how-emsigner-works h4 {
            font-size: 24px;
        }

        .emsigner-video {
            width: 100%;
        }

        .contactSide .btn-contact {
            font-size: 14px;
        }

        .contactSide h3 {
            font-size: 16px;
        }

        .subscription {
            display: flex;
            flex-wrap: wrap;
        }

        .plan-list {
            width: 33% !important;
            max-width: 33%;
            -ms-flex: 0 0 33%;
            flex: 0 0 33%;
        }

        .form-check-label {
            font-size: 12px;
        }

        .awards-achievements li {
            margin: 0px;
        }

        .bg-page .page-caption h2 {
            font-size: 1.3em;
        }

        .case-study-right .original-image {
            width: 100%;
        }

        .view-section .case-study-section {
            margin-top: -6rem;
        }

        .banner-stories .carousel-item h2 {
            font-size: 26px;
        }

        .roi-section-mt {
            margin-top: 30px;
        }

        .image-center {
            text-align: center;
        }

        .global-eSignature {
            padding: 30px 15px 0px;
        }

        .inner-banner {
            padding: 5rem 0;
        }

            .inner-banner h3 {
                font-size: 20px;
            }

            .inner-banner h1 {
                font-size: 44px;
            }

            .inner-banner h2 {
                font-size: 24px;
            }

        .editorials-row .editorials-content {
            margin: 0px;
            padding: 0 15px;
        }

        .editorials-row .editorials-image {
            padding: 20px 15px 40px;
        }

        .usecase-section {
            margin-bottom: 0px;
            padding-top: 0px !important;
        }

            .usecase-section h3 {
                font-size: 22px;
            }

        .contact-section .editorials-content {
            padding: 0px;
        }

        .inner-banner {
            margin-top: 80px;
        }

        .custom-col {
            max-width: 33.33%;
            flex: 0 0 33.33%;
            padding: 0 15px;
        }

        .useful-col {
            margin-top: 25px;
        }

        .home-banner h1 {
            font-size: 55px;
        }

        .home-banner h2 {
            font-size: 34px;
        }

        .home-banner {
            padding: 6rem 0 6rem;
            min-height: 0px;
        }

        .client-logos img {
            height: 80px;
        }

        .section-headline h2 {
            font-size: 26px;
        }

        section.section .section-title h2 {
            font-size: 26px !important;
        }

        section.section .section-title h2 {
            font-size: 26px;
            margin-bottom: 15px !important;
        }

            section.section .section-title h2 span {
                font-size: 32px;
            }

        .emsec-box h2 {
            font-size: 21px;
        }

        .emsec-box p {
            font-size: 14px;
            font-weight: 400;
        }
        
        .second-box {
            padding-bottom: 8px;
        }

        .second-box p {
            margin-bottom: 5px;
        }

        .third-box {
            padding-bottom: 22px;
        }

        .global-footer .social-nav a {
            width: 28px;
            height: 28px;
            padding: 4px 0px;
        }

        .legal-nav .col-sm-6 {
            font-size: 10px;
        }

        .support-nav .col-sm-7 .col-sm-7 {
            font-size: 13px;
        }
    }

    @media (max-width: 820px) {
        .signerGateway-billCycle-box {
        padding-top: 16px !important;
        }

        .billCycleLbl {
        margin-bottom: 10px;
        }

        .essentialBox {
        margin-bottom: 0px !important;
        }

        .subscribeDiv .form-page .inputLbl-group, .SignerSubscribeDiv .form-page .inputLbl-group {
        margin-bottom: 0px !important;
        }

        .subscribeDiv .form-page .form, .SignerSubscribeDiv .form-page .form {
        margin-bottom: 20px !important;
        }

        .main-section {
        margin-top: 0;
        }

        .india-home-banner {
        min-height: 350px;
        padding:50px 0px;
        }

        .india-home-banner h1 {
        font-size: 28px;
        }
        
        .india-home-banner .cta-section.cta-section-hero {
        flex-direction: row !important;
        }

        .india-home-banner .btnFreeTrial-div {
        margin-top: 0px;
        }
        .india-home-banner .image-right { display:none;}
        .sessionExpired {
            width: 96%;
        }

        .modes-eStamping-btns .btn {
            padding: 7px 14px;
        }

        .estampSubscription-details {
            padding: 3rem 0;
        }

        .eStampfreetrial-desp li.active:after {
            top: 10%;
            left: -7%;
        }

        .estampfreetrial-section-title {
            margin-bottom: 24px;
            padding: 0;
        }

        .eStamping-features {
            min-height: 200px;
            margin-bottom: 24px;
        }

        .modes-eStamping {
            padding: 2rem 0;
        }

        .stamping-mode-slider .carousel-indicators {
            bottom: -20%;
        }

        .digitalstamping-section-title h2 {
            font-size: 28px;
        }

        .digitalstamping-section-title {
            padding: 0;
        }

        .estampSubscription-details .estamp-head1 {
            font-size: 22px;
            margin-top: 24px;
        }

        .estampSubscription-details .estamp-head2 {
            font-size: 22px;
        }

        .estampSubscription-details .estamp-note {
            font-size: 10px;
            margin-left: 5px;
            line-height: 12px;
            margin-bottom: 15px;
        }

        .estampSubscription-details .estamp-img {
            max-width: 100%;
        }

        .pricing-integration {
            width:50%;
        }

        .pricing-envelope, .pricing-users {
            width: 35%;
        }

        .qrBtn-mb-center {
            text-align: center;
        }

        .qr-lang {
            margin: 6% 0.35% 0% 0% !important;
        }

        .qrBoxSection .box {
            margin-top: 30%;
        }

        .fa.fa-check-circle {
            font-size: 30px !important;
        }

        .qrBoxSection .box .content-body .alert i {
            top: 18px;
            left: 18px;
        }

        .qrBoxSection .box .content-body .alert h2 {
            font-size: 14px;
        }

        .banner-stories .carousel-item.sm-txt-carousel h2 {
            font-size: 18px;
        }

        .banner-stories .carousel-item.sm-txt-Sor_carousel h2 {
            font-size: 16px;
        }

        .customer-stories .carousel-item.sm-txt-carousel h2 {
            font-size: 18px;
        }

        .customer-stories .carousel-item.sm-txt-carousel h3 {
            font-size: 16px;
        }

        .customer-stories .carousel-item.sm-txt-Sor_carousel h2 {
            font-size: 15px;
        }

        .customer-stories .carousel-item.sm-txt-Sor_carousel h3 {
            font-size: 14px;
        }

        .main-section {
            margin-top: 98px;
        }

        .login-catption h2 {
            font-size: 28px;
            margin: 30px 0 10px;
        }

        .login-catption h4 {
            font-size: 18px;
        }

        .login-catption h3 {
            font-size: 22px;
        }

        .see-how {
            margin-top: 25px;
        }

            .see-how h3 {
                font-size: 24px;
            }

        .registerForm .form-page .btn-register .big {
            font-size: 18px;
        }

        .registerForm .form-page .btn-register .small {
            font-size: 12px;
        }

        .terms-of-use {
            font-size: 12px;
        }

        .listing-big li {
            font-size: 18px;
        }

        .global-footer ul li {
            margin-bottom: 3px;
        }

        .customer-success h3, .partner-solutions h2 {
            font-size: 28px;
        }

        .data-security {
            margin: 20px 0px;
        }

        .contact-section .how-emsigner-works h4 {
            font-size: 20px;
        }

        .contactSide {
            display: block;
        }

            .contactSide .text-right, .contactSide .contactUs-btn {
                text-align: center !important;
            }

        .plan-list {
            width: 100% !important;
            max-width: 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .text-right.mobile-switch {
            text-align: center !important;
        }

        .emsigner-contact {
            display: flex;
        }

        .form-check-label {
            margin-left: 5px;
            margin-top: -3px;
        }

        .bg-page .page-caption .hidden-xs {
            font-size: 2rem;
        }

        .awards-achievements li {
            margin-bottom: 15px;
        }

        .bg-page .page-caption h2 {
            font-size: 1em;
        }

        .case-study-right h3:last-of-type {
            margin-top: 24px;
        }

        .view-section h1 {
            font-size: 26px;
        }

        .view-section .case-study-section {
            margin-top:0;
        }

        .banner-stories .carousel-item h2 {
            font-size: 18px;
        }

        .banner-box h2, .banner-box h4 {
            font-size: 20px;
        }

        .roi-section .emsec-box .content h2 div {
            font-size: 40px;
        }

        .banner-box-section {
            margin-top: 30px;
        }

        .vtab-section .tab-content .pane-content {
            padding: 30px 15px 10px;
        }

        .vtab-section .nav-pills {
            margin-right: 0px;
        }

        .data-security-box {
            margin: 20px 0px;
        }

        .inner-banner {
            padding: 3rem 0;
        }

        .inner-banner h1 {
            font-size: 30px;
        }

        .inner-banner h2 {
            font-size: 18px;
        }

        .inner-banner h3 {
            font-size: 16px;
        }

        section.section .section-title h2 {
            font-size: 26px;
        }

            section.section .section-title h2 b {
                font-size: 28px;
            }

        .divider {
            margin: 10px 0px 50px;
        }

        .editorials-row .editorials-content h2 {
            font-size: 36px;
        }

        .editorials-row .editorials-content p {
            font-size: 18px;
        }

        .list-checkmarks li {
            font-size: 16px;
        }

        .editorials-row .editorials-image {
            padding: 20px 15px 30px;
        }

        section.lblue-bg {
            padding: 50px 0px;
        }

        section.section .section-title {
            margin-bottom: 20px;
        }

        .featured-mobile-padding {
            padding: 0 15px 15px;
        }

        .featured-mobile-mt {
            margin-top: 0px !important;
        }

        .contact-section .editorials-content h4 {
            font-size: 24px;
        }

        .global-footer .container {
            font-size: 13px;
        }

        .support-col {
            margin-top: 26px;
        }

        .custom-col {
            max-width: 50%;
            flex: 0 0 50%;
            padding: 0 15px;
        }

        header .navbar .navbar-brand {
            margin-left: 0px;
            margin-top: 5px;
        }

            header .navbar .navbar-brand img {
                height: 90%;
            }

        .home-banner .ems-home {
            display: none;
        }

        .home-banner h2 {
            font-size: 18px;
        }

        .home-banner h1 {
            font-size: 30px;
            line-height: 1.1 !important;
        }

        .home-banner .btn {
            padding: 10px 20px; margin:5px !important; font-size: 16px;
        }

        .home-banner p {
            font-size: 15px;
        }

        .customer-stories .carousel-item h2 {
            font-size: 26px;
        }

        .support-margin {
            margin: 20px 0px;
        }

        .useful-mb {
            margin-bottom: 20px;
        }

        .apple-store {
            margin-top: 12px;
        }

        .social-media {
            margin-top:12px;
            text-align: left !important;
        }

        .emRights {
            margin-top: 12px;
            text-align: left !important;
        }

        .header-top .container a {
            margin: 0 0 0 18px;
        }
        .cta-section.cta-section-hero {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .btnFreeTrial-div {
            align-items: center;
            margin-top: 8px;
        }

        .subscriptionBox .subscription-details {
            margin-bottom: 30px;
        }

        .ftdemo-section {
            padding: 0px;
            text-align: center;
        }

        .freetrial-bottom .ft-features {
            padding: 0px;
            text-align: center;
        }

        .freetrial-bottom h2 {
            margin-bottom: 0px;
        }

        .freetrial-bottom .ft-features img {
            position: relative;
            width: 100px;
        }

        .ul-listing-img li {
            width: 100% !important;
        }

        .fyb-box {
            margin: 20px 0px !important;
        }

        .alertWindow .alertContent {
            left: 5%;
            width: 90%;
            top: 25%;
        }

        .mtb-vlg {
            margin: 20px 0px;
        }

        .loginBox {
            padding-top: 20px;
        }
        .view-section .main-hero { padding:6rem 0px 40px;}
        .view-section .case-study-section .infobox { margin-top:-30px; box-shadow:none; padding:0px; border:none;}
    }
    @media (max-width: 767px){
        .india-home-banner .cta-section.cta-section-hero { flex-direction: column !important; }
        .india-home-banner .dynamic-text { text-align:center; display:block;}
        .india-home-banner .dynamic-text .fortext { display:none;}
        .india-home-banner .dynamic-text:before { content:'for'; color:#fff;}
        .india-home-banner h1 { font-size:24px; text-align:center; display:block;}
        .india-home-banner h2 { font-size:26px;}
        .india-home-banner { padding:30px 10px; text-align:center; background-size: cover !important;}
        .india-home-banner ul { text-align:left;}
        .india-home-banner ul li {font-size: 20px; }
        .india-home-banner ul li span {font-family: emSignerFont; font-size: 16px;}
        .india-home-banner .trialemail-txt { width:300px; margin-bottom:15px;}
        .advantages-section table td, .advantages-section table th { padding:10px; padding-right:0px;}
        .advantages-section table th { vertical-align:middle;}
        .advantages-section table th h4 { margin:10px 0px;}
        .indian-customer .client-logos img { height: 36px; margin: 5px 1px; }
        .carousel-indicators { margin-left:0%; margin-right:0%;}
        .customerStories-link-more { display: inline-block; margin-top: 15%; }
        .carousel-item h2 { margin-left:0px !important;}
        .carousel-item:before { top:0px !important;}
        .carousel-indicators li { border-width:8px !important; width:16px !important; }
        .integration-section h2 { margin-top: 24px; }
        .other-login a img {
            width: 55%;
        }
    }
    @media (max-width: 425px) {
        .estamp-contact h4 {
            font-size: 24px;
        }

        .estamp-contact span {
            font-size: 28px;
        }

        .DigiStamping-features {
            min-height: 190px;
        }

        .digitalstamping-section-title h2 {
            font-size: 24px;
        }

        .digitalstamping-section-title {
            margin-bottom: 18px;
            padding: 0;
        }

        .youtube-video .youtube-icon {
            font-size: 48px;
        }

        .stamping-mode-slider .carousel-indicators {
            bottom: -22%;
        }

        .modes-eStamping p {
            font-size: 18px;
        }

        .modes-eStamping h4 {
            font-size: 24px;
        }

        .modes-eStamping {
            padding: 2rem 0;
        }

        .eStamping-types {
            margin-bottom: 2rem;
        }

        .eStamping-features {
            margin-bottom: 24px;
        }

        .eStampfreetrial-desp {
            margin: 0;
            padding: 16px 24px;
        }

        .estampfreetrial-section-title {
            margin-bottom: 18px;
            padding: 0;
        }

            .estampfreetrial-section-title h2 {
                font-size: 24px;
            }

        .eStamping-types .title {
            font-size: 20px;
        }

        .estampSubscription-details {
            padding: 2rem 0;
        }

        .eStampfreetrial-desp li.active:after {
            top: 8%;
            left: -8%;
        }

        .eStampfreetrial-desp li:after {
            top: 8%;
            left: -8%;
        }

        .listing-big li {
            font-size: 16px;
        }

        .banner-stories .carousel-item h2 {
            font-size: 16px;
        }

        .inner-banner {
            margin-top: 100px;
        }

        section.section {
            padding: 40px 0px 50px;
        }

        .inner-banner h3 {
            font-size: 16px;
        }

        .inner-banner h2 {
            font-size: 16px;
        }

        .second-box {
            margin: 20px 0px;
        }

        section.section .section-title h2 {
            font-size: 26px;
        }

            section.section .section-title h2 b {
                font-size: 28px;
            }

        .editorials-row .editorials-content h2 {
            font-size: 32px;
        }

        .editorials-row .editorials-content p {
            font-size: 16px;
        }

        .list-checkmarks li {
            font-size: 15px;
        }

        section.section .section-title h2 {
            font-size: 26px !important;
        }

        .customer-stories .carousel-item h2 {
            font-size: 26px;
        }

        section.section .partner-section h2 {
            font-size: 26px;
        }

        section.section .section-title h2 span {
            font-size: 28px;
        }

        section.section .partner-section h2 b {
            font-size: 28px;
        }

        .home-banner {
            padding: 7rem 1rem 5rem;
            min-height: 0px;
            min-height: 0px;
            text-align: center;
            background-position:0 0 !important;
        }
        .header-top { padding:7px 0px;}
        .header-top .container a {
            margin: 0 0 0 8px;
        }
        .ldap-footer {
            text-align: center;
        }
        .legalityBlk .page-title { margin:25px 0 10px 0;}
        .legalityBlk h5.pull-right {float: left;}
    }



@media (min-width:820px) and (max-width:1180px) {
.planGridTable .plan-details ul {
    margin: 0px 5px 0px;
}
.planGridTable .plan-details ul li {
    padding-left: 16px;
    font-size: 12px;
    line-height:14px;
    padding-bottom: 7px;
}
}

.prelogin-loader .imgLoader {
    background: #fff;
    padding: 10px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px auto;
    z-index: 10100;
    height: 56px;
    width: 56px;
    display: block;
}

.prelogin-loader .loading {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #f36f21;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

    .prelogin-loader .loading:after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border-left: 3px solid #0034ac;
        border-bottom: 3px solid transparent;
        border-bottom: 3px solid transparent;
        animation: rotation 0.5s linear infinite reverse;
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.integrate-partner-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f1f1f1;
    height: 100%;
    transition: all .4s;
    max-height: 230px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
}

.integrate-partner-box img { width: 215px; }

.integrate-partner-desp {
    width: 100%;
    text-align: left;
    background: #f5f7fc;
    padding: 15px;
}
.integrate-partner-desp h3 {
    font-size: 17px;
}
 
.integrate-partner-desp a:hover {
    color: #f26739;
    text-decoration: none;
    padding-left: 4px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.integrate-partner-box:hover { border: 1px solid #c9c9c9; }

.integration-images img {
    box-shadow: -14px 14px 26px rgba(0, 0, 0, 0.1);
    border-radius: 80px 80px 80px 0px;
}
.integration-section h2 { font-size: 30px; }
.integration-images { padding: 10px 50px; } 
.regionselect-row { justify-content: center; }
.regionselect-box { padding: 25px 30px; }
.regionselect-box h5 { font-size: 14px; margin-bottom: 20px; }
.region-options {
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}
.region-heading {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.region-heading img { width: 28px; }
.region-options .region-country {
    width: 30%;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.region-options .region-country label { margin: 0; cursor: pointer; font-size: 16px; }
.region-options .region-country p { margin: 0; font-size: 13px; }
.region-options .region-country:hover, .region-options .region-country:active { border-color: #666666; }
.region-options .region-country:hover b, .region-options .region-country:hover i { color: #f4620b; }
.region-options .region-country:active b, .region-options .region-country:active i { color: #0034ac; }
.region-selection-options .region-country p { line-height: 20px; }
.region-selection-options .region-country { justify-content: unset; gap: 5px; }
.region-flag-name {
    display: flex;
    align-items: center;
    gap: 10px;
}
.region-flag-name img { width: 25px; border-radius: 2px; }
.integration-items { padding: 0 85px; }
.btn-white-bg {
    background: #fff;
    border: 1px solid #232323;
}
.btn-white-bg:hover, .btn-white-bg:active {
    background: #fff;
    border: 1px solid #f1f1f1;
}
.faq-accordion .card-header button { font-size: 18px; color: #212529 !important; }
.faq-accordion .card-header button:hover, .faq-accordion .card-header button:focus { text-decoration: none; box-shadow: none; }

@media (max-width: 768px) {
    .regionselect-box h5 { font-size: 12px; }
    .region-options { justify-content: center; }
    .region-options .region-country { width: 45%; }
    .region-options .region-country p { font-size: 12px; }
    .integration-items { padding: 0 32px; }
}
.gtwo-section {
    padding: 50px 0px 50px;
}

    .gtwo-section .gtwo-wrapper {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

        .gtwo-section .gtwo-wrapper .slide-colum {
            position: relative;
            &:after

{
    content: '';
    position: absolute;
    left: -33%;
    top: 30px;
    margin-left: 0px;
    height: 55%;
    border-right: 1px solid #e0e0e0;
}

&:first-child {
    &:after

{
    border-right: 0px;
}

}
}

.gtwo-section .redirect-btn {
    margin: 30px auto 0px;
    display: block;
    text-align: center;
}

.gtwo-section .gtwo-wrapper img {
    max-height: 150px;
}

@media screen and (max-width: 799px) {
    .gtwo-section .gtwo-wrapper {
        flex-direction: column;
    }
    .gtwo-section .gtwo-wrapper .slide-colum { margin: 10px 0px; border: 0px; }
}

input::-ms-reveal, input::-ms-clear { display: none; }

.uaepass-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 3px !important;
    font-weight: 400;
    color: #000;
}

.uaepass-btn img { width:18px !important; }

    .uaepass-btn:hover {
        color: #000;
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    }

.uaepass-btn:active,.uaepass-btn:focus, .uaepass-btn:active:focus {
    color:#000;
    background: #ecebeb;
}
.btn-getOTP {
    position: absolute;
    top: 0;
    right: 0;
}
.green-color {
    color: green;
    font-size: 20px;
}
#goog_conv_iframe {display: none;}