/* ===== combined-2.css — social + morris + toggleSwitch + dataTables.bootstrap + alertaLicitacao-v2 ===== */
/* Merged 2026-09-05. Originals kept in backup_20260905/. Order preserved as in header.php (after dist/sb-admin-2.css). */

/* --- social.css --- */
.btn-facebook {
	color: #fff;
	background-color: #4C67A1;
}
.btn-facebook:hover {
	color: #fff;
	background-color: #405D9B;
}
.btn-facebook:focus {
	color: #fff;
}

.login-form {
    width: 440px;
    margin: 30px auto;
  	font-size: 15px;
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.login-form form {
}
.login-form h2 {
    margin: 0 0 15px;
}
.login-form .hint-text {
    color: #777;
    padding-bottom: 15px;
    text-align: center;
  	font-size: 13px; 
}
.form-control, .btn {
    min-height: 38px;
    border-radius: 2px;
}
.login-btn {        
    font-size: 15px;
    font-weight: bold;
}
.or-seperator {
    margin: 20px 0 10px;
    text-align: center;
    border-top: 1px solid #ccc;
}
.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}
.social-btn .btn {
    margin: 10px 0;
    font-size: 15px;
    text-align: left; 
    line-height: 24px;       
}
.social-btn .btn i {
    float: left;
    margin: 4px 15px  0 5px;
    min-width: 15px;
}
.input-group-addon .fa{
    font-size: 18px;
}

/* --- morris.css --- */
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

/* --- toggleSwitch.css --- */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}
/* --- dataTables.bootstrap.css --- */
div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

div.dataTables_length select {
	width: 75px;
	display: inline-block;
}

div.dataTables_filter {
	text-align: right;
}

div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
}

div.dataTables_info {
	padding-top: 8px;
	white-space: nowrap;
}

div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}

div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	div.dataTables_length,
	div.dataTables_filter,
	div.dataTables_info,
	div.dataTables_paginate {
		text-align: center;
	}
}


table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
}

table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable thead > tr > th {
	padding-left: 18px;
	padding-right: 18px;
}

table.dataTable th:active {
	outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

div.dataTables_scrollFoot table {
	margin-top: 0 !important;
	border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
	border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td {
	border-left-width: 0;
	border-top-width: 0;
}
table.table-bordered tbody th,
table.table-bordered tbody td {
	border-left-width: 0;
	border-bottom-width: 0;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
	border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0;
}




/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
	background-color: #08C;
	color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
	background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
	color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
	background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
	cursor: pointer;
}

div.DTTT .btn:hover {
	text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
	color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #0088cc;
	color: white !important;
}

div.DTTT_collection_background {
	z-index: 2002;	
}

/* TableTools information display */
div.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #333;
	padding: 10px 30px;
	opacity: 0.95;

	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}
 
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
	border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}
 
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
 
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
	margin: 0 !important
}


/* --- alertaLicitacao-v2.css --- */
a.linkNoCinza {
  color: #EEE;
}

.whatsapp-link {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 99;
}


.txtinner {
    margin-left: 15px !important;
}

