/* FLOATING BUTTON */

.fabchat {
    bottom: 20px !IMPORTANT;
    right: 5px !IMPORTANT;
}

div#btn {
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-right: 3px solid;
}

div#btn {
    box-shadow: 0px 0px 15px #c0d700;
}

div#btn {
    border-radius: 30px;
}

.sp-scroll-up {
    right: 90px !important;
}

.fab-options {
    bottom: 60px !important;
    right: -8px !important;
}

/* END OF FLOATING BUTTON */


div#btn {
    transition: 500ms;
}


/* LOGO */

.logo-image {
    height: auto !IMPORTANT;
    width: 200px !important;
    margin-left: 120px !important;
}

@media (min-width: 768px) and (max-width: 1280px){
  .logo-image {
    height: auto !IMPORTANT;
    width: 200px !important;
    margin-left: auto !important;
}
  
}

@media (max-width: 767px){
  .logo-image {
    height: auto !IMPORTANT;
    width: 200px !important;
    margin-left: auto !important;
}
  
}

/*
#sp-header {
    padding: 0px 55px 0 180px !important;
}
*/

div#sp-logo {
    padding: 0px !important;
}




@media (min-width: 767px) and (max-width: 1017px){
  #sp-header {
    padding: 0px 55px 0 39px !important;
}
  
}

@media (min-width: 1018px) and (max-width: 1132px){
  #sp-header {
    padding: 0px 55px 0 65px !important;
}
  
}

@media (min-width: 1132px) and (max-width: 1248px){
  #sp-header {
    padding: 0px 55px 0 50px !important;
}
  
}

@media (min-width: 1249px) {
  #sp-header {
    padding: 0px 55px 0 90px !important;
}
  
}


/* END OF LOGO */





/* BUTTON */
.sppb-btn.sppb-btn-primary.sppb-btn-rounded {
    background: #c0d700 !important;
   transition: 0.3s ease !important;
      border-radius: 18px !important;
    padding: 16px 40px !important;
    box-shadow: 0 0 30px 5px #c0d7007a !important;
  FONT-SIZE: 16PX !IMPORTANT;
      font-weight: 400 !IMPORTANT;
}

.sppb-btn.sppb-btn-primary.sppb-btn-rounded:hover {
    background: #c0d700 !important;
      transform: scale(1.1) !important;
    transition: 0.3s ease !important;
      border-radius: 18px !important;
    padding: 16px 40px !important;
    box-shadow: 0 0 10px 3px #c0d7007a !important;
  FONT-SIZE: 16PX !IMPORTANT;
   font-weight: 400 !IMPORTANT;
      color: #17161a !important;
}

.sppb-btn.sppb-btn-default.sppb-btn-outline:focus{
  
      border-color: TRANSPARENT !IMPORTANT;
  
}



/* END OF BUTTON */





/* HEADER MENU */



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before {
 
    height: 3px !important;
    background-color: #798800 !important;

}




#sp-menu > .sp-column nav.sp-megamenu-wrapper {
   
    margin-right: 30px !important;
 
}





#sp-header.header-sticky {
    transition: 1s !important;
}

#sp-header.transparent-header.header-sticky .contact-us-wrap .sppb-btn {
    color: white !important;
}

#sp-header.transparent-header.header-sticky .contact-us-wrap .sppb-btn:hover {
     color: #17161a !important;
}


body .sppb-btn.sppb-btn-default.sppb-btn-outline{
      border-color: transparent !important;
      background: #c0d700 !important;
   transition: 0.3s ease !important;
      border-radius: 18px !important;
    padding: 10px 30px  !important;
    box-shadow: 0 0 30px 5px #c0d7007a !important;
  FONT-SIZE: 16PX !IMPORTANT;
      font-weight: 400 !IMPORTANT;
  color: white !Important;
      border-image: none !important;
  /*
      animation-name            : shadow;
    animation-duration        : 1.5s;
    animation-iteration-count : infinite  , infinite;
    animation-direction       : alternate , alternate;
  */
}

body .sppb-btn.sppb-btn-default.sppb-btn-outline:hover {
    background: #c0d700 !important;
      transform: scale(1.1) !important;
    transition: 0.3s ease !important;
      border-radius: 18px !important;
    padding: 10px 30px !important;
    box-shadow: 0 0 10px 3px #c0d7007a !important;
  FONT-SIZE: 16PX !IMPORTANT;
   font-weight: 400 !IMPORTANT;
      color: #17161a !important;
  border-image: none !important;
  border-color: transparent !important;
 
}


.sppb-btn.sppb-btn-default.sppb-btn-outline.btn-black:hover{
  
  color: #17161a !important;
  
}

@keyframes shadow {
    from { filter: drop-shadow(0px 0px 0px #c0d7007a); }
    to   { filter: drop-shadow(0px 0px 50px #c0d7007a); }
}




.sp-megamenu-parent > li > a .nav-counter, .sp-megamenu-parent > li > span .nav-counter {
    color: #c0d700 !IMPORTANT;
}

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before {
    background-color: #c0d700 !important;
}

#sp-header.transparent-header.header-sticky .sp-megamenu-parent > li > a .nav-counter{
  
  color: BLACK !IMPORTANT;
}

@media (max-width: 1199px){
#sp-header #sp-menu > div.sp-column > .sp-module {
    display: BLOCK !IMPORTANT;
}
}

@media (min-width: 767px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    margin-right: 7px !important;
    margin-left: 25px !impoortant;
}
}


/* END OF HEADER MENU */

/* FONT TYPE AND SIZE */
body {
    font-family: 'Roboto', sans-serif !IMPORTANT;
    font-size: 16px;
    font-weight: normal;
}

h1 {
    font-size: 22px;
}

/* END OF FONT TYPE AND SIZE */


/* CTA SECTION */


div#cta {
  
   background-color: #ffffff63 !IMPORTANT;
    backdrop-filter: blur(10px) !IMPORTANT;
   -webkit-backdrop-filter: blur(10px) !IMPORTANT;
    border-radius: 30px !IMPORTANT;
  box-shadow: 0 0 20px 4px #ffffff2e !IMPORTANT;
}



