a {color: unset;}
section#sp-main-body {background: white;}
/*************************
		logo
**************************/
img.logo-image-phone.d-inline-block.d-lg-none {
    width: 140px;}

/*************************
		pgtitle
**************************/
h2.sp-page-title-heading {
    font-family: 'Roboto'!important;
    color: white!important;
    letter-spacing:1px;}

.sp-page-title {padding: 190px 0 90px;}

@media screen and (max-width:768px){
.sp-page-title {
    padding: 100px 0px 50px 0;
    background-position: 69% 18%;
    background-size: cover;
  }}
/*************************
		menu
**************************/
#sp-header.header-sticky {background:#00235a;}

.sp-megamenu-parent > li > a {color: #fff;font-size:14px;font-weight:900;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 500;
    letter-spacing:1px!important;}

@media screen and (min-width:993px){
div#sp-menu {
    margin: auto;
    max-width: 590px!important;}
  
#sp-header .sp-megamenu-parent > li > a:before {
    display:none;
    content: " ";
    width: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
}

@media screen and (min-width:992px) and (max-width:992px){
div#sp-menu {
margin:unset!important;
  max-width: 590px!important;}

ul.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block {
    position: relative;
    left: -230px;
}
  
#sp-header .sp-megamenu-parent > li > a:before {
    display:none;
    content: " ";
    width: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
}

@media screen and (max-width:992px){
div#sp-menu .sp-column {
    float: right!important;
    position: absolute;
    right: 0;}

body.ltr #offcanvas-toggler.offcanvas-toggler-right{
    line-height: 76px;}
}

/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu {
    background: url(/images/0_khishnu/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}


/*************************
		bottom
**************************/
#sp-bottom3 a {font-size:16px!important;}
#sp-bottom3 a {color: white!important;}

section#sp-bottom .sp-module-title {
    color: white!Important;
    font-weight: 900!important;
    letter-spacing: 2px!important;
    font-size: 20px!important;}

div#sp-bottom3 {
    text-align: center;
    line-height: 30px!important;}

div#sp-bottom3 a{line-height: 30px!important;}


/*-------------------------
     bottom hover
--------------------------*/ 
#sp-bottom3 .sp-module ul li {position:relative}
#sp-bottom3 .sp-module ul >li:before {
  position: absolute;
  content: "";
  color: #fff;
  left: -2px;
  top: 3px;
  background: url(/images/0_khishnu/caret.svg);
  background-repeat: no-repeat;
  height: 500px;
  width:600px;
  transform: scale(0.02);
  top: -237px;
  left: -153px;
  display:none;
}

@media screen and (max-width:768px){
#sp-bottom3 .sp-module ul >li:before {
  position: absolute;
  content: "";
  color: #fff;
  left: -2px;
  top: 3px;
  background: url(/images/0_khishnu/caret.svg);
  background-repeat: no-repeat;
  height: 500px;
  width:600px;
  transform: scale(0.02);
  top: -236px;
  left: -166px;
  display:none;
  }}



#sp-bottom3 .sp-module ul >li:hover a{
  margin-left:15px;
} 

#sp-bottom3 .sp-module ul >li:hover:before {
display:block;
}

/*************************
		footer
**************************/
footer#sp-footer {background:#00235a;}
footer#sp-footer {
    text-align: center;
    font-size: 16px;
    color: #fff;
}

footer#sp-footer a{
    text-align: center;
    font-size: 16px;
    color: #fff;
}

/*background scroll*/
@media screen and (max-width:768px){
#move{
  animation: scroll 30s linear infinite;
  color: #eee;}}

@keyframes scroll {
   0%{
    background-size: 1920px 1200px;
}
   50%{
    background-size: 2520px 1500px;
}
   100%{
    background-size: 1920px 1200px;
  }

}

@media screen and (max-width:768px){
@keyframes scroll {
   0%{background-size: 600px 500px;}
   50%{background-size: 800px 600px;}
   100%{background-size: 900px 700px;}
}
}

.contact-form .bfQuickMode .bfbs3-form-group .bfbs3-control-label, .bfQuickMode .form-group .control-label {
    width: 0%;
}

@media (min-width: 576px){
.contact-form .form-inline label {
    display: unset;}
}