body #sp-header{
  background:#FFF;
    padding-bottom:20px
}
body {
  background:#F3F3F3;
}

.burger-icon>span,.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span{
  background-color:#333;
}
.m-size{
  font-size:0.8em;
}
p {
    margin-top: 0;
    margin-bottom: 0;
}
#sp-header{
  padding-top:10px;
  height:80px;
}
.sp-megamenu-parent>li:after{
      bottom: 0;
  left:5px;
  background:#56C1FF;
}
#sp-footer{
  background:#C3C3C3;
}
#sp-menu{
  flex:auto;
  display: flow;
}
#sp-menu>div{
  float:right;
}

body .sp-megamenu-parent>li>a, body .sp-megamenu-parent>li>span, body .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
  color: #8A8A8A;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a,
body .sp-megamenu-parent>li:hover>a, body .sp-megamenu-parent>li:hover>span, body .sp-megamenu-parent>li.active>a, body .sp-megamenu-parent>li.active>span{
  color : #56C1FF;
  font-size: 12px
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{
  color:#000;
    font-size: 12px

}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
    font-size: 12px

}
@media only screen and (min-width: 800px) {
  #offcanvas-toggler {
    display:none!important
  }
}
.s-shadow{
    box-shadow: 3px 3px 6px 1px #00000030!important
}
.contact-1 #sp-main-body{
  background:#fff
}
.head-slogan{
  position :absolute!important ;
  top:25px;
  left : 330px;
  z-index: 999;
}
@media only screen and (max-width: 1100px) {
.head-slogan{
  position :absolute!important ;
  top:25px;
  left : 200px;
  z-index: 999;
  font-size:14px;
}

}
@media only screen and (max-width: 800px) {
.head-slogan{
  position :relative!important ;
  top:25px;
  left : 0;
   font-size:12px;

  text-align:center;
  z-index: 999;
}

}