@media (max-width:991px){
.sp-page-builder .page-content #ctaBG {
    background-size: auto !important;
}
}






/* END OF CTA SECTION */



/* FOOTER */

#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
    color: #c0d700 !important;
}

#sp-footer, #sp-bottom {
    background: #353535 !IMPORTANT;
  padding: 30px 0 60px !IMPORTANT;
}

#sppb-addon-wrapper-1611676081530 {
    margin: 0px 0px 0px 0px !IMPORTANT;
}


#sppb-addon-1611676081530 ul {   
    height: 111px !important;  
}


#sppb-addon-1611632823062 ul {
    height: 131px !important;
}

#sppb-addon-1611718495529 .sppb-icons-group-list li#icon-1611718495530 a {
    padding: 0px !important;
    border-style: none !important;
    width: auto !important;
      margin-right: 15px !important;
}

#sppb-addon-1611718495529 .sppb-icons-group-list li#icon-1611718495531 a {
       padding: 0px !important;
    border-style: none !important;
      width: auto !important;
 
}

.sp-page-builder .page-content #section-id-1611632823046 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


#sp-bottom .sp-module {
    margin-bottom: 0px !important;
}


/* END OF FOOTER */


/* PAGE TITLE */

.sp-page-title {
    background-color: #000000 !important;
      margin-top: 0px !important;
        background-size: contain !important;
    background-position: inherit !important;
    background-attachment: fixed !important;
      background-repeat: no-repeat !important;
    
}

.sp-page-title .sp-page-title-heading {
    position: unset !important;
  background: unset !important; 
         margin-left: 0px !important;
  margin-bottom: 0px !important;
}


.sp-page-title .sp-page-title-heading:before {

    background: unset !important;
} 

@media (max-width: 3000px) and (min-width: 767px){
.sp-page-title .sp-page-title-heading {
       font-size: 80px !IMPORTANT;
    line-height: 190px;
}
}


@media (max-width: 991px){
  .sp-page-builder .page-content #pageTitleBG {
    background-image: url(/images/00avocadot/logo/page-title-bg-new3.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: 84% -60px  !important;
}
}






/* END OF PAGE TITLE */


/* SCROLL ON TOP */
.sp-scroll-up {
    bottom: 24px !IMPORTANT;
}

/* END OF SCROLL ON TOP */



/* PROMOTION PAGE */
  .noMENU header#sp-header {
    display: none !important;
}


.noMENU section#sp-bottom{
  display: none !important;
  
}

/* END OF PROMOTION PAGE */


/* OFFCANVAS */

#offcanvas-toggler {
    font-size: 25px !IMPORTANT;
}


#sp-header .logo {
    display: grid !IMPORTANT;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {

    font-size: 24px !IMPORTANT;
    line-height: 56px !IMPORTANT;
 
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    color: #c0d700 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus{
    color:  #c0d700 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: rgb(0 0 0) !important;
    font-size: 22px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler {
        color: #000000 !important;
}

#offcanvas-toggler > .fa:hover {
    color: #c0d700;
}

body.ltr .close-offcanvas {
    right: 15px !IMPORTANT;
}

.close-offcanvas span {
    left: 0px !IMPORTANT;
    font-size: 18px !IMPORTANT;
}

.close-offcanvas {
    position: absolute;
    top: 15px !IMPORTANT;
    border-radius: 100% !IMPORTANT;
    width: 26px !IMPORTANT;
    height: 26px !IMPORTANT;
    line-height: 26px;
    text-align: center;
    font-size: 19px;
    background: #000000 !IMPORTANT;
    color: #fff !IMPORTANT;
    right: -25px;
    border-radius: 20px 20px 20px 20px !IMPORTANT;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}


label#bfLabel45 {
    margin-bottom: 20px !important;
}

span.sp-slider-btn-text {
    visibility: unset !important;
}

/* off-canvas*/

.iconCENTER .sppb-row {
    justify-content: center;
}

/*Enquiry form
input#ff_elem271 {
    display: none !important;
}*/

.bfQuickMode .controls .control-label {
    vertical-align: top !important;
    margin-top: -10px !important;
}

.icon-asterisk:before{
  content: "\002a";
}

.glyphicon-asterisk:before{
  content: "\002a";
}

.fa-chevron-up:before {
    margin-left: -14px;
}
.fa-comments:before {
    margin-left: -14px;
}

/*floalting button*/
#hover_text {
    right: 3px !important;
    top: 20% !important;
   line-height: 10px !important;
}
.fab-checkbox:checked ~ .fabchat #close {
    transform: unset !important;
}
#close {
    right: 16px !important;
    font-size: 28px !important;
}
#phone button .hover_text {
    top: 33px !important;
   left: 0px !important;
    right: 21px !important;
}
#whatsapp button .hover_text {
	top: 33px !important;
    left: -20px !important;
    right: 0px !important;
}

section#section-id-1673597855918 {
    background-color: #353535;
}