/*owl css*/



 h2{
  /*text-align:center;
  padding: 20px;
  */
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide img {
    width: 150px;
    height: 100px;
    object-fit: contain !important;

    margin: 0 auto!important;
}


.slick-slider {
   
    background: unset !important;
    /*width: 150vh;*/
    margin: 0 auto !important;
    /*height: auto;*/
}

.fa-angle-right:before {
    content: "\f105";
    position: relative!important;
    right: 0px!important;
    /*top: 0px!important;*/
    /*transform: translate(0px, 60px);*/
    background: black;
    color: white !important;
    padding: 4px 9px;
    border-radius: 100px;
    width: 23px;
    height: 23px;
    font-size: 14px;
    font-weight: 700;

    bottom: 13vh;
}

.fa-angle-left:before {
    content: "\f104";
    /*transform: translate(0px, 45px);*/
    position: relative!important;
    background: black;
    color: white !important;
    padding: 4px 8px;
    border-radius: 100px;
    width: 23px;
    height: 23px;
    font-size: 14px;
    font-weight: 700;
    top: 3vh;
}



/*

0*/




img.appimgright {
    width: 75vh !important;
    height: auto !important;
    object-fit: contain !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.znappstore {
    background-color: #f8f9fa;
    padding-top: 3rem;
    padding-bottom:4rem;
    margin: 0rem 0rem 5rem 0rem !important;
}


.align-items-center {
    align-items: center !important;
}

.znappstore .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.znappstore .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
}

.znappstore .text-lg-start {
    text-align: left !important;
}

.znappstore .mb-lg-0 {
    margin-bottom: 0 !important;
}

.znappstore .lh-1 {
    line-height: 1 !important;
}

.znappstore .mb-3 {
    margin-bottom: 1rem !important;
}

.znappstore .display-1 {
    font-size: 7rem;
    font-weight: 700;

}

p.lead.fw-normal.text-muted.mb-5 {
    font-size: 2rem;
    font-weight: 500;

}

.znappstore .d-flex {
    display: flex !important;
}

.znappstore .flex-lg-row {
    flex-direction: row !important;
}

.znappstore .app-badge {
    height: 5rem;

    margin-right: 20px;
}


/*cards css*/


.znpanelcard .container{
    margin-top:100px;
}

.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter { 
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
      /*background: #3acf87;*/
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}


.counter-box.cboxone {
    background: #3acf87;
    background: #17ead9;
    background: -webkit-linear-gradient( 45deg , #17ead9, #6078ea)!important;
    background: linear-gradient( 45deg , #17ead9, #6078ea)!important;
}

.counter-box.cboxtwo {
    background: #f54ea2;
    background: -webkit-linear-gradient( 45deg , #f54ea2, #ff7676)!important;
    background: linear-gradient( 45deg , #f54ea2, #ff7676)!important;
}

.counter-box.cboxthree {
    background: #00b09b;
    background: -webkit-linear-gradient( 45deg , #00b09b, #96c93d)!important;
    background: linear-gradient( 45deg , #00b09b, #96c93d)!important;
}

.counter-box.cboxfour {
    background: #ffdf40;
    background: -webkit-linear-gradient( 45deg , #ffdf40, #ff8359)!important;
    background: linear-gradient( 45deg , #ffdf40, #ff8359)!important;
}


.counter-box a {
    color: white !important;
    font-size: 15px;
    font-weight: 500;

}


/*search*/


.row.zn_search_inner {
    background: #f8f9fa;
    padding: 3% 0% 6% 0%;
    margin: 3% 0% !important;
}

.row.zn_search_inner h3 {
    font-size: 3em !important;
    text-align: center;
    line-height: 1em;    
    padding: 20px 0px;
}

.input-group.custom-search-form.znsform {
    width: 80%;
    margin: 0 auto !important;
}

button.btn.btn-default.znbtn {
    background: #1ECC36;
    height: 7vh;
    width: 20vh;
}

input.form-control.zninput {
    height: 7vh;
}

span.zn_searchbtn {
    color: white !important;
    font-weight: 500;
    font-size: 15px;
}


.row.zncardsection {
    padding: 0% 0% 6% 0%;
    margin: 3em 0em !important;
    background: #f8f9fa;
}

.znpanelcard h1 {
    
    font-size: 3em;
    padding: 20px 0px;
    text-align: center;
}

.znslider h2 {
    font-size: 3em;
    padding: 20px 0px;
    text-align: center;
}

.row.znsectionslider {
    padding: 0% 0% 3% 0% !important;
    margin: 3em 0em !important;
    background: #f8f9fa;
}
.znheroimg {
    margin: 0 auto !important;
    width: 70% !important;

    transform: translate(-55px, 0px);
}

img.znheroimage {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.row.znsectiontoptext {
    background: #f8f9fa;
    padding: 6% 0% 6% 0%;
    margin: 0% 0% 4% 0% !important;
}

.counter-box.cboxfour.colored a {
    visibility: hidden !important;
}

h1.znhertext {
    font-size: 3em;
    padding: 20px 0px;
    text-align: center;
}

.txtinner.zntextinner p {
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
}

.txtinner.zntextinner p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
    color: #777 !important;
    padding: 0px 30px;
    margin: 0 auto !important;
}


/*
.slider:before {
  
    background-color: unset !important;
   
}
*/

.znappstore.zntopsectext .display-1 {
    font-size: 3rem;
    font-weight: 500;
    font-size: 3em;
    padding: 20px 0px;
    /* text-align: center; */

}

.znappstore.zntopsectext p.lead.fw-normal.text-muted.mb-5 {
    font-size: 2rem;
    font-weight: 500;
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
    color: #777 !important;
    padding: 0px 0px;
    margin: 0 auto !important;
}



/*top section none*/

.row.znsectiontoptext {
    display: none !important;
}

.znappstore.zntopsectext {
    padding-top: 0em !important;
    margin-bottom: 1em !important;
}

.counter-box.cboxone.colored:hover, .counter-box.cboxtwo.colored:hover, .counter-box.cboxthree.colored:hover, .counter-box.cboxfour.colored:hover {
    transform: scale(1.1);
    transition: 1s ease !important;
}


img.app-badge:hover {
    transform: scale(1.1);
    transition: 1s ease !important;

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}


.znappstore .swipeimgntxt {
    flex-direction: row-reverse !important;
}


/*price plan*/

/*
Inspired by the dribble shot http://dribbble.com/shots/1285240-Freebie-Flat-Pricing-Table?list=tags&tag=pricing_table
*/

/*--------- Font ------------*/
/*@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);*/
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
/** {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
/*------ utiltity classes -----*/
.fl{ float:left; }
.fr{ float: right; }
/*its also known as clearfix*/
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1;  /*For IE 6/7 (trigger hasLayout) */
}

.znpriceplan {
   
    background: #f8f9fa;
    /* font-family: 'Droid Sans', sans-serif; */
    line-height: 1;
    font-size: 20px;
}
.wrapper {
    
}
.pricing-table {
    width: 80%;
    margin: 50px auto;
    text-align: center;
    padding: 10px;
    padding-right: 0;
}
.pricing-table .heading{
    color: #9C9E9F;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 4rem;
}
.block{
    width: 30%;    
    margin: 0 15px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
/*    border: 1px solid red;*/
}
/*Shared properties*/
.title,.pt-footer{
    color: #FEFEFE;
    line-height: 2.5;
    position: relative;
}
.content{
    position: relative;
    color: #FEFEFE;
    padding: 20px 0 10px 0;
}
/*arrow creation*/
.content:after, .content:before,.pt-footer:before,.pt-footer:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pt-footer:after,.pt-footer:before{
    top:0;
}
.content:after,.pt-footer:after {
    border-color: rgba(136, 183, 213, 0);   
    border-width: 5px;
    margin-left: -5px;
}
/*/arrow creation*/
.price{
    position: relative;
    display: inline-block;
    margin-bottom: 0.625rem;
}
.price span{    
    font-size: 6rem;
    letter-spacing: 8px;
    font-weight: bold;        
}
.price sup{
    font-size: 1.5rem;    
    position: absolute;    
    top: 12px;
    left: -12px;
}
.hint{
    font-style: italic;
    font-size: 0.9rem;
}
.features{
    list-style-type: none;    
    background: #FFFFFF;
    text-align: left;
    color: #9C9C9C;
    padding:30px 22%;
    font-size: 0.9rem;
}
.features li{
    padding:15px 0;
    width: 100%;
}
.features li span{
   padding-right: 0.4rem; 
}
.pt-footer{
    font-size: 0.95rem;
}
/*PERSONAL*/
.personal .title{        
    background: #78CFBF;    
}
.personal .content,.personal .pt-footer{
    background: #82DACA;
}
.personal .content:after{   
    border-top-color: #82DACA;  
}
.personal .pt-footer:after{
    border-top-color: #FFFFFF;
}
/*PROFESSIONAL*/
.professional .title{
    background: #3EC6E0;
}
.professional .content,.professional .pt-footer{
    background: #53CFE9;
}
.professional .content:after{   
    border-top-color: #53CFE9;  
}
.professional .pt-footer:after{
    border-top-color: #FFFFFF;
}
/*BUSINESS*/
.business .title{
    background: #E3536C;
}
.business .content,.business .pt-footer{
    background: #EB6379;
}
.business .content:after{   
    border-top-color: #EB6379;  
}
.business .pt-footer:after {    
    border-top-color: #FFFFFF;  
}

.znpriceplan h2.title {
    line-height: 25px;
    font-size: 17px;
    font-weight: 700;
    text-align: center !important;
}

.znpriceplan .content {
    position: relative;
    color: #FEFEFE;
    padding: 10px 0 10px 0;
}

.znpriceplan .features {
    list-style-type: none;
    background: #FFFFFF;
    text-align: left;
    color: #9C9C9C;
    padding: 10px 0px;
    font-size: 6.9rem;
}

.znpriceplan .features li {
    padding: 10px 5px;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
}

.znpriceplan .price span {
    font-size: 2em;
    letter-spacing: 0px;
    font-weight: 700;
}

.znpriceplan .hint {
    font-style: italic;
    font-size: 13px;
}

.znpriceplan .pt-footer {
    font-size: 20px;
    color: white !important;
}


.znpriceplan .pt-footer a {
    font-size: 20px;
    color: white !important;
}

h1.heading.znpriceheading {
    font-size: 2em !important;
    text-align: center;
    line-height: 1em;
    padding: 20px 0px;
    color: #333 !important;
    margin: 0px;
}

.znpriceplan {
    background: #f8f9fa;
    /* font-family: 'Droid Sans', sans-serif; */
    line-height: 1;
    font-size: 20px;
    padding-top: 0rem !important;
    padding-bottom: 1rem !important;
}

.pricing-table.group {
    display: flex;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
    margin: 0 auto !important;
}


.block {
    width: 35%;
    margin: 0 15px;
    overflow: hidden;
    
}

.pricingplantxt {
    padding: 20px 50px;
    margin: 0 auto !important;
}

p.pptextinner {
    font-size: 17px;
    line-height: 20px;
    color: #777 !important;
}


h1.heading.znpriceheading {
    
    padding: 35px 0px 0px 0px !important;
  
}

.znpriceplan {
   
    padding-top: 0rem !important;
    padding-bottom: 3rem !important;
}

.znpriceplan .pt-footer a {
   
    text-decoration: none !important;
}

.znpriceplan .pt-footer:hover {

   
    background: #1A49AD !important;
    /* border: 1px solid #1ECC36; */
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    
}


a.btn.btn-success.znppbtn:hover {
    background: #1A49AD !important;
    /* border: 1px solid #1ECC36; */
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.znpriceplan .features li {
    
    text-align: center;
}

a.btn.btn-success.znppbtn {
    font-size: 17px;
    font-weight: 500 !important;
    text-align: center;
    padding: 10px 20px;
    background: #1ECC36;
    border: 0px;
}

.pricingplantxt {
    
    text-align: center !important;
}
/*tablet*/


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

    .pricing-table.group {
    display: flex;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
    margin: 0 auto !important;
    flex-wrap: wrap;
}

.block {
    width: 90%;
    margin: 0 15px;
    overflow: hidden;
}

    .znappstore .swipeimgntxt {
    flex-direction: column-reverse !important;
}


   .znheroimg {
    margin: 0 auto !important;
    width: 100% !important;
    transform: translate(-25px, 0px);
}

h1.znhertext {
    font-size: 2em;
    padding: 20px 0px;
    text-align: center;
}

.txtinner.zntextinner p {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #777 !important;
    padding: 0px 10px;
    margin: 0 auto !important;
}


.row.zn_search_inner h3 {
    font-size: 25px !important;
    text-align: center;
    line-height: 25px;
    padding: 20px 0px;

}

.znpanelcard h1 {
    font-size: 25px;
    padding: 20px 0px;

    text-align: center;
    line-height: 25px !important;
}

.slick-slide img {
    width: 75px;
    height: 75px;
    object-fit: contain !important;

    margin: 0 auto!important;
}


.slick-slider {
   
    background: unset !important;
    /*width: 150vh;*/
    margin: 0 auto !important;
    /*height: auto;*/
}

.slick-slide img {
    width: 150px;
    height: 100px;
    object-fit: contain !important;

    margin: 0 auto!important;
}


.slick-slider {
   
    background: unset !important;
    /*width: 150vh;*/
    margin: 0 auto !important;
    /*height: auto;*/
}

.znappstore .row {
    
    display: flex;
   
    align-items: unset !important;
    flex-direction: column-reverse;
}

.align-items-center {
    
    align-items: unset !important;
}

.znappstore .col-lg-6 {
    flex: 0 0 auto;
    width: 100%;
}


.znappstore .display-1 {
   
    font-size: 2em;
    padding: 20px 0px;
    text-align: center;

}


.znslider h2 {
    
    font-size: 2em;
    padding: 20px 0px;
    text-align: center;

}

p.lead.fw-normal.text-muted.mb-5 {
    font-size: 17px;
    font-weight: 500;

     text-align: center;
    line-height: 20px;
}

.slick-slide img {
    width: 90px;
    height: 90px;
    object-fit: contain !important;
    margin: 0 auto!important;
    padding: 10px;
}



}


/*mobile*/


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

     .pricing-table.group {
    display: flex;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
    margin: 0 auto !important;
    flex-wrap: wrap;
}

.block {
    width: 90%;
    margin: 0 15px;
    overflow: hidden;
}

    .znappstore .swipeimgntxt {
    flex-direction: column-reverse !important;
}

/*#page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
    width: 100% !important;
}*/
.znappstore .row {
    
    display: flex;
   
    align-items: unset !important;
    flex-direction: column-reverse;

    text-align: center;
}

.align-items-center {
    
    align-items: unset !important;
}

.znappstore .col-lg-6 {
    flex: 0 0 auto;
    width: 100%;
}

img.appimgright {
    width: 40vh !important;
    height: auto !important;
    object-fit: contain !important;
}

.znappstore .display-1 {
    font-size: 25px;
    font-weight: 700;

    text-align: center;
}

p.lead.fw-normal.text-muted.mb-5 {
    font-size: 15px;
    font-weight: 500;

    line-height: 20px;
    text-align: center !important;
}

.znappstore .d-flex {
    display: block!important;
    margin: 0 auto !important;

    text-align: center;
}

.znappstore .app-badge {
    height: 5rem;
    margin: 10px 0px;
}

.znslider h2 {
    font-size: 23px;
    padding: 20px 0px;
    text-align: center;
    line-height: 20px !important;
}


.slick-slide img {
    width: 70px;
    height: 70px;
    object-fit: contain !important;
    margin: 0 auto!important;
}


.znpanelcard h1 {
    font-size: 25px;
    padding: 20px 0px;
    text-align: center;
    line-height: 20px;
}

.znpanelcard h1 {
    font-size: 25px;
    padding: 20px 0px;
    text-align: center;
    line-height: 20px;
}

.input-group.custom-search-form.znsform {
    width: 100%;
    margin: 0 auto !important;
}

.znheroimg {
    margin: 0 auto !important;
    width: 100% !important;
    transform: translate(-15px, 0px);
}

h1.znhertext {
    font-size: 27px;
    padding: 20px 0px;
    text-align: center;

    line-height: 25px;
}


.txtinner.zntextinner p {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #777 !important;
    padding: 0px 0px;
    margin: 0 auto !important;
}

.row.zn_search_inner h3 {
    font-size: 25px !important;
    text-align: center;
    line-height: 25px;
    padding: 20px 0px;

    margin: 0px;
}





}