@charset "utf-8";
/* SuitExpens CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

@font-face {font-family: 'IBM_Plex_Sans-Regular'; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf");}

@font-face {font-family: 'IBM_Plex_Sans-Light'; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf");}

@font-face {font-family: 'IBM_Plex_Sans-Bold'; src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf");}

body{padding:0px; margin:0px; font-family: "IBM_Plex_Sans-Regular", sans-serif!important; font-size:15px !important; color:#333333; line-height:22px; background:#fff;}

.container-fluid {padding: 0 !important; margin: 0 !important;}

a{outline:none;}

a:focus{outline: none !important;}

button:focus{outline: none !important;}

a:hover{text-decoration:none;}

.row:before, .row:after{display: inline-block !important;}

@media only screen and (min-width:1366px) {
	
.container {min-width: 70% !important;}

}

/* -- Header -- */

.nav-martop{margin-top:90px !important;}

.navbar{padding: 0px 10px;}

.bg-light{background:#fff !important; border-bottom:1px solid #f5f5f5;}

.navbar-light .navbar-nav .nav-link{color:rgba(60,60,60,1.0)!important; padding-top:8px !important; font-size:16px;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:rgba(10,108,181,1.0)!important; transition: box-shadow 0.3s ease-in-out;}

.nav-item .btn{margin-left:12px!important;}

.tp-navbar{background:#fff; border-bottom: 1px solid #ddd; padding:8px 0; height: 90px;}

.navbar-brand{padding: 0!important;}

.tp-navbar .wrapper {width: 94%; margin: 16px auto; /*max-width: 1140px;*/ height:auto;}

.tp-navbar .wrapper-small {max-width: 728px;}

.tp-navbar .wrapper-flush {width: 100%;}

.tp-navbar .nav {position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;}

.tp-navbar .nav-container {position: fixed; top: 98px; left: 0; z-index: 9999; overflow-y: auto; visibility: hidden; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-overflow-scrolling: touch;}

.tp-navbar .nav-container.is-visible {visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}

.tp-navbar .nav-toggle {line-height: 1; display: inline-block; padding: 0.7rem; border: 0; border-radius:3px; background-color: #0a6cb5; margin: 10px 10px; float:right; outline:none;}

.tp-navbar .nav-toggle .icon-menu {position: relative; display: inline-block; width: 28px; height: 20px; vertical-align: middle; fill: none;}

.icon-menu .line {position: absolute; left: 0; display: block; width: 100%; height: 4px; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); background-color: #fff;}

.icon-menu .line-1 {top: 0;}

.is-active .icon-menu .line-1{-webkit-transform: translateY(8px) translateX(0) rotate(45deg); -ms-transform: translateY(8px) translateX(0) rotate(45deg); transform: translateY(8px) translateX(0) rotate(45deg);}

.icon-menu .line-2 {top: 50%; margin-top: -2px;}

.is-active .icon-menu .line-2 {opacity: 0;}

.icon-menu .line-3 {bottom: 0;}

.is-active .icon-menu .line-3 {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); -ms-transform: translateY(-8px) translateX(0) rotate(-45deg); transform: translateY(-8px) translateX(0) rotate(-45deg);}

.tp-navbar .menu {list-style: none; margin: 0; padding: 0; float:right;}

.tp-navbar .nav-menu {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.tp-navbar .nav-menu .menu-item {border-top: 1px solid #bbb; background:#f5f5f5;}

.tp-navbar .nav-menu > .menu-item:last-child {border-bottom: 1px solid #bbb;}

.tp-navbar .nav-menu > .menu-item.is-active {background-color: #ddd;}

.tp-navbar .nav-menu > .menu-item a{font-size:16px;}

.tp-navbar .nav-menu > .menu-item a:hover{color:#0a6cb5; transition: box-shadow 0.3s ease-in-out;}

.tp-navbar .nav-menu .menu-link {display: block; text-decoration: none; color: #444; padding: 0.45rem 1rem;} 

.tp-navbar .has-dropdown {position: relative; cursor: pointer;}

.tp-navbar .has-dropdown > .menu-link {display: inline-block;}

.tp-navbar .has-dropdown:after {font-size: 29px; position: absolute; top: 2px; right: 1rem; bottom: 0; content: "+";  color: #222;}

.tp-navbar .has-dropdown.is-active:after {content: "\2013";}

.tp-navbar .nav-dropdown {display: none; background-color: #c0c0c0;}

.tp-navbar .has-dropdown.is-active > .nav-dropdown {display: block; margin:0px;}

.tp-navbar .nav-dropdown .nav-dropdown {background-color: #aaa;}

.tp-navbar .nav-dropdown .menu-item {border: none; background:#fff; border-bottom:#f5f5f5 solid 1px !important;}

.tp-navbar .nav-dropdown .menu-item a{font-size:14px !important;}

.tp-navbar .nav-dropdown .nav-dropdown .menu-item {background-color: #b0b0b0; border-color: #909090;}

.tp-navbar .content {margin-top: 60px;}

.tp-navbar .content .wrapper {padding: 1rem 0;}

.green-btn {background: #2d9f4f!important; color: #fff !important; text-align: center; border-radius:4px !important; border: none !important;margin-right: 4px;}

.blue-btn {background: #0075a1 !important; color: #fff !important; text-align: center; border-radius:4px !important; border: none !important;}

.green-btn:hover{background: #24a33f !important; color:#fff !important; transition: box-shadow 0.3s ease-in-out;}

.blue-btn:hover{background: #277b9f !important; color:#fff !important; transition: box-shadow 0.3s ease-in-out;}

.top-strip {height: 33px!important; background: #eee; color: #fff!important; padding: 3px 0!important; font-weight: bold; font-weight: normal!important; padding-left: 2%!important; padding-right: 2%!important; float:right; width:100%;}
	
.top-strip svg{top: -3px; position: relative;}

.fixed-top {position: fixed; /*top: 33px !important;*/ right: 0; left: 0;}

.fixed-top1 {position: fixed; top: 0; right: 0; left: 0;  z-index: 2000;}

.nav-pills>li {float: right;}

.nav>li {position: relative; display: block; text-decoration:none;}

.lang-divider {color: #666; padding-top: 2px;}

.nav-pills>li+li {margin-left: 2px;}

.lang-divider {color: #666; padding-top: 0px;}

.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
	
.dropdown-menu>li>a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}

.dropdown-menu>li>a:hover {background-color:#f4f4f4; transition: box-shadow 0.3s ease-in-out;}

.nav-link {display: block; padding: 0 1rem;}

/* -- End Header -- */

/* -- Banner -- */
 
.banner-img {width: 100% !important; padding-top:150px !important; background-color:#a1d0e7 !important; /*background:url(../images/procure-banner-m.png) no-repeat top fixed;*/}

.banner-img h1 {font-size: 40px; /*padding: 16px 0;*/ color: #033153 !important; line-height: 55px; text-align:left; margin:0px;}

.banner-img p {font-size: 28px; color:#000; margin: 10px 0px 15px 0px;}

.banner-img small{font-size:30px; color:#fff; line-height:35px; text-shadow: 1px 1px #000;}

.banner-form{margin:50px 0 0px 0; color: #fff; background:#fff; border-radius:8px; padding:16px 20px;}

.banner-form p{color:#0460c5; font-size:18px; text-align:center;}

.banner-form p:last-child{color:#221f1f; font-size:15px; text-align:center; margin:0px;}

.banner-buttons {padding: 40px 0 !important;}

.banner-buttons .btn {font-size: 21px; border-radius: 0rem; margin-right:8px;}

.btn-light {color: #212529; background-color:#f8f9fa; border-color:#f8f9fa;}

video {height: 100%; width: 80%;}

.why-bg {background: url(../images/blocks-bg.png) no-repeat bottom #0a69af; padding: 15px 0; margin-top: 120px;}

.why-bg h1 {font-size: 50px; color: #fff; margin: 0px !important; line-height: 85px; text-align: center; padding: 70px 0 50px 0; text-transform: capitalize;}

.why-list li{background: rgba(0, 0, 0, 0) url("../images/nbt.gif") no-repeat scroll left 16px; color: #000 !important; font-size: 16px; font-weight: normal; line-height: 27px; list-style: outside none none; margin: 0; padding: 5px 5px 5px 30px !important; text-align: left; cursor:pointer;}

.why-list li a:hover{color:#168fce !important;}

.why-section-box{border:#ddd solid 1px; min-height:330px; padding:8px; text-align:center; border-radius:3px; margin-bottom:16px;}

.why-section-box:hover{box-shadow:0 10px 10px rgba(0, 0, 0, .2) !important; background: #f4f9fc; z-index: 3; transition: box-shadow 0.3s ease-in-out;}

.why-section-box p{text-align:center !important;}

.why-section-2 h3{color:#115baa !important; font-size:17px !important; text-align:center; text-decoration:none; margin:0px !important; text-transform:inherit; padding-bottom:8px !important;} 

.why-section-2 h3::after {content:none;}

.why-section-2 h4{color:#115baa !important; font-size:17px !important; text-align:left; text-decoration:none;}

.card-container {padding:15px 0 15px; text-align: center;}

.card-con-inner {width: 100%; margin: 0 auto; border: 1px solid #e3e3e3;}

.why-card.sml {border-bottom: 1px solid #e3e3e3;}

.why-card2 .lt-border {border-left: 1px solid #e3e3e3;}
	
.why-card {width: 33.33%; float: left; box-sizing: border-box; background: #fff; border: none; transition: all ease 0.5s; position: relative;}

.why-card2 {width: 50%; float: left; box-sizing: border-box; background: #fff; border: none; transition: all ease 0.5s; position: relative;}

.card-inner {padding: 16px;}

.card-inner h2.inner-hdr, .inner-hdr.dtl_bx {font-size:17px!important; color:#115baa!important; text-transform:inherit; line-height:32px !important; padding:0px!important; margin:0px !important;}

.feature-body .card-inner h2.inner-hdr, .inner-hdr.dtl_bx {font-size:20px!important; color:#115baa !important; text-transform:inherit; line-height:32px !important; padding:0px!important; margin:0px !important;}

.feature-body .para-sec {font-size: 16px; line-height: 23px; max-width: 870px; margin: 0 auto; width: 100%; margin-bottom:8px;}

.feature-body .why-card2:hover{box-shadow:none !important;}

.feature-body p{margin:14px;}

.feature-body figure img {/*-webkit-filter: blur(5px); filter: blur(1.5px); */margin-bottom:16px; border-radius: 20px;}

/*.pic {text-align: center; position: relative; height:560px;}

.blur {height: 100%;}

.overlay {position: absolute; top: 0px; left: 0px; height: 100%;}*/

.para-sec {font-size: 15px; line-height: 23px; max-width: 870px; margin: 0 auto; width: 100%;}

.why-card.middle{border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}

.why-card{width: 33.33%; float: left; box-sizing: border-box; background: #fff; border: none; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; transition: all ease 0.5s; position: relative;}

.why-card:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .2) !important; background: #f4f9fc; z-index: 3; transition: box-shadow 0.3s ease-in-out;}

.why-card.big.brd {border-right: 1px solid #e3e3e3;}
	
.why-card.big {width: 50%;}

.cb {clear: both; height: 0;}

.bx-con {text-align: left;}

.bx-con-inner {max-width: 1060px; width: 100%; display: inline-block; border: 1px solid #e3e3e3; border-radius: 5px;}

.bx-sec:nth-child(1), .bx-sec:nth-child(3), .bx-sec:nth-child(5) {border-right: 1px solid #e3e3e3;}
	
.bx-sec:nth-child(1), .bx-sec:nth-child(2) {border-bottom: 1px solid #e3e3e3;}

.bx-sec:nth-child(3), .bx-sec:nth-child(4){border-bottom: 1px solid #e3e3e3;}

.bx-sec {width: 50%; float: left; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 16px; transition: all ease 0.5s; position: relative;}

.bx-sec:hover {box-shadow: 0 10px 10px rgba(0, 0, 0, .2) !important; background: #f4f9fc; z-index: 3; transition: box-shadow 0.3s ease-in-out;}

.bx-inner {width: 96%;}

.inner-hdr {font-size: 34px; line-height: 42px; color: #111;}

.bx-sec.last {margin-bottom: 0;}

.bx-sec:nth-child(3), .bx-sec:nth-child(4) {margin-bottom: 0;}

.inner-hdr{font-size: 17px !important;color:#115baa !important; line-height: 32px !important; padding:0px !important; margin:0px !important;}

.sticky nav {width: 100%; background: #1ABC9C; z-index:999;}

.sticky nav ul {padding: 20px; margin: 0 auto; list-style: none; text-align: center;}

.sticky nav ul li {display: inline-block; margin: 0 10px;}

.sticky nav ul li a {padding: 10px 0; color: #fff; font-size: 1rem; text-decoration: none; transition: all 0.2s ease;}

.sticky nav ul li a:hover, .sticky nav ul li a:focus {color: #e9e9e9 !important; transition: box-shadow 0.3s ease-in-out;}

.sticky-nav-bar{position: fixed; top: 12%;}

a.active {border-bottom: 2px solid #ecf0f1;}

section h2 {margin: 10px 0 !important; color: #353795 !important; font-size: 30px !important; text-align: center; padding: 0 !important;}
	
.sticky .title {font-size: 17px; text-align: center; line-height:25px; margin-bottom:16px;}	

.sticky p{text-align:left; font-size: 16px; line-height: 30px;}

section {width: 100%; padding:50px 10px; background: #fff; border-bottom: 1px solid #ccc; height:auto; text-align: center;}

section:nth-child(even) {background: #fff;}

section:nth-child(odd) {background: #fff;}

.sections section:first-child {margin-top: 10px;}

.why-btn-seaction{color:#fff; padding:15px 16px; border:#ddd solid 1px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 65%, #5fb25d 65%, #5fb25d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 65%,#5fb25d 65%,#5fb25d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#ffffff 65%,#5fb25d 65%,#5fb25d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5fb25d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.why-btn-seaction h1{font-size:20px; color:#333; text-align:left; margin:10px 0; text-transform:inherit; font-weight:500;}

.why-btn-seaction .btn1{border:#fff solid 1px; background:transparent !important; padding:8px 7px; color:#fff;}

.why-btn-seaction .btn1:hover{background:#fff !important; color:#5fb25d; transition: box-shadow 0.3s ease-in-out;}

.why-btn-seaction2{color:#fff; padding:15px 16px; border:#ddd solid 1px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 80%, #5fb25d 80%, #5fb25d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 80%,#5fb25d 80%,#5fb25d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffffff 0%,#ffffff 80%,#5fb25d 80%,#5fb25d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5fb25d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.why-btn-seaction2 h1{font-size:20px; color:#000;}

.why-btn-seaction2 .btn1{border:#fff solid 1px; background:transparent !important; padding:8px 7px; color:#fff;}

.why-btn-seaction2 .btn1:hover{background:#fff !important; color:#5fb25d; transition: box-shadow 0.3s ease-in-out;}

.head4{text-align:left; font-size:20px; color:#115baa !important;}

.title-left{font-size: 18px; color:#555555; text-align: left; font-weight:600; line-height: 30px; margin:4px 0;}

.why-btns{background:#f4f4f4; padding:5px 0 25px 0; text-align:center; border-top:2px solid #e7e7e7; border-bottom:2px solid #e7e7e7; margin-top:15px;}

.why-btns h1{margin:15px 0px; font-size:25px; text-align:center; color:#000;}

.carousel-indicators {margin-left: 7%;}

.carousel-indicators li{border: 1px solid #666 !important;}

.carousel-indicators .active{background-color: #999 !important;}

.cs-webnair-card {margin: 15px 0; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #ffffff; border:#ebebeb solid 1px !important; border: 0; position: relative;}

.cs-webnair-card .card-body {padding:15px;}

.card-body {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;}

.cs-webnair-card .card-title {color: #353794; font-size: 19px; font-weight: 500; line-height:27px;}

.card-title {margin-bottom: .75rem;}

.cs-webnair-card .card-text {color: #565656; font-size: 15px; font-weight: 400; line-height: 23px;}

.mr-3, .mx-3 {margin-right: 1rem!important;}

.cs-webnair-card .media-body {color: #516378; font-size: 0.75rem; font-weight: 500;}

.cs-webnair-card .media-body h5 {color: #666666; margin-top: 5px; font-size: 1rem; font-weight: 400;}

.cs-webnair-card .media-body h5 small {font-size: 0.875rem;}

.cs-webnair-card:after {position: absolute; content: ""; background-color: #353794; width: 3px; height: 27px; top: 25px; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease;}

.webnair-date {padding: 20px; width: 136px; height: 94px;}

.webnair-date {background-color: #353794; color: #fff; text-align: center; padding: 15px;}

.webnair-date h5 {color: #ffffff; font-size: 30px; font-weight: 600; margin: 0;}

.webnair-date p {color: #ffffff; font-size:15px; margin-bottom: 0; font-weight: 400; line-height: 30px;}

.press h2{margin:23px 0 !important;}

.press-btn{background:#ebebeb; color:#353794; padding:8px 12px; font-size: 17px; margin-top: 15px;}

.press-btn:hover{background:#353794; color:#fff !important; transition: box-shadow 0.3s ease-in-out;}

/* -- End Banner -- */

/* -- Expense Platform Tabs -- */

.nav-tabs .nav-item{ font-weight:400 !important; font-size: 18px !important;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#353795 !important;background-color:transparent!important; padding:10px;}

.nav-tabs .nav-link{padding:10px !important;}

.nav-tabs a{color:#404040;}

.tab-content{border:1px solid #dee2e6;border-top:none;}

.tab-content>.tab-pane{padding:36px; opacity:inherit;}

/* -- End Expense Platform Tabs -- */

/* -- Brands -- */

.brands{margin-bottom:26px;}

.brands img{padding:16px;}

.brands .border-right-bottom{border-right:1px solid #dee2e6!important;border-bottom:1px solid #dee2e6!important;}

.brands .border-right-bottom0{border-right:1px solid #dee2e6!important;border-bottom:0px solid #dee2e6!important;}

.brands img {/*filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/ -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

.brands img:hover {-webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none;}

/* -- End Brands -- */


.roi-banner1 {background: url(../images/bg1.jpg) repeat;}

.platform-bg-roi1 {margin-top: 10px !important; color: #000 !important; font-weight: 500 !important; font-size: 200% !important; text-align: center;
    /* font-family: "Roboto-Light", arial, sans-serif !important; color: #353795 !important; */}

.platform-bg-roi1 h2 {font-size: 100% !important; text-align: center; margin-top: 45px !important; margin-bottom: 0px !important; color: #fff !important;}

.pad44 {padding: 26px 0 16px 0px; font-size: 36px !important; color: #fff !important;}

.ban-txt{ font-size: 22px !important; color: #fff !important; padding: 5px 0px 0px 0px !important; line-height:35px;}

/* -- T&E banner -- */

.te-banner{ background:#ecf9ff;}

.te-banner h4 {color: #000 !important; line-height:50px !important; font-size:3.5rem !important; text-align:center; font-weight:400 !important;}

.te-banner h3 { text-align:center; color:#000 !important; font-size:2.0rem !important; }

.te-banner p{color: #000 !important; font-size: 28px; text-align:center; padding:10px 0;}

.te-banner p:last-child{color: #666 !important; font-size: 16px; padding:0px; }

.btn-danger{background-color:#f26823;border-color:transparent;}

/* -- End T&E banner -- */

/* -- Key Features -- */

.keyfeatures .media{margin-bottom:26px;}

.keyfeatures .h4{margin-bottom: 30px;}

.fh-img {display: inline !important; /*box-shadow: 0px 2px 10px -7px rgba(51,51,51,1);*/}

.hme-feat img {margin-bottom: 16px; border-radius: 20px;}

.hme-feat h3{font-size:22px !important; padding-bottom: 8px !important;}

.hme-feat p{font-size:19px; color:#666; line-height:27px;text-align:justify;}

.hme-feat .mpd1{margin-right: 50px;}

.hme-feat .mpd2{margin-left: 50px;}

.hme-feat h3 a{color:#222 !important;}

.hme-feat h3 a:hover {color: #198bdd !important; text-decoration: none;}

.feat-btn {color: #fff; font-size:18px !important; background:#086ad8!important; border-radius:4px !important; padding:6px 12px !important;}

.feat-btn:hover{background:#052f85!important; color: #fff !important;}

.feat-btn2 {color: #fff; font-size:18px !important; background:#f26823!important; border-radius: 4px !important; padding:6px 12px !important;}

.feat-btn2:hover{background:#cc7002!important; color: #fff !important;}

/* -- End Features -- */

/* -- Testimonial --*/

.testimonial{background:url(../images/testimonial-bg.png) top repeat-x; margin-top:90px;}

.testimonial-face{width:76px;height:76px;border-radius:50%;border:2px solid #198bdd;padding:3px; margin-top:-25px;}

.grn_txt{font-size: 170% !important; color: #33b149 !important; padding: 0px 0px 10px 0px; text-align: center; background: #ffffff;}

.testimonial-face img{border-radius:50%;}

.carousel-indicators{bottom:-40px;}

.carousel-item{min-height:170px;}

.carousel-item p{ font-size:16px; line-height: 25px; margin-bottom:20px; text-align:left; margin-top:20px !important;}

.testimonial h5{color:#000; margin-bottom:10px; line-height:25px; font-size: 19px; font-weight:400 !important;}

.testimonial .h4 {color: #198bdd; padding: 20px 10px !important; font-size: 3.2rem !important; font-weight: 400 !important;}

.testimonial-body {background-color: #fff; padding:3rem 4rem 5rem 4rem; -webkit-box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12); box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12); border-radius: 0.4rem; margin-top: -70px;}

.testimonial-qoute{background:#198bdd; font-size:37px; text-align:center; color:#fff; border-radius:50px; width:70px; height:70px; padding: 8px; margin:15px 0;}

/* -- End Testimonial --*/

/* -- Pricing Testimonial --*/

.pricing-testimonial{background:#fff;padding:0 30px 30px 30px;}

.pricing-testimonial-face{width:76px;height:76px;border-radius:50%;border:2px solid #ddd;padding:3px;}

.pricing-testimonial-face img{border-radius:50%;}

.pricing-testimonial .carousel-indicators{bottom:-40px;}

.pricing-testimonial .carousel-item{min-height:141px;}

.pricing-testimonial .carousel-item p{ font-size:16px; line-height: 25px;}

.pricing-testimonial h5{color:#000; margin-bottom:10px; line-height:25px; font-size: 19px;}

.pricing-testimonial .h4{color:#353795;margin-bottom:10px; font-weight:500; font-size: 30px;}

/* -- Pricing Testimonial --*/

/* -- Mobile Section -- */

.mobile-section{border:1px solid #ccc;padding:20px;margin-bottom:26px; background-color:#f5f5f5;}

.mob-video{background:url(../images/mobile-bg.jpg) no-repeat bottom #7475df;padding:20px;margin-bottom:26px;}

.mob-video .h4{color:#fff!important;}

/* -- End Mobile Section -- */

/* -- Awards -- */

.awards{background:url(../images/award-bg.jpg) repeat;}

.awards .h4{margin-bottom:22px;}

/* -- End Awards -- */

/* -- Press Card --*/

.press-card{border:1px solid #ebebeb;padding:16px 16px 0 0; min-height:287px;}

.press-card .card-title{border-left:3px solid #00c;padding:0 0 0 16px; min-height:48px; font-size: 18px; color:#000; line-height:25px; font-weight:400 !important;}

.press-card p{padding:0 0 0 19px;margin-bottom:16px;min-height:96px; color:#666; font-size:18px;}

.press .day{background:#0075a1; padding:0px;color:#fff;text-align:center;width:132px;height:97px;}

.press .display-4{font-size: 2.8rem;margin-bottom:0px;padding-top:16px!important;}

/* -- End Press Card --*/

/* -- Footer --*/

.footer{background:#0075a1 !important; padding: 10px 20px 10px 20px !important; border-top: 1px solid #ddd;  color: #ccc; /*background:#e2e2e2;padding:20px 20px 4px 20px !important; background: #092e40!important;height: 350px !important;*/}

.footer .nav-link{padding: 0rem 0rem; color:#fff;}

.footer .nav-link:focus, .footer .nav-link:hover{color:#cbe5f1; transition: box-shadow 0.3s ease-in-out;}

.footer h6{color:#fff; font-size:18px; margin:5px 0px 10px 0px; font-weight:bold !important;}

.footer .list-inline-item:not(:last-child){margin-right:0;}

.footer .list-inline > li{padding-right:0; padding-left:0;}

.footer1{background: #0c4bac!important; padding: 10px 20px 10px 20px !important; border-top: 1px solid #ddd;  color: #ccc; /*background:#e2e2e2;padding:20px 20px 4px 20px !important;height: 350px !important;*/}

.footer1 .nav-link{padding: 0rem 0rem; color:#ccc;}

.footer1 .nav-link:focus, .footer1 .nav-link:hover{color:#acaaaa; transition: box-shadow 0.3s ease-in-out;}

.footer1 h6{color:#ccc; font-size:16px; margin:5px 0px 10px 0px; font-weight:400 !important;}

.footer1 .list-inline-item:not(:last-child){margin-right:0;}

.footer1 .list-inline > li{padding-right:0; padding-left:0;}

.footer2{background: #09367c!important; padding: 10px 20px 10px 20px !important; border-top: 1px solid #ddd;  color: #ddd;
/*background:#e2e2e2;padding:20px 20px 4px 20px !important;height: 350px !important;*/}

.footer2 .nav-link{padding: 0rem 0rem; color:#d2d6d8;}

.footer2 .nav-link:focus, .footer2 .nav-link:hover{color:#acaaaa; transition: box-shadow 0.3s ease-in-out;}

.footer2 h6{color:#ddd; font-size:16px; margin:5px 0px 10px 0px; font-weight:400 !important;}

.footer2 .list-inline-item:not(:last-child){margin-right:0;}

.footer2 .list-inline > li{padding-right:0; padding-left:0;}

.footer3{background: #a8d4e9 !important; padding: 10px 20px 10px 20px !important; border-top: 1px solid #ddd;  color: #000;
/*background:#e2e2e2;padding:20px 20px 4px 20px !important;height: 350px !important;*/}

.footer3 .nav-link{padding: 0rem 0rem; color:#333;}

.footer3 .nav-link:focus, .footer3 .nav-link:hover{color:#000; transition: box-shadow 0.3s ease-in-out;}

.footer3 h6{color:#333; font-size:16px; margin:5px 0px 10px 0px; font-weight:400 !important;}

.footer3 .list-inline-item:not(:last-child){margin-right:0;}

.footer3 .list-inline > li{padding-right:0; padding-left:0;}

.footer4{background: #067eb7!important; padding: 10px 20px 10px 20px !important; border-top: 1px solid #ddd;  color: #ccc;
/*background:#e2e2e2;padding:20px 20px 4px 20px !important;height: 350px !important;*/}

.footer4 .nav-link{padding: 0rem 0rem; color:#ededed;}

.footer4 .nav-link:focus, .footer4 .nav-link:hover{color:#d5d5d5; transition: box-shadow 0.3s ease-in-out;}

.footer4 h6{color:#fff; font-size:16px; margin:5px 0px 10px 0px; font-weight:400 !important;}

.footer4 .list-inline-item:not(:last-child){margin-right:0;}

.footer4 .list-inline > li{padding-right:0; padding-left:0;}

.social-icon-1{/*background:#4e71a8;*/color:#fff!important;text-align:center;/*width:40px;height:40px;*/border-radius:30px;padding-top:9px!important;padding-right:6px!important;padding-left:5px!important;font-size:20px !important;margin-right: 1px!important; margin-top:3px; margin-bottom:5px;}

.social-icon-2{/*background: #1cb7eb;*/color:#fff!important;text-align:center;/*width:40px;height:40px;*/border-radius:30px;padding-left:7px!important; font-size:20px !important;margin-right: 1px!important; margin-top:3px; margin-bottom:5px;top: -3px !important; position: relative;}

.social-icon-3{/*background:#1686b0;*/color:#fff!important;text-align:center;/*width:40px;height:40px;*/border-radius:30px;padding-top:9px!important;padding-right:2px!important;padding-left:5px!important;font-size:20px !important; margin-top:3px; margin-bottom:5px;}

.footer .nav{margin-bottom:16px;}

.footer .nav-link i{padding:8px;}

.policy{ background: #071e2a!important; padding: 8px 0 !important; font-size: 14px;color:#999;}

.policy a{text-decoration:none!important;color:#666;}

/* -- End Footer --*/

/* -- Contact --*/

.contact-banner {background: url(../images/contact-banner.jpg) no-repeat; width: 100%; padding: 10px 0; height: 180px; margin-top: 90px !important;}

.contact-banner h1 {color: #fff !important; font-size:300% !important; margin: auto; padding: 36px 0 0 0 !important; text-align: center; text-transform:inherit; font-weight:500; line-height:50px;}

.contact-banner2 h1 {color: #fff !important; font-size: 300% !important; margin: auto; padding:36px 0 !important; text-align:center; text-transform:inherit;}

.contact-banner h2 {color: #fff !important; font-size: 160% !important; margin: 0 !important; padding: 0 0 30px !important; text-align: center; text-transform:inherit;}

.thank-cont {padding: 20px 10px;}

.contact-bg {margin: 30px 0 !important;}

.contact-bg h2 {font-size: 150% !important; margin-top: 0px !important; line-height: 1.4; padding:0px !important;}

.contact-box h1{color:#353795 !important; font-size:140% !important; line-height: 30px; padding: 0 !important; text-align:center; text-transform:inherit; font-weight:500;}

.contact-testimonals {background: #fff; padding: 10px; margin-bottom: 40px; border: none !important; }

.landclient {background: #fff none repeat scroll 0 0; border: 1px solid #efefef !important; margin-bottom: 18px; padding: 16px; text-align: center !important; height: 80px;}

.landclient img {height: 40px; text-align: center !important; margin: auto;}

.logos-sec {text-align: center !important; margin-top:10px;}

.logos-sec a {padding: 10px; outline: 0; text-align: center; display: table-cell !important; color:#333 !important;}

.sub-text {text-align: center !important; color:#666 !important; font-weight:normal; font-size: 18px; margin-bottom:8px;}

.cont-details {background-color: #eeeeee; padding: 20px; margin-top: 40px; margin-bottom:40px; height: auto;}

.cont-details h1{color: #353795 !important; font-size: 140% !important; line-height: 30px; margin: 0; padding: 0 !important; text-align: left !important; text-transform:inherit;}

.f-footer-section-bot{font-size:15px; margin-top: 0px; color: #666 !important; background:#efefef; padding: 0 2%; text-align: left; z-index: inherit; padding-top: 5px; padding-bottom: 5px;/*border-top:#a1a1a1 solid 1px;*/}

.f-footer-section-bot a {font-size: 14px !important; color: #666 !important;}

.suti-copyright {text-align: right !important; font-size:14px;}

.footer-nav .list-inline a{color:#353794; font-size:23px;}

.form-client {width: 80px; height: 80px; padding: 3px; border: #ddd solid 1px;}

.form-client-title {font-size: 15px; color: #353795; padding: 0px 0 7px 0; margin: auto; line-height: 23px; text-align:left;}

.form-star {color: #fca733; font-size: 17px !important; padding-right: 0px;}

.contact-testimonals .media{height:262px;}

.contact-testimonals .carousel-item p{font-size: 16px;}

.contact-testimonals h3 {color: #33B149 !important; font-size: 170% !important; font-weight: 500; padding:0 !important; margin: 0px; text-align: center !important;}

.form-quote {color: #cccccc; font-size: 36px !important; padding-right: 0px;}

.cont-details table tr td {line-height: 1.6 !important; padding: 5px 10px !important;}

.img-circle {border-radius: 50%;}

.sales-info {margin-top: 20px;}

.sales-info a {color: #007bff !important;}

.sales-info a:hover {color: #353795 !important; text-decoration: none; transition: box-shadow 0.3s ease-in-out;}

.email-icon, .mobile-icon {padding-right: 10px;}

.loc{margin: 50px auto;}

.row.map {margin-bottom: 40px;}

.media-info {margin-bottom: 40px; padding-left: 50px;}

.media-info h2 {font-size: 20px !important; padding-top: 10px !important; font-weight: 600 !important; text-align: left;}

.media-body p {font-size: 17px;}

.contact-page h6 {font-size: 22px; font-weight: bold; margin-bottom: 30px;}

/* -- Contact --*/

/* -- Form --*/

.form-control {border-color:#ccc; color: #888; border-radius: 0; margin-bottom: 8px !important; padding:7px 6px 7px 9px !important; -webkit-box-shadow: none !important; box-shadow: none !important; webkit-transition: none !important; -o-transition: none !important; transition: none !important;}

.form-control[disabled], fieldset[disabled] .form-control {/*background-color: #e6e6e6;*/}

.form-control:focus {-webkit-box-shadow: none !important; box-shadow: none !important;}

.form-control[readonly] {background-color: #ebebe4 !important; border: 1px solid #ccc; color: #000;}

.form-control[readonly]:focus {background-color: #ebebe4 !important; border: 1px solid #ccc !important; color: #000 !important;}

.form-control {height: 38px !important; background: #fff !important; border-radius: 0 !important; box-shadow: none !important; transition: none !important; color: #4f4f4f; font-size: 15px !important; margin-bottom: 16px !important;}

.form-control::-moz-placeholder {color:#4f4f4f !important;}

.webform textarea {height: 65px !important; margin-bottom: 15px !important; background: #fff !important; border-radius: 0 !important; box-shadow: none !important; transition: none !important; color: #4f4f4f; font-size: 15px;}

.webform select::-ms-expand {display: none !important;}

.webform select {outline : none !important; overflow : hidden !important; text-indent : 0.01px !important; color: #4f4f4f !important; text-overflow : '' !important; background: #fff url(../images/select-arrow.png) no-repeat scroll 97% 15px !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important;}

.webform select option {padding: 0 0 0 10px !important; color: #4f4f4f !important;}

.webform input[type="button"] {font-size:17px !important; width:100%; padding:8px 20px !important; margin-bottom:8px; background:#0075a1 !important; color:#fff; border-radius:0px; margin-top:0px !important; border: none;}

.contact-box .webform input[type="button"] {background-color: #33B149 !important; margin-bottom: 20px !important; border: none !important; padding: 12px 20px !important; color: #fff; font-size: 22px !important; line-height: 20px !important; width:auto !important;}

.contact-box .trial-btn{background-color: #33B149 !important; margin-bottom: 20px !important; border: none !important; padding: 12px 20px !important; color: #fff; font-size: 22px !important; line-height: 20px !important; width:auto !important;}

.errorMsgColor {color: red; margin-bottom: 10px !important; margin-top: -10px !important;}

/* -- Form --*/

.customer-say{background:url(../images/customer-say-bg.png);padding:16px;}

h2{color:#000 !important; margin-bottom:10px; font-size:3.2rem !important; font-weight:400 !important; line-height:30px; text-align: center; padding:0 !important; margin:10px 0 !important;}

h3{margin:10px 0 !important; color: #000 !important; font-size:20px !important; padding:20px 0 !important; font-weight:400 !important;}

h4 {color: #000 !important; line-height: 35px !important; font-size: 22px !important; font-weight:400 !important;}

.intro{margin:20px 0 15px 0px;}

.platform-tabs,.brands,.keyfeatures,.press, .success-stories,.getstart, .element-mrg{margin:0 0 15px 0px;}

.spl-mrg-bot26{margin-bottom:26px;}

.success-stories h2{font-size: 3.5rem !important; line-height:36px; margin:8px 0; text-align:center; text-transform:inherit; font-weight:400 !important;}

.success-stories h3{font-size: 2.8rem !important; line-height:36px; margin:8px 0; text-align:left; text-transform:inherit; font-weight:400 !important;}

.success-stories h3 span{color:#000;}

.success-stories .font-italic {font-size: 20px; font-weight:400; margin-bottom:16px;}

.sales-no {float: left; color: #999999; font-weight: normal; font-size: 180% !important; position: relative;}

.phone{width:350px;height:50px;border-left:1px solid #ccc;padding:0px 0px 0px 20px;line-height:50px;margin-left:10px;position:absolute;left:-40px;top:-28px;font-size:24px;}

#topcontrol{background:url(../images/top-arrow.png) no-repeat center center, #000000  !important; height:50px; width:50px; z-index:9999;}

/* -- Buttons -- */

.btn-lg, .btn-group-lg > .btn {min-width: 150px !important; font-size: 25px !important; line-height: 20px !important; padding: 11px 20px !important;}

.btn-info {font-size:16px !important; background:transparent; border:#ddd solid 1px !important; border-radius:30px !important; color: #007bff !important; text-decoration: none !important; padding:8px 10px !important; min-width: 100px !important;}

.btn-info svg{padding-top:2px;}

.btn-info:hover {border:#353795 solid 1px !important; background-color: #020289!important; color: #fff !important; text-decoration: none !important; transition: box-shadow 0.3s ease-in-out;}

.btn{border-radius: 0rem; font-size:18px !important;}

.btn-press{color:#353796;background-color:#ebebeb;border-color:#dcdcdc;}

.btn-primary{color:#fff;background-color:#020289;border-color:#31598d;}

.btn-primary:hover{background-color:#0b0b62; transition: box-shadow 0.3s ease-in-out;}

.btn-press:hover{background:#353794;color:#fff!important; transition: box-shadow 0.3s ease-in-out;}

.btn-press svg{padding-top:3px;}

/* -- End Buttons -- */

.mar-all{margin:30px 0px 10px 0px !important; font-weight:500;}

.mar-all-1{margin:0px !important; font-weight:500;}

h3{font-size:25px;}

.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 225px;}

.feature-box p{color: #666; font-size:18px; padding-top:8px;}

.feature-box1 p{color: #666; font-size:18px; padding-top:8px; line-height: 28px;}

.feature-deitails{font-size:15px; color:#000;}

.feature-box1 {text-align: center; background: #fff; padding: 8px; margin-bottom: 15px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 225px;}

.feature-box1:hover{box-shadow:0 0 15px #eaeaea; border:#4b56ff solid 1px; background:#f7f7f7; transition: .5s; transition: box-shadow 0.3s ease-in-out;}

.feature-icon {width: 80px; height: 80px; background: #fff; padding: 15px; -moz-box-shadow: 0 0 7px -2px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 7px -2px rgba(0,0,0,.2); box-shadow: 0 0 7px -2px rgba(0,0,0,.2); border-radius: 50%; margin-left: auto; margin-right: auto; position: relative; bottom: 50px; margin-bottom: -35px;}
	
.feature-box1 p{color: #666; font-size:18px;}

.feature-icon-1 {margin: 2px -7px;}

.feature-icon-2 {margin: -3px -7px; margin-right: 0px;}
	
.feature-icon-3{margin: -2px -19px; position: absolute;}

.feature-icon-4{margin: -2px -28px; position: absolute;}

.feature-icon-5{margin: -2px -26px; position: absolute;}

.feature-icon-6{margin: -6px -22px; position: absolute;}

.feature-icon-7{margin: -11px -27px; position: absolute;}

.feature-icon-8{margin: -2px -22px; position: absolute;}

.feature-icon-9{margin: 5px 2px; position:relative;}	

.spl-tpmrg60 {margin-top: 60px;}

.feature-box h5{color:#353794; margin-bottom:0; font-size:20px; font-weight:400 !important;}

.feature-box a{color:#353794; font-size:20px; font-weight:400 !important;}

.feature-box1 a{color:#353794; font-size:20px; font-weight:400 !important;}

.feature-box:hover{box-shadow: 0 0 15px #eaeaea; border:#4b56ff solid 1px; background:#f7f7f7; transition: .5s; transition: box-shadow 0.3s ease-in-out;}

.intro-txt {text-align: justify!important; font-size: 18px; line-height:27px;}

.platform-tabs{padding:0px; margin-top:20px; margin-bottom:20px;}

.platform-tabs .tab-content p{line-height:28px; font-size:18px;}

.sales-no {float: left; color: #999; font-weight: normal; font-size: 180%!important; position: absolute; margin-left: 260px!important; top: 47px;}

.optanon-alert-box-wrapper {position: fixed; width: 100%; border: none; background-color: rgba(0,0,0,0.85); bottom: -145px; z-index: 7900; color: #fff; padding: 8px 0;}

.optanon-alert-box-wrapper {background-color: #555555 !important;}

.optanon-alert-box-wrapper a{color:#fff; text-decoration:underline;}

.btn-bg {background-color: #5e5e5e !important; color: #fff!important; margin-left: 20px !important; font-size: 15px !important;}

.btn-bg:hover{color:#fff49a;}

.nav-pills a {text-decoration:none!important; font-size:16px;}

.cont-body{margin-bottom: 20px; text-align:left;}

.cont-body h2{color:#353795; margin-bottom:10px; text-transform: inherit; font-size: 2.9rem !important; font-weight:500; line-height:30px; text-align: center; padding:20px 0 !important; margin:10px 0 !important;}

.cont-body p {line-height: 25px; margin-top: 0.5rem; font-weight: bolder; margin-bottom: 0.5rem;}

.cont-body .f16{font-size:16px !important;}

.cont-body strong,b{font-weight:600;}

.video-testimonals {text-align: center; margin-top: 20px; background: #f8f8f8; padding: 15px}

.video-testimonals img {width: 60px; height: 60px;}

.bormd {border:1px dashed #dee2e6; padding-bottom: 20px !important; margin-bottom: 10px !important; width: 100%; padding:10px;}

.bormd > .media-left {width: 15%; display: table-cell; text-align: center;}

.bormd > .media-body {width: 85%; display: table-cell; vertical-align: top;}

.bormd h4 {color: #000 !important; font-size: 120% !important; margin: 0px !important; padding-bottom: 8px !important; font-weight:normal;}

.bormd p {color: #666;}

.media-left, .media > .pull-left {padding-right: 10px !important;}

.bormd:hover{box-shadow: 0 1px 10px rgba(0, 0, 0, .2) !important; transition: box-shadow 0.3s ease-in-out;}

/* -- Features -- */

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:200px; padding:20px 50px !important; text-align:center;}

.contact-banner{background: #22a9bf url(../images/contact-banner.jpg) no-repeat; height:160px; padding: 10px 00 !important; text-align:cent}

.feature-img h1{font-size:35px; margin-top:50px; color:#fff; margin-bottom:28px;}

.feature-btn{border-radius:30px; padding:8px 18px !important; font-size:17px; background: #f26823 !important; border-color: #28a745 !important; color:#fff;}

.feature-btn:hover{text-decoration:none; color:#fff; background:#353795 !important; transition: box-shadow 0.3s ease-in-out;}

.feature-body{margin:30px 0 20px 0; padding: 0 20px; color:#000;}

.feature-body p{color:#222; line-height:27px; text-align:justify}

.blue-bg{padding:16px; background:#e7f4fa; color:#000; text-align:left; border-radius:5px; font-style:italic; line-height:25px;}

.blue-bg h1{font-size:17px; color:#333; font-style:normal; text-transform:inherit; margin:0;}

.feat-bullets-arrow li {background: rgba(0, 0, 0, 0) url("../images/nbt.gif") no-repeat scroll left 15px; color: #000 !important; font-size: 16px; font-weight: normal; line-height: 23px; list-style: outside none none; margin: 0; padding: 5px 5px 5px 30px !important; text-align: left;}

.f-img {display: inline !important;-webkit-box-shadow: 0px 2px 12px -4px rgba(51,51,51,1); -moz-box-shadow: 0px 2px 12px -4px rgba(51,51,51,1);
box-shadow: 0px 2px 12px -4px rgba(51,51,51,1);}

.f-img2 {display: inline !important;}

.pdf-img{background:url(../images/pdf-img.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-1{background:url(../images/video-img-1.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-2{background:url(../images/video-img-2.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-3{background:url(../images/video-img-3.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-4{background:url(../images/video-img-4.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-5{background:url(../images/video-img-5.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-6{background:url(../images/video-img-6.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-7{background:url(../images/video-img-7.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-8{background:url(../images/video-img-8.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-9{background:url(../images/video-img-9.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-10{background:url(../images/video-img-10.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-11{background:url(../images/video-img-11.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img-12{background:url(../images/video-img-12.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:300px;}

.video-img .h4{color:#fff!important; margin-bottom:0px; font-size:21px;}

.video-img img{vertical-align:top;}

.roi-cont0 h3 {font-size: 20px; margin: 0px !important; padding: 10px 0 !important; text-align: right !important;}

.roi-cont0 .input-group {margin: 0px !important; padding: 5px 0 !important; text-align: left !important;}

.roi-cat1, .roi-val1 {width: 50%; float: left !important; margin: 10px; color: #000 !important; text-align: right !important;}

.roi-val1 {width: 30%; float: left !important; margin: 10px;}

.input-group, .input-group-addon, #b19 {font-size: 20px !important;}

.roi-cont {font-size: 20px; padding: 10px 150px; background-color: #fff; line-height: 2;}

.roi-cont0 {font-size: 20px; padding: 10px 150px; background-color: #fff; line-height: 2;}

.roi-cont1 {font-size: 20px; padding: 10px 150px; background-color: #7edcf6; border-bottom: 1px dashed #fff; line-height: 2;}

.roi-cont1 input{margin-bottom:0px !important; font-size:20px !important; color: #000;}

.roi-cont2 input{margin-bottom:0px !important; font-size:20px !important; color: #000;}

.roi-fld1{margin-bottom:0px !important; font-size:20px !important; color: #000;}

.input-group-addon{border-radius:0px !important;}

.roi-cont3 .form-control {margin-bottom:0px !important; font-size:20px !important; color: #000;}

.roi-cont2 {font-size: 20px; padding: 10px 150px; background-color: #f9f3b5; line-height: 2;}

.roi-cont3 {font-size: 20px; padding: 10px 150px; background-color: #9edbbc; border-bottom: 1px dashed #fff; line-height: 2;}

.roi-gray1 {font-size: 19px; text-align: left;}

.roi-orenge1 {color: #db6802; font-size: 21px !important; text-align: right;}

.roi-blue1 {color: #337ab7; font-size: 21px !important; text-align: right;}

.roi-border-gray1{font-size: 20px; border: 1px solid #999 !important; color: #000; height: 38px !important; padding: 6px !important; font-weight: bold;}

.roi-border-orenge1 {font-size: 20px; border: 1px solid #db6802 !important; color: #000; height: 38px !important; padding: 6px !important;}

.roi-border-blue1 {font-size: 20px; border: 1px solid #337ab7 !important; color: #000; height: 38px !important; padding: 6px !important;}

.roi-border-green1 {font-size: 28px; border: 1px solid #00a185 !important; color: #000; height: 38px !important; line-height: 0.8; padding: 6px !important; font-weight: bold;}

.quick-form {background-color: #a7d6ff; padding: 25px 30px; margin-top: 20px; text-align: center !important; width:100%;}

.quick-form h3 {font-size: 180% !important; color: #0c3b78 !important; vertical-align: middle !important; margin-top: 40% !important; line-height: 35px !important; text-align: center;}

.form-bg {background-color: #f0f7ff; padding:10px 50px; width: 75%; margin: auto;}

.form-bg h4 {font-size: 23px !important; color: #333 !important; text-align: center !important;}

.form-bg p {color: #333 !important; text-align: center !important; margin: 10px 0 !important;}

.q-form {margin: 30px 0 0px 0 !important;}

.form-bg p {color: #333 !important; text-align: center !important; margin: 10px 0 !important;}

.choose-plan {text-align: center;}

.choose-plan h2 {padding:15px 0 10px 0 !important; margin: 0px !important;}

.choose-plan h4 {font-size: 120% !important; color: #337ab7 !important; margin:0px;}

.price-btn {width: 200px; border-radius: 30px !important; padding: 10px 40px !important;}

.choose-plan .price1 {background-color: #5b5190; color: #fff !important; text-decoration: none; margin-bottom:0px !important;}

.price-link1 {color: #5b5190 !important;}

.choose-plan .price2 {background-color: #0173bc; color: #fff !important; text-decoration: none; margin-bottom:0px !important;}

.price-link2 {color: #0173bc !important;}

.choose-plan .price3 {background-color: #04c79b; color: #fff !important; text-decoration: none; margin-bottom:0px !important;}

.price-link3 {color: #04c79b !important;}

.choose-plan p {background-color: #eee; padding: 20px 0; margin: 0px !important;}

.choose-plan .roi-btn{height:100px;}

.choose-plan .roi-btn2{height:100px;}

.choose-plan a {font-size: 130% !important; line-height: 2;}

.choose-plan a:hover {color: #000 !important; background-color: #c7c9cb !important; transition: box-shadow 0.3s ease-in-out;}

.details a:hover {color: #000 !important; background-color: #eee !important; transition: box-shadow 0.3s ease-in-out;}

.spl-block {display: block; font-size: 12px;}

.free-try-btn {line-height: 1.5 !important; padding: 5px 0 !important;}

.img-prop {background-color: #eee; height: 60px; padding: 10px 30px;}

#submitCRM19ca14e7ea6328a42eeb13d585e4c22{border:none; background-color: #33B149 !important; border-color: #398439 !important; border-radius:3px !important;}

/* -- Features -- */

/* -- Pricing Page  -- */

.pricing-box{margin-top: 90px;}

.pricing-box h4 {/*padding: 7px 0 !important;*/ color: #353795 !important; margin-bottom: 0; margin-top: 4px;}

.my_planHeader {text-align: center; color: white; padding-top: 1em; padding-bottom: 0.2em; min-height: 60px;}

.my_planTitle {font-size: 22px; font-weight: normal; padding: 24px 10px;}

.my_planPrice {font-size: 1.4em; font-weight: bold;}

.my_planDuration {margin-top: -0.6em;}

.suti-copyright {text-align: right !important; color: #666;}

.my_featureRow {border: #ddd solid 1px; margin-top: -1px; height:auto;}

/*.my_feature_btn{padding-top:15px !important;}*/

.my_plan1 {padding: 0; border-left: #ddd solid 1px; /*height:74px;*/}

.my_plan1 p {text-align: center !important; margin: 10px 0 0 0 !important;}

.my_plan2 p {text-align: center !important; margin: 10px 0 0 0 !important; padding-bottom:5px;}

.my_plan3 p {text-align: center !important; margin: 10px 0 0 0 !important; padding-bottom:5px;}

.my_planHeader.my_plan1 a {background: rgb(72, 109, 139); color: white;}

.my_planHeader.my_plan1 {background: #353795;}

.my_plan2 {border-left: #ddd solid 1px; padding: 0; /*height:74px;*/}

.my_planHeader.my_plan2 a {background: rgb(108, 131, 62); color: white;}

.my_planHeader.my_plan2 {background: #33b149;}

.my_plan3 {border-left: #ddd solid 1px; padding: 0; /*height:74px;*/}

.my_planHeader.my_plan3 a {background: rgb(199, 127, 40); color: white;}

.my_planHeader.my_plan3 {background: #F26823;}

.my_planFeature {text-align: center; font-size: 1em !important; min-height:37px;}

.my_planFeature i.my_check {color: #666; padding: 18px 8px;}

.my_planFeature p strong {line-height: 34px !important; font-weight: 500 !important;}

.section-feature {line-height: 20px; padding: 2px 0px;}

.section-feature p {padding: 0px !important; margin: 0px !important; color: #000;}

.spend-responsive {overflow: auto; width: 100%; margin: auto;}

.get-box {border-top: #ddd solid 1px; border-bottom: #ddd solid 1px; padding: 10px 10px 18px 10px !important; text-align: center; background: #f7f7f7; margin-bottom: 20px !important;}

.pricing-quotes > .contact-testimonals {background-color: #f8f8f8 !important;}

.my_planFeature svg{margin-top:9px !important;}

.pricing-btns {font-size: 16px !important; margin-top:-5px; min-width: 0 !important; padding: 8px 16px !important; border-radius:3px;}

/* -- Pricing Page  -- */

.customer-logo .thumbnail {position:relative; overflow:hidden; border:#ddd solid 1px; text-align: center; margin-bottom:20px;}
 
.customer-logo .caption {position:absolute; top:-100%; right:0; background:#48a5d7; width:100%; height:100%; padding:2%; text-align:center; color:#fff !important; font-size:14px; z-index:2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
	
.customer-logo .thumbnail:hover .caption {top:0%;}

.thumbnail{padding:.25rem; background-color: #fff; border: 1px dashed #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; margin-bottom:10px;}

.thumbnail .caption {padding: 9px; color: #333;}

.box2 {border-radius: 0px !important;}

.box2 h3 {font-size: 18px !important; /*text-align: center;*/ color: #353795 !important; margin:0px !important; padding:4px 0 !important;}

.box2 p {font-size: 15px !important;}

.box2:hover{box-shadow: 0 1px 10px rgba(0, 0, 0, .2) !important; transition: box-shadow 0.3s ease-in-out;}

/* -- Press Release -- */

.blog-post-title {color: #33B149s !important; font-size: 130% !important; font-style: normal; line-height: 30px; padding:0px !important; text-align: left !important;}

.italic-txt{color:#282828; font-size:100% !important; font-style: italic; line-height: 22px; padding:0px; font-weight: 300; text-align: left !important;}

.blog-main p {font-size: 100% !important; text-align: justify; line-height: 22px; margin-bottom:10px;}

.blog-main p strong, .sub-head {color:#000; font-size: 100% !important; font-style: normal; line-height: 20px; padding: 1px 0 8px 0px; font-weight: 300;}

.blog-main h3 {color:#000 !important; margin-top: 30px; font-size: 100%; margin:0px !important; padding:15px 0 10px 0 !important; text-align: center; text-transform: uppercase; font-weight: 600;}

.blog-main h4 {font-size: 100% !important; color: #353795 !important; padding: 0px; margin:8px 0 !important;text-align: left; line-height: 25px !important;}

.blog-main a {color: #007bff !important;}

.blog-main a:hover {color: #444 !important; text-decoration: none !important; transition: box-shadow 0.3s ease-in-out;}

.news-list ul, .news-list2 ul {list-style-type: none; margin: 0 0 15px; padding: 0;}

.news-list li, .news-list2 li {background: url("../images/news-bullet.gif") no-repeat scroll 5px 10px rgba(0, 0, 0, 0); color: #000; display: block; font-size: 100% !important; font-weight: 400; line-height: 25px; padding-left: 35px; text-align: left !important;}

.news-list2 li {color: #000 !important; margin-top: 15px;}

blockquote {padding-left: 1rem; border-left: 5px solid #eee; margin-bottom:8px;}

blockquote p:last-child {display: block; font-size: 100% !important; padding-top:4px; color: #6c757d;}

/* -- Press Release -- */

.grey-inner-bg {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 1px 5px; margin: 20px 0 40px; padding: 20px;}

.grey-inner-bg-info {background: #fff; border-left-color: #4f9629 !important; margin-bottom: 10px;}

.grey-inner-bg h4 {color: #4f9629 !important; font-size: 200% !important;}

.crew-name {color: #4691e0; font-size: 130%; font-style: normal; font-weight: 600; line-height: 18px; padding-bottom: 8px;}

.crew-title {color: #000 !important; margin-bottom: 15px;}

.feature-menu-btm{text-align:center;}

.feature-menu-btm a{color:#000; padding:0 8px; font-size:15px;}

.feature-menu{text-align:center; margin-bottom:16px;}

.feature-menu ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}

.feature-menu li {float: left; border:1px solid #ddd; margin-right:10px; margin-bottom:10px; border-radius:30px;}

.feature-menu li a {display: block; color: #000; text-align: center; padding:13px 15px; text-decoration: none;}

.feature-menu li a:hover:not(.active) {background-color: #0075a1 ; color:#fff; border-radius:30px; transition: box-shadow 0.3s ease-in-out;}

.feature-menu .active {background-color: #4CAF50;}

.feature-menu a{font-size:14px; color:#333; padding:0 6px;}

.feature-menu a:hover{color: #0056b3; text-decoration:none; transition: box-shadow 0.3s ease-in-out;}

.news-list ul {list-style-type: none; margin: 0 0 15px; padding: 0;}

.news-list li {background: url("../images/news-bullet.gif") no-repeat scroll 5px 10px rgba(0, 0, 0, 0); color: #333; display: block; font-size: 100% !important; font-weight: 400; line-height: 25px; padding-left: 35px; text-align: left !important; margin-bottom:8px;}

.news-btn{text-align:right; padding-right:8px;}

.btn-light.focus, .btn-light:focus {box-shadow: none !important;}

.btn.focus, .btn:focus {box-shadow: none !important;}

.video {padding: 16px 0; text-align: center; height: auto !important; margin-top: 150px;}

.video iframe {height: 560px !important; width: 90%;}

.carousel-control-next, .carousel-control-prev{width:5%;}

.carousel-control-prev{left: 90px;}

.carousel-control-next{right: 90px;}

.carousel-control-next-icon { background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); color: black;}

.carousel-control-prev-icon {background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); color: black;}

.laptop-box{margin-bottom:50px;}

.laptop-box h2{margin:10px 0 !important; text-align:center;}

.laptop-box p{font-size:20px; text-align:left;}

.laptop-box button{font-size:17px !important;}

.laptop-box h3{color: #000 !important; font-size: 21px !important; padding:100px 0 0 0 !important; margin-top: 0px !important; text-align:center; line-height:30px; font-weight:400 !important;}

#myModal{margin-top:20px;}

#myModal2{margin-top:20px;}

.modal-header {background: #008fd5; border-radius: 4px 4px 0 0 !important; color: #fff !important; margin-top: 0 !important; padding: 10px 0 10px 18px !important;}

.modal-title{font-size:18px;}

.modal-header .close{color:#fff !important; margin-right: 10px; opacity: 1; margin-top: -9px !important;}

.form-star {color: #fca733; font-size: 17px !important; padding-right: 0px; padding:0px; border-radius:3px;}

.video-content {position: relative; margin-top: 21px;}

.video-content .overlay::after {border: 2px solid #2391ff;}

.video-content .overlay::after {position: absolute; content: ''; top: -4%; left: -4%; width: 100%; height: 100%; border: 2px solid #9c27b0; z-index: -1;}

.video-content .overlay {position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6);}

.theme_buttonA::before, .theme_buttonA::after, .theme_buttonA:hover::after{background: #2391ff;}

.theme_buttonA::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: 60px; height: 60px; background: #9c27b0; border-radius: 50%; transition: all 200ms;}
	
.theme_buttonA::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: 60px; height: 60px; background:#9c27b0; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}

.theme_buttonA::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: 60px; height: 60px; background: #9c27b0; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite;}

.theme_buttonA span {display: block; position: relative; left: 49%; top: 48%; z-index: 3; width: 0; height: 0; border-left: 16px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; bottom:-240px;}

.videoBox{color: #2391ff;}

.theme_buttonA::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: 60px;  height: 60px; background: #9c27b0; border-radius: 50%; transition: all 200ms;}

.video-content .overlay::after{border: 2px solid #2391ff;}

.video-content .overlay::after {position: absolute; content: ''; top: -4%; left: -4%; width: 100%; height: 100%; border: 2px solid #9c27b0; z-index: -1;}

.fix {overflow: hidden;}

.section-padding {padding: 90px 0; padding-top: 90px;}

.section-padding2 {padding: 60px 0 10px 0; padding-top:0px;}

.mobile-cont{margin-top:120px;}

.mobile-cont h2{color:#198bdd !important; margin-bottom:10px; text-transform:inherit; font-size:3.2rem !important; font-weight:500; line-height:30px; text-align: left; padding:15px 0 !important; margin:10px 0 !important;}

.mobile-cont p{line-height:28px; font-size: 19px;}

.mobile-cont p a{margin-right:10px;}

.how-tp-bg{background:#eeeeee; border-radius:25px 0 0 0; padding:5px;}

.how-btm-bg-1{background:#40adf5; border-radius:0 0 25px 0; padding:5px; min-height:254px;}

.how-btm-bg-2{background:#f08628; border-radius:0 0 25px 0; padding:5px; min-height:254px;}

.how-btm-bg-3{background:#7ed042; border-radius:0 0 25px 0; padding:5px; min-height:254px;}

.how-btm-bg-4{background:#7049bf; border-radius:0 0 25px 0; padding:5px; min-height:254px;}

.how-title{color:#0a1720; font-size:2.0rem; font-weight:500; line-height:30px; text-align: center; padding:5px 0;}

.how-txt{color:#fff; margin-bottom:10px; font-size:1.7rem; font-weight:500; line-height:25px; text-align: center; padding:5px 0;}

/* ----scroll to top css end ----*/


/* -- Testmonials new 02Nov2020 */
/* -- Testimonial --*/

.testimonial{ background: rgb(11,168,249);
background: -moz-linear-gradient(45deg, rgb(207, 236, 249) 43%, rgb(177, 212, 227) 43%);
background: -webkit-linear-gradient(45deg, rgb(207, 236, 249) 43%, rgb(177, 212, 227) 43%);
background: linear-gradient(45deg, rgb(207, 236, 249) 43%, rgb(177, 212, 227) 43%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ba8f9",endColorstr="#0d45b6",GradientType=1); padding:30px 0 !important;}

.testimonial-face{width:76px !important; height:76px !important;border-radius:50%;border:2px solid #198bdd;padding:3px; margin-top:5px;}

.testimonial-face img{border-radius:50%;}

.testimonial-logo h1{font-size:30px; color:#000 !important; margin:0px !important;}

.testimonial-logo h1 span{font-size:20px; color:#999;}

.carousel-indicators{bottom:-25px;}

.carousel-item{min-height:400px;}

.carousel-item p{ font-size:18px; line-height: 25px; margin:0;}

.carousel-indicators li{width: 20px; height:10px; margin:40px 8px;}

.testimonial h5{color:#000; margin-bottom:10px; line-height:25px; font-size: 19px; font-weight:400 !important;}

.testimonial .h4{color:#000; padding:10px 10px 0px 0px !important; font-size:3.2rem !important; font-weight:400 !important;}

.testimonial-body {background-color: #fff; padding:0; -webkit-box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12); box-shadow: 0 4px 24px 0 rgba(0, 74, 95, 0.12); border-radius: 30px; margin:20px 0px 33px 0px;}

.test-body {background: #e9f7fc; padding: 16px 16px 93px 16px; border-radius: 0 0 30px 30px; margin-top: 8px;}

.test-bg{background:#fff; padding:16px 20px; border-radius:0 0 0.4rem 0.4rem; text-align:center;}

.test-bg h1{color:#0d45b6 !important; text-align:center; margin-bottom:12px; line-height:27px; font-size: 25px; font-weight:500 !important; margin-top:0px !important;}

.test-bg p{color:#000; margin-bottom:10px; line-height:28px!important; font-size: 18px!important; font-weight:400 !important; font-style:italic;}

.testimonial-qoute{background:#198bdd; font-size:37px; text-align:center; color:#fff; border-radius:50px; width:70px; height:70px; padding: 8px; margin:15px 0;}

.test-profile{margin-bottom:8px;}

.test-profile p{line-height:21px; font-size: 17px; margin-bottom:0px;}

.test-txt{font-size: 21px !important; padding-top: 20px; text-align: center !important;}

.pl-0{padding-left:0px !important;}

.pl-2{padding-left:8px !important;}

.testimonial .progress{margin-bottom:0px !important; margin-top:8px; margin-left:8px;}

.test-rating p{line-height:16px; font-size: 16px !important; margin:0px !important;}

.test-rating .form-star{font-size:15px !important;}

.progress-bar-success {background-color: #5cb85c;}

.mt-5, .my-5 {margin-top: 30px !important;}

.feature-box12 {background: rgb(213,233,242);
background: -moz-linear-gradient(45deg, rgba(213,233,242,1) 43%, rgba(226,245,252,1) 43%);
background: -webkit-linear-gradient(45deg, rgba(213,233,242,1) 43%, rgba(226,245,252,1) 43%);
background: linear-gradient(45deg, rgba(213,233,242,1) 43%, rgba(226,245,252,1) 43%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5e9f2",endColorstr="#e2f5fc",GradientType=1); 
text-align: center; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 276px !important;}

.feature-box12:hover {box-shadow: 0 0 15px #eaeaea; border:#4b56ff solid 1px; background:#f7f7f7; transition: .5s;}

.feature-box1:hover {box-shadow: 0 0 15px #eaeaea; border:#4b56ff solid 1px; background:#f7f7f7; transition: .5s; text-decoration:none;}

.feature-icon {width: 80px; height: 80px; background: #fff; padding: 15px; -moz-box-shadow: 0 0 7px -2px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 7px -2px rgba(0,0,0,.2); box-shadow: 0 0 7px -2px rgba(0,0,0,.2); border-radius: 50%; margin-left: auto; margin-right: auto; position: relative; bottom: 50px; margin-bottom: -35px;}

h5.mt-0 {font-size: 22px;}

/* -- End Testimonial --*/


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
            transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
            transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40%, 0, 0);
            transform: translate3d(-40%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40%, 0, 0);
            transform: translate3d(-40%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40%, 0, 0);
            transform: translate3d(40%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40%, 0, 0);
            transform: translate3d(40%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.moving-vertical {
  -webkit-animation-name: float-bob;
          animation-name: float-bob;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}



/* -- Media Queris -- */

@media screen and (max-width: 1366px) {

.banner-img h1 {color: #fff; font-size: 300%; line-height:45px; padding: 10px 0 20px 0;}

.banner-img small{font-size: 30px; line-height: 35px;}

video {height: 100%; width: 90%;}

.banner-img{/*height: 700px;*/ padding-top: 90px;}
	
.pt-60{padding-top:0px !important;}

}

@media screen and (max-width: 1290px) {
	
.banner-img h1 {font-size: 200%; line-height: 41px; padding: 20px 0 0px 0;}

.banner-img small{font-size: 25px; line-height: 35px;}

}

@media screen and (max-width: 1024px) {
	
.banner-btn {color: #fff; font-size: 18px !important; font-weight: bold !important; background: #0d45b6!important; border-color: #f8f9fa; border-radius: 4px !important; padding: 9px 12px !important; /*width: 32%;*/}

.banner-img p {font-size: 20px; color: #04497c; margin: 10px 0px 15px 0px;}

.mob-img {width: 80% !important;}
	
.banner-img h1 {color: #fff; font-size: 180%; line-height: 45px; padding:0px 0px 10px 0px !important;}

.banner-buttons{padding:0px 0 !important;}

video {height: 100%; width: 100%;}

.banner-img{/*height: 650px;*/ padding-top: 90px;}

.how-title{font-size: 1.8rem;}

.how-btm-bg-1{min-height: 305px;}

.how-btm-bg-2{min-height: 305px;}

.how-btm-bg-3{min-height: 305px;}

.how-btm-bg-4{min-height: 305px;}
    
.hme-feat h3 a{margin: 0!important; padding: 0!important; font-size: 22px;} 
    
.hme-feat p{font-size: 18px;} 
    
.hme-feat img{margin: 40px 0;}    

}

@media screen and (max-width: 992px) {
	
.banner-img p {font-size: 1.5rem !important; line-height: 16px!important; color: #000; /*text-align: left;padding: 10px 20px 10px 10px; background: url(../images/transparent-bg.png) repeat; */}
	
.banner-img h1 {text-shadow: 1px 1px #0000; font-size: 2.2rem !important; padding-bottom: 16px; line-height: 23px;}

.banner-img p {font-size: 14px !important;}

.banner-img small {color: #fff; font-size: 150%; line-height: 25px;}

.banner-buttons{margin-top:8px;}

.sales-no {display: none !important;}

.box-responsive {min-height: 200px; width: 20% !important;}

.icon-kf{width:100%;}

.laptop-box h3{padding:20px 0 0 0px !important;}

video {height: 100%; width: 110%;}

.banner-img{/*height: 332px;*/ padding-top: 70px;}

.mobile-cont p a{margin-top:8px;}

}

@media screen and (max-width: 767px) {
	
.banner-img {background: #53a0cd;}

.banner-img h1 {color: #fff; font-size: 200%; line-height: 1.6; padding: 30px 0;}

}

@media screen and (max-width: 480px) {
	
.banner-img {background: #53a0cd; height:auto; padding-top: 70px !important;}

.banner-img h1 {font-size: 200%; padding:0px; margin:40px 0 20px 0px; line-height: 29px;}

}

@media (min-width: 576px){ 

.nav-item .btn{ margin-bottom:12px!important;} 

.banner-buttons{padding:0px;}

.press .display-4{margin-left:0px!important;}

}

@media (max-width: 768px){
	
.tp-navbar .wrapper {width: 94%; margin: -12px auto; height: auto;/* max-width: 1140px; */}
	
.cont-body p {line-height: 25px; margin-top: 0.5rem; font-weight: bolder; margin-bottom: 0.5rem; font-size: 12px !important;}

.cont-body .f16{font-size:12px !important;}

.banner-btn {color: #fff; font-size: 18px !important; font-weight: bold !important; background: #0d45b6!important; border-color: #f8f9fa; border-radius: 4px !important; padding: 9px 12px !important; /*width: 32% !important;*/}
	
.footer {height: auto !important;}

.phone{display: block;}	

.banner-img{padding-top:126px !important;}

.banner-img h1{margin:0px 0 0 0;}

}

@media (min-width: 1920px) {
	
.banner-img h1 {font-size: 42px; /*padding: 16px 0;*/ color: #000 !important; line-height: 55px; text-align:left; margin:34px 0 0 0;}

}

@media (min-width: 960px) {	

.tp-navbar .nav, .tp-navbar .nav-container, .tp-navbar .nav-container.is-visible {position: static; top: auto; left: auto; -webkit-transform: translateX(0);  -ms-transform: translateX(0); transform: translateX(0); z-index:999;}

.tp-navbar .nav-container, .tp-navbar .nav-container.is-visible {visibility: visible; height: auto; min-height: 0; overflow-y: visible;}

.tp-navbar .nav-toggle {display: none;}

.tp-navbar .nav-menu > .menu-item, .tp-navbar .nav-menu > .menu-item.is-active {display: inline-block; background-color: transparent; border: 0;}

.tp-navbar .nav-menu > .menu-item:last-child {border: 0;}

.tp-navbar .nav-menu .menu-item {-webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;}

.tp-navbar .has-dropdown:after {content: "" !important;}

.tp-navbar .nav-menu > .has-dropdown:after {position: absolute; top: 50%; right: 0.3rem !important; width: 0; height: 0; margin-top: -2px; margin-left: -4px; content: ""; border-width: 5px 5px 0 5px;border-style: solid; border-color: #444 transparent transparent transparent;}

.tp-navbar .has-dropdown > .menu-link {padding-right: 2rem;}

.tp-navbar .nav-dropdown {display: block; opacity: 0; position: absolute; top: 100%; width: 210% !important; margin: 0; padding: 0; background-color: #fff; box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15); visibility: hidden; -webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear; transition: visibility 0s linear 0.25s,  opacity 0.25s linear;}

.tp-navbar .has-dropdown:hover > .nav-dropdown {visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; transition: box-shadow 0.3s ease-in-out;}

.tp-navbar .nav-dropdown .menu-item {border: 0;}

.tp-navbar .nav-dropdown .menu-item:hover, .tp-navbar .nav-dropdown .nav-dropdown .menu-item:hover {background-color: #fff; transition: box-shadow 0.3s ease-in-out;}

.tp-navbar .nav-dropdown .nav-dropdown, .tp-navbar .nav-dropdown .nav-dropdown .menu-item {background-color: #dedede;}

.tp-navbar .nav-dropdown .nav-dropdown {z-index: 9998; top: 0; left: 100%;}

.tp-navbar .content {margin-top: 0;}

/*.box2 p {min-height: 100px !important;}*/

}

@media (max-width: 1080px){	

.how-title{font-size: 1.8rem;}

.how-btm-bg-1{min-height: 304px;}

.how-btm-bg-2{min-height: 304px;}

.how-btm-bg-4{min-height: 304px;}

}

@media (min-width: 992px){	}

@media (min-width: 1280px){
	
.mob-img {width: 90% !important;}
	
}

@media (min-width: 1200px){
	
.mob-img {width: 90% !important;}
	
.nav-tabs .nav-item{font-size: 1.2rem;}

.banner-buttons .btn{font-size: 21px;}

.nav-item .btn {margin-left:12px!important; margin-top:0px;}

.banner-buttons{padding:0px 0px 60px 0 !important;}

.display-4{font-size: 2.5rem;}

/*.phone{width:250px;height:50px;}*/

.my_plan1{/*height: 84px;*/}

.my_plan2{/*height: 84px;*/}

.my_plan3{/*height: 84px;*/}

}

@media (max-width: 575.98px){

.display-4{font-size: 2.0rem; margin-top:20px;}

.banner-buttons{padding:0px !important;}

.display-4{font-size:14px !important;}

.testimonial{background:#64c3eb;}

.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 600px;}

.btn-primary{font-size:16px !important;}

}

@media (max-width: 767.98px){

.brands .border-right-bottom0{border-bottom:1px solid #dee2e6!important;}

.brands .border-right-bottom1{border-bottom:0px solid #dee2e6!important;}

.mobile-section{text-align: center; margin-bottom:0px;}
	
.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 520px !important;}

.index-banner {padding:23px!important;}

.display-4{font-size:2.5rem !important; padding-bottom:16px;}

.navbar-light .navbar-toggler {margin-right: 6px;}

.press .display-4 {margin-bottom: -16px;}

.testimonial {background: url(../images/testimonial-bg.png) top repeat;}

.testimonial .h4 {margin-bottom:8px; font-size: 21px;}

.testimonial h5 {font-size: 16px; line-height: 22px; min-height: 90px;}

.testimonial .carousel-item p {font-size: 15px; margin: 0;}

.phone{display:none!important;}

.my_plan1, .my_plan2, .my_plan3 {padding: 0; border-top: #ddd solid 1px; border-left: none; border-right: #ddd solid 1px; /*min-height: 54px !important;*/}

.my_plan1 p{padding: 0;}

}
	
@media (max-width: 991.98px) {

.nav-item .btn{ margin-left:0px !important;} 

.section-feature{padding:0;}

}

@media (max-width:1199.98px) {

.index-banner{margin-bottom:0px;}

.sales-no{margin-left: 200px !important;}

.phone{padding: 0px 0px 0px 10px; font-size: 21px; margin-left:50px;}

.nav-item .btn{ margin-left:5px !important;} 

.display-4{font-size:1.7rem !important;}

.index-banner p{margin-bottom:8px;}

.nav-tabs .nav-link{padding: 5px 7px !important; font-weight: normal; font-size: 14px !important;}

.intro-txt {font-size: 18px; line-height:28px;}

.platform-tabs{padding:0px; border-radius:0px;}

.mar-all-1 {margin: 5px 0px 10px 0px !important; font-size: 20px;}

.feature-box {text-align:center; background:#fff; padding: 8px 8px 16px 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height:auto !important;}

.feature-box1{margin-top: 55px; padding: 8px 8px 16px 8px; min-height:200px !important;}

.feat-tp{margin-top: 0px;}

.nav-item a{font-size:14px;}

.nav-pills a {font-size:14px;}

.te-banner .h4{line-height: 25px !important; font-size: 19px;}

.btm-btn p{margin:0 0 15px 0px;}

.success-stories h4{font-size: 18px !important; line-height:26px; margin:8px 0;}

.success-stories .font-italic {font-size: 16px;}

.btn-press{margin-top: 13px;}

.sticky nav ul {padding: 15px 10px;}

.contact-testimonals .media {height: 250px;}

.why-card2 .lt-border{height:auto !important;}

.sticky-nav-bar {top: 9.8% !important;}

.social-icon-1{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important; padding-left: 5px !important;}

.social-icon-2{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.social-icon-3{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.my_plan1{/*height: 84px;*/}

.my_plan1 p{padding-top: 5px;}

.my_plan2{/*height: 84px;*/}

.my_plan3{/*height: 84px;*/}   

}

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {

.test-rating .form-star {font-size: 11px !important;}
    
.mar50 {margin-top: 84px !important;}

.feature-box{ min-height: 470px !important;}

.feature-box1{ min-height: 340px !important;}

.feat-tp2{margin-top:0px;}

.press-card .card-title{font-size: 16px;}

.md-hidden{display:none;}

.sticky nav{height:auto;}

.sticky nav ul{padding: 10px 20px;}

.sticky nav ul li{margin: 15px 10px 0 10px;}
	
.contact-testimonals .media{height:300px;}

.contact-testimonals .media .media-left{display:none;}

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:auto; padding:40px 50px !important; text-align:center;}

.feature-img h1{font-size:33px; margin-top:0px; line-height:40px;}

.video-img .h4{font-size: 19px;}

.form-bg{width:100%; padding:10px; margin-top:20px;}

.quick-form {padding: 0 20px 20px 20px;}

.quick-form h3 {font-size: 150% !important; margin-top: 60% !important;}

.sales-no {display: none !important; margin-left: 220px !important;}

.roi-cont, .roi-cont0, .roi-cont1 {padding: 10px 0px;}

.roi-cont, .roi-cont0, .roi-cont1, .roi-cont2, .roi-cont3 {padding: 10px!important;}

.roi-cat1 {width: 50% !important;}

.roi-val1 {width: 30% !important;}

.my_planFeature{min-height: 95px;}

.my_planFeature svg{margin-top: 30px !important;}

.logo-box .box {width: calc(310px - 0px) !important; height:calc(280px - 70px);}

.why-bg h1{font-size: 40px; line-height: 45px;}

.card-inner{height:auto !important;}

.feature-line{height:460px !important; border-right: 1px solid #e3e3e3;}

.tp-navbar .menu {float:none; margin:0px 0 0 0;}

.tp-navbar .nav{left: 88%; width:auto;}

.tp-navbar .nav-container{top: 89px;}

.tp-navbar .nav-toggle{margin: 37px 30px; padding: 12px 11px;}
	
.tp-navbar .wrapper {margin: -12px auto;}		

.tp-navbar .nav-menu .menu-link{padding: 0.3rem 1rem;}

.tp-navbar .has-dropdown::after {top:8px; right: 1rem !important;}

.index-banner{padding:25px 23px 23px 23px !important;}

.news-btn{text-align:right;}

.why-card2 .lt-border{height:230px !important;}

.contact-bg h2{margin-top: 0px !important; font-size: 130% !important; padding:0px !important;}

.logos-sec a{font-size: 14px; line-height: 18px;}

.why-card .lt-border{height:389px !important;}

.why-section-box{min-height: 420px;}

.bormd > .media-left {width: 17%;}

.bormd > .media-body {width: 80%;}

.bormd h4 {line-height:15px !important; font-size: 100% !important;}

section h2{font-size: 22px !important;}

.btm-btn{margin-right:10px;}

.social-icon-1{width:27px;height:27px; font-size:13px !important;margin-right:4px!important; padding-top: 5px !important; padding-left: 5px !important;}

.social-icon-2{width:27px;height:27px; font-size:13px !important;margin-right:4px!important; padding-top: 5px !important;}

.social-icon-3{width:27px;height:27px; font-size:13px !important; padding-top: 5px !important;}

.contact-banner{height:auto;}

.contact-banner h1{padding: 16px 0 !important;}

.price-btn{width: 160px;}

.pdf-img{background:url(../images/pdf-img.jpg) no-repeat bottom #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-1{background:url(../images/video-img-1.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-2{background:url(../images/video-img-2.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-3{background:url(../images/video-img-3.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-4{background:url(../images/video-img-4.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-5{background:url(../images/video-img-5.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-6{background:url(../images/video-img-6.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-7{background:url(../images/video-img-7.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-8{background:url(../images/video-img-8.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-9{background:url(../images/video-img-9.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-10{background:url(../images/video-img-10.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-11{background:url(../images/video-img-11.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-12{background:url(../images/video-img-12.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.choose-plan .roi-btn2{height:120px;}

.choose-plan p{padding: 10px 0; line-height: 17px; font-size: 15px;}

.carousel-indicators {margin-left: 13%;}

.theme_buttonA span{bottom: -145px;}

.mobile-cont{margin-top:0px;}

.section-padding{padding: 50px 0; padding-top: 50px;}

.section-padding2 { padding: 10px 0 18px 0px; padding-top: 0px;}

.how-btm-bg-1{ min-height:185px; margin-bottom:16px;}

.how-btm-bg-2{ min-height:185px; margin-bottom:16px;}

.how-btm-bg-3{ min-height:185px;}

.how-btm-bg-4{ min-height:185px;}

}

@media (min-width: 980px){

.tp-navbar .menu{float: right !important;}

}


@media (min-width: 992px) and (max-width: 1199.98px) {

.feature-box{ min-height:290px !important;}

.feat-tp2{margin-top:0px;}

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:auto; padding:70px 50px !important; text-align:center;}

.feature-img h1{font-size:35px; margin-top:0px;}

.card-inner{height:auto !important;}

.carousel-indicators {margin-left: 15%;}

}

@media (min-width: 1280px) {
	
.display-4{font-size:34px; line-height: 44px;} 

.h1,.h2,.h3,.h4,.h5,.h6{/*color:#353795;*/ margin-bottom:10px; font-weight:500;}

.feature-box {text-align: center; background: #fff; padding: 8px; margin-bottom: 65px; border: 1px solid #eaeaea; border-radius: 10px; transition: .5s; min-height: 286px;}

.index-banner{padding:0 0px 20px 0; margin-bottom:0!important;}

}

@media (min-width: 320px) and (max-width: 767px) {
	
.banner-btn {color: #fff; font-size: 14px !important; font-weight: bold !important; background: #0d45b6 !important; border-color: #f8f9fa; border-radius: 4px !important; width: 46% !important; padding: 9px 12px !important;}

.pad44 {line-height: 45px !important;}
    
.footer {height: auto !important; }
    
.sub-text {text-align: center !important; color: #666 !important; font-weight: normal; font-size: 18px !important; margin-bottom: 8px;}

.hidden-xs{display:none !important;}

.top-strip {padding-left: 2%!important; padding-right: 10%!important; float: right;}

.xs-hidden{display:none;}

.policy{text-align:center !important;}

.sticky nav{height:auto;}

.sticky nav ul li{margin: 20px 10px 0 10px;}

.nav-item .btn{ margin-left:0px !important; margin-bottom:8px !important;}

.tp-navbar{padding:8px 0;} 

.tp-navbar .menu {float:none; margin:0px 0 0 0; width:100%;}

.tp-navbar .nav{left: 78%; width:auto;}

.tp-navbar .nav-container{top: 90px;}

.tp-navbar .nav-toggle{margin: 36px 10px; padding: 11px 12px;}

.tp-navbar .nav-menu .menu-link{padding: 0.3rem 1rem;}

.tp-navbar .has-dropdown::after {top: 11px; right: 1rem !important;}

.top-strip {height: 33px!important; background: #eee; color: #fff!important; padding: 3px 0!important; font-weight: bold; font-weight: normal!important; padding-left: 2%!important;  padding-right: 8%!important; float: right;}	

.contact-testimonals .media{height:430px;}

.feature-img{background:url(../images/feature-img-1.jpg) no-repeat right #0a6cb5; height:auto !important; background-size: 240% !important;}

.feature-img h1{font-size:21px; margin-top:0px; line-height:24px;}

.my_planTitle {font-size: 15px; font-weight: normal; padding: 24px 10px;}

.logo-box .box {width: calc(320px - 0px) !important;}

.why-bg h1{font-size: 33px; line-height: 40px;}

.card-inner{height:auto !important;}

.card-inner h2.inner-hdr, .inner-hdr.dtl_bx{font-size: 15px !important; line-height: 25px !important;}

.why-card{width:100%;}

.why-card2{width:100%;}

.why-card2 .lt-border{border-left:none; border-top:1px solid #e3e3e3;}

.roi-cont, .roi-cont0, .roi-cont1 { padding: 10px 0px; }

.roi-cont, .roi-cont0, .roi-cont1, .roi-cont2, .roi-cont3 { padding: 10px!important; }

.form-bg{width:100%; padding: 10px;}

.quick-form h3{margin-top:0 !important;}

.news-btn{text-align:center;}

.form-client{display:none;}

.feature-menu li a{padding: 5px 10px !important;}

.bormd > .media-left {width: 40%;}

.bormd > .media-body {width: 60%;}

.bormd h4 {line-height:20px !important;}

section h2{font-size: 22px !important;}

.why-btn-seaction{padding:15px 16px; border:#ddd solid 1px; background:#fff !important;}

.why-btn-seaction h1{margin: 0px 0 30px 0;}

.press-card {min-height: 300px; margin-bottom: 10px;}

.why-btn-seaction .btn1{background:#5fb25d !important; color:#fff; padding:8px 12px; border-radius: 30px;}

.why-btn-seaction .btn1:hover{border:#5fb25d solid 1px; color:#5fb25d;}

.footer .nav{min-height:140px;}

.social-icon-1{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important; padding-left: 5px !important;}

.social-icon-2{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.social-icon-3{width:30px;height:30px; font-size:15px !important; padding-top: 5px !important;}

.contact-banner{padding: 10px 0; height:auto;}

.contact-banner h1{line-height: 40px; font-size: 230% !important;  padding:16px 0 !important;}

.pdf-img{background:url(../images/pdf-img.jpg) no-repeat center #48a5d7;padding:20px;margin-bottom:26px; height:200px;}

.video-img-1{background:url(../images/video-img-1.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-2{background:url(../images/video-img-2.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-3{background:url(../images/video-img-3.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-4{background:url(../images/video-img-4.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-5{background:url(../images/video-img-5.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-6{background:url(../images/video-img-6.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-7{background:url(../images/video-img-7.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-8{background:url(../images/video-img-8.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-9{background:url(../images/video-img-9.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-10{background:url(../images/video-img-10.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-11{background:url(../images/video-img-11.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.video-img-12{background:url(../images/video-img-12.jpg) no-repeat top #48a5d7;padding:20px;margin-bottom:16px; height:200px;}

.roi-cat1, .roi-val1{width: 80%; margin:0px;}

.roi-val1{width: 90%; margin:0px;}

h3{margin:0px !important; padding:0px !important;}

.choose-plan p{padding: 10px 0;}

.choose-plan .price1{padding: 9px 0 !important;}

.choose-plan .price2{padding: 9px 0 !important;}

.choose-plan .price3{padding: 9px 0 !important;}

.rol-mrg-btm{margin-bottom:8px;}

.my_feature_btn{padding-bottom:15px;}

.how-btm-bg-1{min-height: auto; margin-bottom:16px;}

.how-btm-bg-2{min-height: auto; margin-bottom:16px;}

.how-btm-bg-3{min-height: auto; margin-bottom:16px;}

.how-btm-bg-4{min-height: auto;}

.carousel-item{min-height: 250px;}

video {height: 100%; width: 100%;}

h4{line-height: 27px !important; font-size: 2.5rem !important;}

h2{line-height: 27px !important; font-size: 22px !important;}

.testimonial .h4{font-size: 2.5rem !important;}

.success-stories h2{font-size: 2.5rem !important;}

.success-stories h3{font-size: 2.5rem !important; line-height: 29px; margin:20px 0 10px 0 !important;}

.te-banner h4{line-height: 27px !important; font-size: 2.5rem !important;}

.te-banner p{line-height: 27px !important; font-size: 20px !important; padding-bottom:0;}

.section-padding2{padding: 30px 0;}
    
.hme-feat .mpd1{margin-right: 0px; padding: 0px 20px;}

.hme-feat .mpd2{margin-left: 0px; padding: 0px 20px;}    

}

/* -- End Media Queris -- */

/*.mar50 {margin-top: 28px !important;}*/

/*.margin-bm {margin-bottom: 90px;}*/

.mar-tp{margin-top:50px !important;}

.video-container {z-index: -100; width:100%; height:75%; overflow:hidden; position:absolute; top:0; left:0;}

#video-bg{width:100%;}

#myModal .modal-backdrop {z-index: 0 !important; height: 100px !important;}

.modal-body {padding: 0px !important;}

.modal-body h6 {background: #008fd5; text-align: center; border-radius: 4px 4px 0 0 !important; color: #fff !important; font-size: 170% !important; margin-top: 0 !important; padding: 26px 0 !important;}

.modal-body2 {padding: 0px !important;}

.modal-body2 h4 {background: #008fd5; border-radius: 4px 4px 0 0 !important; color: #fff !important; margin-top: 0 !important; padding: 26px 0 26px 18px !important; font-size: 133% !important;}

#subscribe54229abfcfa5649e703b83dd4755294 {margin-right: 10px; margin-bottom: 10px;}

.btn-lg2, .btn-group-lg > .btn {font-size: 20px !important;}

.carousel-reviews .media {padding: 0px;}

.press-link a {color: #353795 !important;}

.errorMsgColor {font-size: 14px !important;}

.form-client-title {/*text-align: center !important;*/ margin-bottom:16px}

/*#pageDiv {padding: 20px;}*/

.modal-body2 .form-control {margin-bottom: 10px!important;}

.optanon-alert-box-body a {color: #fff; text-decoration: underline!important;}

.optanon-alert-box-body a:hover {color: #fff; text-decoration: none !important;}

.nav-link {display: block; padding: 0 1rem;}

#submitCRM32bb90e8976aab5298d5da10fe66f21d {background-color: #5cb85c !important;}

.videobox{position:relative;}

#video_box_id_css, .video_box_class{border:0px !important}

.social-icon-1{padding-top:8px!important;}

.social-icon-2{padding-top:9px!important;}

.social-icon-3{padding-top:9px!important;}

@media (min-width: 768px) and (max-width: 991.98px) {

.tp-navbar .has-dropdown::after {top:4px !important;}

}

@media (min-width: 320px) and (max-width: 767px) {

.cont-body p {line-height: 25px; margin-top: 0.5rem; font-weight: bolder; margin-bottom: 0.5rem; font-size: 12px !important;}

.section-padding2 {padding-top: 0px; /* padding: 60px 0; */}

#myModal2 button.close {padding: 30px 15px !important;}

.tp-navbar .has-dropdown::after {top: 4px !important;}

}

.btn{float: inherit!important; padding: 6px 12px!important;}

.banner-btn {color: #fff; font-size:18px !important; font-weight:bold !important; background:#e5891a!important; border-color:#f8f9fa; border-radius:4px !important; /*width:20%;*/ padding:9px 12px !important;}

.banner-btn:hover{background:#052f85; color: #fff !important;}

.banner-btn2 {color: #fff; font-size:18px !important; font-weight:bold !important; background:#2d9f4f!important; border-color:#f8f9fa; border-radius: 4px !important; /*width:31%;*/ padding:9px 12px !important;}

.banner-btn2:hover{background:#cc7002; color: #fff !important;}

.banner-btn:hover, .banner-btn:focus, .banner-btn.focus{color:#fff !important;}

.banner-btn2:hover, .banner-btn2:focus, .banner-btn2.focus{color:#fff !important;}

#sub-frame-error {-webkit-align-items: center; background-color: #DDD; display: -webkit-flex; -webkit-flex-flow: column; height: 100%;
    -webkit-justify-content: center; left: 0; position: absolute; text-align: center; top: 0;transition: background-color .2s ease-in-out; width: 100%;}

.feat-bullets-arrow li {background: rgba(0, 0, 0, 0) url("../images/nbt.gif") no-repeat scroll left 15px; color: #000 !important; font-size: 16px; font-weight: normal; line-height: 23px; list-style: outside none none; margin: 0; padding: 5px 5px 5px 30px !important; text-align: left;}

.error h1 { font-size: 1.8rem !important; color: #464646; margin-top: 20px; margin-bottom: 10px; line-height: 40px;}

.roi {font-size: 16px !important;}

.bar-lb {background: #c4ebf6;padding: 10px 0px;border-bottom: 1px solid #fff;}

.bar-b {background: #a2e2f3;padding: 10px 0px;border-bottom: 1px solid #fff;}

.roi small{font-size: 14px !important;}

/*.roi b,strong{font-weight: 700!important;font-size: 20px !important;}*/

.bar-w {background: #fff;padding: 14px 0px;border-bottom: 1px solid #fff;}

.bar-lo {background: #fdefdf;padding: 2px 0px;border-bottom: 1px solid #fff;margin-top:16px;}

.form-control {background: #fff !important;box-shadow: none !important; font-family: "IBM Plex Sans", sans-serif !important;
	font-size: 16px !important;height: 28px;margin-bottom: 0px !important;transition: none 0s ease 0s !important;padding: 0px 30px 0px 6px !important;
	border-color: #a0cedb;text-align: right !important;color: #000 !important;border-radius: 6px !important;}

.edit {background: #d6f2fa url("../images/edit-icon.png") no-repeat right !important;}

.edit1 {background: #d6f2fa right !important;padding: 0px 20px 0px 6px !important;}

/*select {text-align: right !important;}*/
	
select, option {padding: 6px 8px !important;}

label {display: inline-block;max-width: 100%;margin-bottom: 0px;font-weight: normal;padding: 3px;}

.roi h3 {text-align: center;color: #003366;font-size: 24px!important;padding-bottom: 14px; line-height: 28px;}

.roi h6 {text-align: center;color: #003366;font-size: 19px;font-weight: bold !important;}

/*select {text-align-last: right;text-align: right;-ms-text-align-last: right;-moz-text-align-last: right;-webkit-text-align-last: right;}*/

.btn-roi {background-color: #1a8ecd !important;border: none !important;color: #fff;width: 100%;margin: 10px 0;font-size: 19px !important;
	font-weight: bold;padding: 12px !important;-webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important;}

.btn-roi:hover {color: #e5e5e5 !important;}

.splbtn {padding-right: 0px !important;padding-left: 0px !important;/*margin-bottom:30px;*/}

.splbtn table{display: table;}

.btn-roi:hover {background: #01952c;color: #fff;}

.roi-form {background: #a7d6ff;padding: 0px 40px 0px 40px;margin-bottom: 10px;}

.roi-result {background: #fff;margin-bottom: 10px;border: 1px solid #dddddd;margin-top:12px}

.roi-form .form-control {background-color: #fff !important;height: 36px !important;padding: 6px 10px !important;margin-bottom: 15px !important;
    text-align: left !important}

.roi-form h3 {margin-top: 0px;text-align: center;margin-bottom: 30px;color: #0c3b78 !important;}

.table {margin-bottom: 0px !important;}

.table td {border-bottom: 1px solid #fff;/*border-right: 1px solid #fff;*/padding: 10px !important;}

.row1 {background: #fef4ea;}

.row2 {background: #f8ca95;}

.row3 {background: #c7e5a7;}

.row4 {background: #eeeeee;margin-bottom:6px;}

.font20 {font-size: 20px !important;color: #3da354;}

.font24 {font-size: 24px !important;color: #3da354;}

.vm {position: relative;top: 25px;}

.mrgtop {margin-top: 40px;}

.mrgbot {margin-bottom: 40px;}

.rtbor-none {border-right: none !important;}

.botbor-none {border-bottom: none !important;}

.feature-img {/*margin-top: 95px;*/}

label {margin-bottom: 0px !important;font-weight: normal !important;font-size: 16px !important;}

.footer h6 {font-weight: normal !important;}

#roi_form {float: right;}

.download-btn {background: #33b149 !important;color: #fff !important;text-align: center !important;border: none !important;padding: 9px 27px;border-radius: 3px;
	font-size: 18px !important;margin: 6px 0px !important;}

.cuslist p{text-align:justify; line-height: 28px; font-size: 16px; margin-bottom: 8px; }

.bor{ border:1px solid #fff; padding:10px 0 10px;}

.prt{ padding-right:26px;}

.prt1{ padding-right:19px;}

#sutiCRMWidgetbd4c9ab730f551326b999ecd90d1fb{padding:16px !important;}

.chat-icon {width: 70px; height: 90px; position: fixed; border-radius: 100%; bottom: 52px!important; right: 20px; z-index: 1000;}

.box {width: 200px; margin: 50px auto; background: #dfe3eb; padding: 10px; text-align: left; color: #333; right: 137px; position: fixed; z-index: 1000; bottom: 20px;}

.box a {width:0; display:inline-block}

.sb1:before {content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid #dfe3eb; border-right: 10px solid transparent; border-top: 10px solid #dfe3eb; border-bottom: 10px solid transparent; right: -19px; top: 6px;}

.box svg{position: relative; top: -43px; right: 167px; color: #000!important;}

.box i{position: relative; top: -43px; right: 166px; color: #000!important;}

.chat-count{background: red; color: #fff; position: relative; border-radius: 25px; display: inline-block; text-align: center; left:30px; top: -15px; width: 22px; height: 22px; font-size: 14px;}


.mob-img{width:100%;}

.hme-form {background: rgba(255, 255, 255, 0.3); box-shadow: 0 4px 24px 0 rgb(0 74 95 / 12%);padding:20px;margin-bottom:20px;border-radius:30px;}

a {color: #115baa; text-decoration:none;}

p.fbtn {text-decoration: underline;}

.banner-btn3 {color: #000; font-size: 16px !important; background: #fff!important; border: #0084ff solid 1px!important; border-radius: 4px !important;
    padding:8px 16px !important;/* width: 31%; */}

a.btn.banner-btn3:hover {color: #fff; background: #0084ff!important; text-decoration: none;}

.banner-btn4 {color: #000; font-size: 16px !important; background: #fff!important; border: #0084ff solid 1px!important; border-radius: 4px !important;
   padding:8px 16px !important;/* width: 31%; */}

a.btn.banner-btn4:hover {color: #fff; background: #0084ff!important; text-decoration: none;}

.mb-60{margin-bottom:60px;}

.aicpa-img{width:75%;}

.inner-body {margin-top: 138px;}

.pricing-head1 { background: #fff; border: #168ecd solid 1px; border-radius: 20px; padding: 10px;}

.pricing-plan-amount1 {color: #168ecd;}

.pricing-plan-title1 {color: #006b8d; font-size: 30px; padding: 18px 0;}

.pricing-btn1 { background: #168ecd; border: #168ecd solid 1px; color: #fff; display: block; width: 100%;}

.pricing-btn1:hover {background: #fff; border: #168ecd solid 1px; color: #168ecd;}

.btn-rounded {border-radius: 50rem;}

.pricing-head2 {background: #168ecd; border: #fff solid 1px; border-radius: 20px; padding: 10px;}

.pricing-table .h1 {font-size: 2.8rem; font-weight: bold;}

.pricing-plan-title2 {color: #fff; font-size: 30px; padding: 18px 0;}

.pricing-btn2 {background: #fff;border: #fff solid 1px; color: #168ecd;display: block; width: 100%;}

.pricing-btn2:hover { background: #168ecd; border: #fff solid 1px; color: #fff;}

.pricing-table .h1 { font-size: 2.8rem; font-weight: bold;}

.pricing-head2 p {color: #fff;}

.pricing-head2 h1{color: #fff !important;}

.pricing-plan-title3 {color: #006b8d; font-size: 30px; padding: 18px 0; position: relative;}

.pricing-plan-amount3 {color: #023751;}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {background: #f3f9fc;--bs-table-accent-bg: #f3f9fc;}

.border-0 {border: 0!important;}

.table thead th {vertical-align: bottom; border-bottom: 0px solid #dee2e6;}

.table td, .table th {padding: 0.75rem; vertical-align: top; border-top: 0px solid #dee2e6;}

.pricing-table th {empty-cells: show; padding: 0 10px; width: 15%;/* border-right: 1px solid #ddd!important; */} 

.icon-success {color: #168ecd; font-weight: bold; font-size: 24px;}

.icon {width: 25px; height: 25px; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center;
    justify-content: center; font-size: 20px;}

.icon-danger {color: #f6420f; font-size: 18px; font-size: 21px;}

/*.svg-inline--fa.fa-w-16 {width: 0.8em;}

.svg-inline--fa.fa-w-11 {width: 0.5875em;}*/

.pricing-btn1 a{color:#fff !important;}

.pricing-btn1 a:hover{color:#168ecd !important;}

.pricing-btn2 a{color:#168ecd !important;}

.pricing-btn2 a:hover{color:#fff !important;}

.p30{padding:10px 10px;}

.mar-all1 {width: 75%; margin: 2% 13%;}

.pricebor {border-top: 1px solid #c6d6de;}

.bg {background-color: #c3e2f4; padding: 40px 0; text-align: center; vertical-align: middle;}

.error {text-align: center !important; color: #fff; float:none !important; margin-top:170px !important;}

.error img{float:none !important; text-align:center; margin:auto;}

.error h6 {text-align: center; font-size: 250% !important; color: #454545 !important; margin-top: 50px !important; margin-bottom: 30px; letter-spacing: 2px;}

.error p {font-size: 130%; color: #454545; text-align: center !important; margin:10px 0; line-height:1.6; clear:both !important;}

.error a{background: #5bbd78; padding: 15px 50px; text-decoration: none; color: #fff; font-size: 150%; border-radius:35px;}

.error a:hover{background:#fff; color:#5bbd78;}

.error-css{position: relative; top: -46px; left: -168px; color: #000000;}