.rTable { display: table; width: 100%;} 
.rTableRow { display: table-row; }
.rTableRow2 { display: table-row; background-color: #ddd;}
.rTableHeading { background-color: #ddd; display: table-header-group; }
.rTableCell, .rTableHead { display: table-cell; padding: 3px 5px; border: 0px solid #999999; }
.rTableCell:first-of-type{
width:130%; text-align: left;
}
.rTableCellTop { display: table-cell; vertical-align: top; padding: 3px 5px; border: 0px solid #999999; }
.rTableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.rTableBody { display: table-row-group; }
.rTableCellSlika { display: table-cell; vertical-align: middle; padding: 3px 5px; border: 0px solid #999999;width: 160px }
.rTableCellDown { display: table-cell; vertical-align: middle; padding: 3px 5px; border: 0px solid #999999;width: 80px }

.rTableP { display: table; width: 100%;} 
.rTableRowP { display: table-row; }
.rTableRowP2 { display: table-row; background-color: #ddd;}
.rTableHeadingP { background-color: #ddd; display: table-header-group; }
.rTableCellP, .rTableHead { display: table-cell; padding: 3px 5px; border: 0px solid #999999; }
.rTableCellP:first-of-type{
text-align: left;
}
.rTableCellTopP { display: table-cell; vertical-align: top; padding: 3px 5px; border: 0px solid #999999; }
.rTableHeadingP { display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFootP { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.rTableBodyP { display: table-row-group; }
.rTableCellSlikaP { display: table-cell; vertical-align: middle; padding: 3px 5px; border: 0px solid #999999;width: 160px }
.rTableCellDownP { display: table-cell; vertical-align: middle; padding: 3px 5px; border: 0px solid #999999;width: 80px }

blockquote{
  background: snow;
padding: 15px 20px;
margin: 10px 10px 20px;
font-size: 17px;
border: 1px solid #ccc;
 border-left-color: rgb(204, 204, 204);
  border-left-style: solid;
  border-left-width: 1px;
border-left: 15px solid #ccc;
box-shadow: 10px 10px 10px #ccc;
}

.btn-success2 >a {
font-weight: bold;
background: #2275ad;
color: white;
box-shadow: 7px 7px 7px #ccc;
}
.btn-success2 >a:hover {
margin-left:1px;
background: #2275ad;
color: white;
box-shadow: 5px 5px 5px #bbb;
}

/* background-color: rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.235)}*/

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 4px;
border:1px solid #ccc;
margin-bottom: 2px;
box-shadow: 2px 2px 2px #ccc;
}
.sp-megamenu-parent>li>a {
padding-left: 8px;
padding-right: 8px;
border-right: 1px solid #000;
}

#sp-main-body {
    padding: 15px 0;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 4px 0px 3px;
}
@media (max-width: 1400px) {
    #offcanvas-toggler {
        display: block !important;
    }
    #sp-menu .sp-megamenu-parent {
        display: none !important;
    }
}
html body .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, 
html body .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { 
display: none;
visibility: hidden;
opacity: 0;
}
html body .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
display: block !important;
height: auto !important;
}
/*.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-menu-item > a {
  text-transform: uppercase;
}*/
.sp-megamenu-parent .sp-mega-group > li > a {
  padding:4px;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
  background: #0f4c81;
  padding:4px;
    color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	text-decoration:none;
  padding: 8px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	
  background: #0f4c81;
  color: #fff;
  padding-left: 8px;
}

.jm-module {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding: 15px;
border-radius: 3px;
margin-bottom: 15px;
}


#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
line-height: 20px;
padding-left:4px;
}
#sp-left .sp-module ul > li > a:hover, #sp-right .sp-module ul > li > a:hover {
background: #0f4c81;
color:white;
}

element {

}
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {

    margin-top: 0;

}
#sp-left .sp-module, #sp-right .sp-module {
padding-left: 15px;
padding-right: 15px;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title{
padding-bottom: 10px;
font-size: 110%;

}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  margin-top: 20px;
}
section.pricing {
  background: #007bff;
  background: linear-gradient(to right, #0062E6, #33AEFF);
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }

  .pricing .card:hover .btn {
    opacity: 1;
  }
}    .card1:hover {
      background:#00ffb6;
      border:1px solid #00ffb6;
    }

    .card1:hover .list-group-item{
      background:#00ffb6 !important
    }


    


    .card2:hover {
      background:#00C9FF;
      border:1px solid #00C9FF;
    }

    .card2:hover .list-group-item{
      background:#00C9FF !important
    }


    .card3:hover {
      background:#b4ff95;
      border:1px solid #b4ff95;
    }

    .card3:hover .list-group-item{
      background:#b4ff95 !important
    }


    .card:hover .btn-outline-dark{
      color:white;
      background:#212529;
    }
	
	.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
	  
	  .progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.jm-custom-content .jm-icon {
  float: left;
  background: url('../images/custom/custom-badge-bg.png') no-repeat center center;
  margin: 0 0 30px;
}

element {

}
.jm-custom-content span {
 display: block
}
.jm-custom-content .jm-icon {
 float: left;
 background: url('../images/custom/custom-badge-bg.png') no-repeat center center;
 margin: 0 0 30px
}
.jm-custom-content .jm-icon-in {
 width: 170px;
 height: 170px;
 margin: 15px;
 background: #292929;
 border-radius: 100%;
 border: 10px solid #f4f4f4;
 box-sizing: border-box
}
.jm-custom-content .jm-icon-in span {
 text-align: center
}
.jm-custom-content .jm-icon-in .up {
 margin-top: 17px
}
.jm-custom-content .jm-icon-in .up,
.jm-custom-content .jm-icon-in .down {
 font-size: 18px;
 line-height: 1;
 color: #ccc
}
.jm-custom-content .jm-icon-in .middle {
 font-size: 60px;
 line-height: 1.2;
 color: #fff
}
.jm-custom-content .jm-description {
 float: left;
 vertical-align: top;
 padding-left: 15px
}
.jm-custom-content .jm-description p {
 margin: 10px 0
}
.jm-custom-content .jm-description .title {
 font-size: 20px;
 font-weight: 700;
 line-height: 1.1;
 text-transform: uppercase;
 color: #323232;
 margin: 0 0 20px
}
.jm-custom-content .jm-description .custom-icon1,
.jm-custom-content .jm-description .custom-icon2 {
 display: block;
 padding: 20px 0 20px 100px;
 margin: 5px 0;
 background-repeat: no-repeat;
 background-position: left center
}
.jm-custom-content .jm-description .custom-icon1 span,
.jm-custom-content .jm-description .custom-icon2 span {
 font-weight: 700;
 color: #323232
}
.jm-custom-content .jm-description .custom-icon1 {
 background-image: url('../images/custom/custom-icon1.png')
}
.jm-custom-content .jm-description .custom-icon2 {
 background-image: url('../images/custom/custom-icon2.png')
}
.jm-custom-content .jm-description .readmore {
 margin: 20px 0 0
}

#content-desktop2 {display: block;}
#content-mobile2 {display: none;}

@media (max-width: 768px) {
    #content-desktop2 {display: none;}
    #content-mobile2 {display: block;}
    }
.sppb-pricing-box {
display: flex; flex-direction: column;
min-height: 390px; }
.sppb-pricing-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}