@media screen and (max-width:992px){
  .cta-bg{background-position: 53% 50%!important;}}

#sp-bottom .sp-module .sp-module-title {
    text-transform: uppercase;
    font-weight: 900!important;
    color: #000!important;
}

@media screen and (min-width:992px){
  div#sp-menu i.fa.fa-user-circle {font-size: 20px;line-height: 90px;}}
/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu {
    background: url(/images/000_extend/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}


.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{
  background: #407535 !important;
  color:white!important;
}


/*-------------------------
    HOVER LINE MENU
--------------------------*/
.sp-megamenu-parent >li >a:before,
.sp-megamenu-parent >li >span:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 0;
  background: #407535;
  left: 0;
  top: 0;
  right: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin: auto;
}

.sp-megamenu-parent >li.active>a:before,
.sp-megamenu-parent >li:hover>a:before {
  height: 30%;
}



/*-------------------------
    BREADCRUMB
--------------------------*/
@media screen and (max-width:992px){
.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 13px!important;
  width: 50%!important;}}



/*--------------------------------
         landing
--------------------------------*/
.extend-landing header#sp-header {
    display: none;
}



@media only screen and (max-width: 480px){
div#myModalpopup{
    width: 320px !important;
    height: 460px!important;}}