@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Roboto+Condensed|Roboto+Slab');

body.site{
  padding:0;
  border:none!important;
  overflow-x:hidden;
  color: #4c4742;
font-family: "Open Sans", sans-serif, "google";

font-size: 16px;

line-height: 1.3;
    
}

.singlecampain h3, .singlecampain a{
  color:#0064ff !important
}

.navigation{
  border-top:none!important
}

.bottombar{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
   background:#9FC519
}

.bottombar h2{
  color:#fff
}

.steps{
  clear:both;
  width:100%;
  margin-bottom: 40px;
  overflow:hidden
}

.sppb-row-container{
  max-width:100%
  
}

.step {
  width:25%;
  font-size: 16px;
line-height: 1;
  float:left;
  position:relative;
  padding-top: 15px;
  padding-left:35px;
height: 50px;
  background:#edece7;
  border-left: 5px solid rgba(250,250,250,.5);
}

.step.first{
    padding-left:0;

}

.step:before{
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-left:22px solid #fff;

}

.step.first:before, .step.active:before{
  border-left:none;
}

.step:after{
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 23px solid #edece7;
    border-left-color: rgb(237, 236, 231);
content: "";
position: absolute;
top: 0;
right: -22px;
z-index: 2;
}

.step.last-child:after{
  border-left:none}

.step.active{
    border-left: 22px solid transparent;
  background:#81ba06;
  color:#fff
}

.step.active:after{
      border-left-color: #81ba06;
}

.sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span {
  letter-spacing:0!important
}

.sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
  font-size:17px!important
}

#user-registration{
  margin-top:100px
}

.ui.radio.checkbox label {
  font-size:18px
}

.itemid-260 .field, .itemid-264 .field, .itemid-265 .field {
  margin-right:20px!important;
  display:none
}

.itemid-260 .required:last-of-type:after, .itemid-264 .required:last-of-type:after, .itemid-265 .required:last-of-type:after{
  display:none
}

.itemid-260 .field.alwaysshow, .itemid-264 .field.alwaysshow, .itemid-265 .field.alwaysshow{
  display:block
}

.itemid-260 .required, .itemid-264 .required, .itemid-265 .required{
  display:block
}

.itemid-260 .required:after, .itemid-264  .required:after, .itemid-265 .required:after{
  position:absolute;
  content:'*';
  color:red;
  left:6px;
  padding-top:6px
}

.plg_system_eprivacy_module div.plg_system_eprivacy_accepted{
display:none!important}

.plg_system_eprivacy_module{
top:auto;
bottom:0;
position:fixed;
z-index:999;
left:0;
right:0
}

.plg_system_eprivacy_module .plg_system_eprivacy_message button.plg_system_eprivacy_agreed{
background-color:#3FA535;
border:none;
color:#fff}

.plg_system_eprivacy_message p{
float:left;
width:70%}

.plg_system_eprivacy_message button{
float:left}

.plg_system_eprivacy_module .plg_system_eprivacy_message  a:hover{
color: #f0f0f0}

.plg_system_eprivacy_module .plg_system_eprivacy_message button.plg_system_eprivacy_declined{
background-color:transparent;
color:#fff;
text-decoration:underline;
border:none}

.plg_system_eprivacy_module .plg_system_eprivacy_message{
border:none!important;
background:#2f3336!important;
overflow:hidden;
color:#fff;
text-align:center}

button.plg_system_eprivacy_agreed, button.plg_system_eprivacy_declined{
padding:6px}



.ui.radio.checkbox {
  margin-bottom:0.5em
}

.ui.form ::placeholder {
    color: #555!important;
}

.submitlike{
  display:none
}

.likes input {
  height: 28px;
padding: 4px 6px;
  margin:0
}

#system-message-container {
  width:800px;
  text-align:center;
  margin:20px auto;
  max-width:100%
}

.itemid-293 #system-message-container{
  display:none
}

input, button, select, textarea{
  font-family: "Open Sans", sans-serif, "google";

}

.report-comment{
  color:#999;
  text-align:right;
  background:none;
  border:none;
  font-size:13px
}

button.like{
  background:#fff;
  border-radius:10px;
  padding: 2px 12px;
border: none;
box-shadow: 1px 1px 3px #777;
  margin-top:6px
}

.comment{
  border-top:1px solid #ddd;
  padding:20px 0
}

button.ui.button.blue{
  border-radius:0
}

button .arrow{
  display:none
}

.lightgreenbg .ui.form ::placeholder{
  color:#555
}


.lightgreenbg{
  padding:10px;
  background:#eefad7;
}

.lightgreenbg input{
  max-width:300px!important
}

#checkAll{
  position:relative;
  z-index:9999
}

body .ui.container{
  border:none;
  
}

.camp-thumb{
  float:left;
  width:100px;
  margin-right:20px;
  max-width:20%;
  position:absolute;
  top:6px;
  left:0
}

.itemid-230 #content{
  padding-top:50px
}

.itemid-231 #content, .itemid-232 #content, .itemid-233 #content{
  padding-top:100px
}

.itemid-230 #button13{
  float:right;
  margin-bottom:20px
}

.itemid-230 .ui.divider {
  border:none!important;
  clear:both;
  width:100%;
  display:table
}

.itemid-230 .ui.checkbox{
  width:100%
}

.itemid-230 .ui.container{
  position:relative;
  padding:6px 0
}

.itemid-230 .ui.form .inline.field {
  clear:none;
  float:left;
  padding-top:16px;
  width: 100%;
padding-left: 110px;
box-sizing: border-box;
  
}

.itemid-230 .ui.checkbox label::before, .itemid-230 .ui.checkbox label::after {
    left: auto;
    right: 0;
}



html {
  scroll-behavior: smooth;
}

a{
  color:#b62f2f
}

a:hover{
  color:darkblue
}

a.jetzbtn{
  display: block;
width: 120px;
height: 70px;
background: #b62f2f;
color: #fff;
position: fixed;
top: 45% !important;
right: 0;
text-align: center;
line-height: 1.2;
font-weight: bold;
padding: 6px;
  font-size:12px;
  transition:0.5s all;
  z-index:999
}

.itemid-219 .twitter{
  display:none!important
}

a.jetzbtn:hover{
  background:darkblue
}

.jetzbtn span{
  display:inline-block
}

.jetzbtn span:first-of-type{
  text-transform: uppercase;
font-size: 28px;
}
.checkboxcontainer{
  text-align:center;
  width:60px;
  height:60px;
    margin:0 auto;
  position:relative
}

.checkboxcontainer .icon-joomla{
  font-size:100px!important
}

.checkboxcontainer input[type="checkbox"]{
  width:60px!important;
  height:60px!important;
  margin:0 auto;
opacity:0;
position:relative;
z-index:999}

.checkboxcontainer label{
  position:absolute;
  font-size:0px!important;
  top:0;
  bottom:0;
  left:0!important;
  right:0!important;
  transition:0.5s all;
  line-height:1;
  color:#fff;
  height:60px!important;
  width:60px!important;
  content:''!important;

}

.checkboxcontainer label:before{
  top:0;
  bottom:0;
  left:0!important;
  right:0!important;
  transition:0.5s all;
  line-height:1;
  color:#fff;
  height:60px!important;
  width:60px!important;
box-shadow:2px 2px 5px 2px #999!important;
  border-radius:10px!important;
  border:none!important
}


.checkboxcontainer :checked + label:after  {
   font-family: "FontAwesome";
    content: "\f00c";
    background: red;
color: white !important;
  width:60px!important;
  height:60px!important;
  font-size:50px!important;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  line-height:1;
 box-shadow:3px 3px 8px 2px #999;

  
}

.checkboxcontainer label:after  {
   box-shadow:2px 2px 5px 2px #999;
  border-radius:10px;
  width:60px!important;
  height:60px!important;
  font-size:50px!important;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  line-height:1;
    content:'';
transition:0.5s all
  
}

.checkboxcontainer input[type="checkbox"]:checked,.checkboxcontainer input[type="checkbox"]:active{
  background:none!important;
  content:''!important
}

.redbgmarti{
  background: #CD3329!important
}

.redbgmarti p, .redbgmarti label{
  color:#fff!important
}

.field.quantity{
  width:150px
}

.field.quantity label{
  width:70px;
  float:right;
  text-align:left;
  line-height:36px
 }

.field.quantity:after{
  content:'';
  display:table;
  clear:both
}


.field.quantity input{
  width:70px!important;
  float:left;
  
}

/*.sambar ul li{
  z-index:9999
}*/
.sj-megamenu-parent .sj-dropdown li.sj-menu-item{
  width:300px!important
}

.chev {
  position: absolute;
top:15px;
/*bottom: 320px;*/

left: 50%;

margin-left: -15px;
animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-16px);
        -ms-transform: translateY(-16px);
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px);
    }
    60% {
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-16px);
        -ms-transform: translateY(-16px);
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px);
    }
    60% {
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-16px);
        -ms-transform: translateY(-16px);
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px);
    }
    60% {
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.sj-megamenu-parent .sj-dropdown li.sj-menu-item > a:hover{
  background:#333!important
}

.sj-megamenu-parent .sj-dropdown li.sj-menu-item > a:focus{
  background:gray!important
}

.sj-megamenu-parent .sj-dropdown li.sj-menu-item > a, .sj-megamenu-parent .sj-dropdown li.sj-menu-item > span{
  background:#0064ff !important
}

.navigation{
  margin:0;
  padding:0
}

.nav-collapse, .nav-collapse.collapse{
  overflow:inherit
}

.greenbg{
  background-color:#A3C616!important
}

.body > .container-fluid{
  padding:0
}

.nav-collapse, .nav-collapse.collapse{
  height:auto!important
}

.navigation .pull-left.navbar{
  display:none!important
}

.well{
  padding:0;
  background:none;
  border:none;
  box-shadow:none
}

.row-fluid .span9{
  width:64.6%
}

.row-fluid .span3{
  width:31.3%
}

.fb{
  position:fixed!important;
  left:0!important;
  top:45%!important;
   z-index:999!important;
  width:58px!important

}

.twitter{
  position:fixed!important;
  right:0!important;
  top:45%!important;
  z-index:999!important;
    width:58px!important

    
}

.redbg .ui.header .sub.header, .redbg .ui.form .field > label,.redbg .ui.form .grouped.fields > label, .redbg .ui.header, .redbg .ui.checkbox label:hover, .redbg .ui.checkbox + label:hover, .redbg .ui.checkbox label, .ui.checkbox + label{
  color:#fff!important
}

.redbg .required.field > label::after{
  color:#fff!important
}

.redbg .field-desc, .redbgmarti .field-desc{
  color:#fff
}


.padding20{
  padding:20px
}

#content ul {
  list-style:disc;
  margin-left:20px
}


.row-fluid{
  max-width:1170px;
  margin:0 auto;
}

.row-fluid.paddextra > div{
    padding:20px!important

}

#content.span12, .footer .container-fluid{
  max-width:990px;
  max-width:96%;
  margin:0 auto;
  float:none
}

#content.span9 .moduletable{
  width:100%;
  float:none;
  clear:both
}

.wide{
  width: 100vw;
  margin-left: calc(-50vw + 50%)!important;
}



#megamenucss #js-mainnav.blackwhite .js-megamenu, #js-mainnav.megamenu.blackwhite{
  background:#fff
}

#js-mainnav.megamenu.blackwhite{
  border:none
}



.header-search .mod-languages ul{
  float:right
}

/*headings*/

h1{
  font-family: "Roboto Slab", serif, "google";
font-size: 48px;
font-weight: normal;
font-style: normal;
text-align: left;
text-transform: none;
color: #80b236;
line-height:1.1
}

h2{
font-family: "Roboto", sans-serif, "google";

text-align: left;

font-size: 24px;

font-weight: normal;

font-style: normal;

text-transform: none;

color: blue;
line-height:1.1
}

h2, h3, h4, h5{
  line-height:1.1
}
.header{
  margin-bottom:0
}

/*navigaiton*/



/*footer*/

.footer{
  background:#0064ff;
  color:#fff;
  padding:40px 20px
}

.footer .custom {
  width:25%;
  float:left
}

.footer .custom:first-of-type {
  width:50%;
  float:left
}

.footer .custom:first-of-type img{
  margin-bottom: 50px;
margin-right: 20px;
}

.footer hr{
  border:none;
  margin:0
}

.footer .social img{
  max-width:36px;
  margin-right:10px
}

.footer h3{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;

font-weight: normal;

font-style: normal;

text-align: left;

text-transform: uppercase;

color: #ffffff;
}

.footer a{
  color:#4a4036
}

.sppb-toggle-direction{
  display:none
}

.sppb-panel-modern{
  border:none
}

.sppb-panel-modern > .sppb-panel-heading{
  background:#fff;
  color:#80b236;
  padding:0
}

.sppb-panel-modern .sppb-panel-body{
  padding:0;
  border:0
}


.brand.pull-left {
    max-height: 150px;
    text-align: left;
  width:20%;
  position:absolute;
  z-index:999
}

.header-search.pull-right{
  width:100%;
  position:relative;
  float:none
  
}
.header-search.pull-right > div{
  width:auto;
  float: none;
  position:absolute;
  z-index:999;
  right:0;
  left:auto
}

.header-search.pull-right > div.search{
  float: none;
text-align: right;
  position:absolute;
  z-index:999;
  right:0;
  top:50px
}

.brand.pull-left img{
  max-height:90px
}

input[type="image"].button {

    max-height: 24px;

}

/*menu*/
.sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
  font-size:16px!important;
  text-transform:uppercase;
  color:#444!important;
  font-weight:400!important;
  font-family: 'Open Sans', sans-serif!important;
}

.sj-megamenu .level-1 > a, .sj-megamenu .level-1 > a > span, .sj-megamenu .level-1 > a > span > em{
  color:#fff!important
}

.sj-megamenu .level-1:hover > a, .sj-megamenu .level-1:hover > a > span, .sj-megamenu .level-1:hover > a > span > em, .sj-megamenu .level-1:focus > a, .sj-megamenu .level-1:focus > a > span, .sj-megamenu .level-1:focus > a > span > em, .menu_horizontal .sj-megamenu:hover > a, .menu_horizontal .sj-megamenu .level-1:hover > a, .menu_horizontal .sj-megamenu .level-1 > a:hover, .menu_horizontal .sj-megamenu .level-1 > a:focus, .menu_horizontal .sj-megamenu:hover > span, .menu_horizontal .sj-megamenu .level-1:hover > span, .menu_horizontal .sj-megamenu .level-1 > span:hover, .menu_horizontal .sj-megamenu .level-1 > span:focus{
  color:#fff!important}

.offcanvas-menu.menu_fullpage, .offcanvas-menu.menu_push, .sj-level{
  z-index:99999!important;
  background:#0064ff!important;
}

.offcanvas-menu ul.nav li a, .offcanvas-menu.menu_push ul li.parent:before{
  color:#fff!important
}


.sambar .sambar-inner{
   background:#0064ff!important;
  
}

.sambar .sambar-inner .btn-sambar{
  background:#0064ff!important;
  width:40px;
  margin:0 auto!important;
  float:none!important
}

.sambar .btn-sambar .icon-bar {

    background-color: #444!important;
    box-shadow: none!important;
    height: 3px!important;
    margin: 3px 0!important;
    width: 28px!important;

}

@media screen and (max-width:1300px) {
  .sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
    font-size:16px!important;
    padding:10px 8px
  }
}

@media screen and (max-width:1100px){
  
  .sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
    font-size:15px!important;
    padding:10px 6px
  }
  
  .sj-megamenu .level-1 > a, .sj-megamenu .level-1 > span{
    padding:10px!important;
  }
}

@media screen and (max-width:767px) {
  /*facebook and twitter on the phone*/
  .fb{
      width:42px!important

}
  
  .sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
    color:#fff!important
  }
  
  
.step {
  width:50%;
  }
  
  .step.first{
    padding-left:35px;

}
  
  .step.first:before, .step.third:before{
  border-left:none;
}
  
  button .back{
    display:none
  }
  
  button .arrow{
    display:block;

  }
  
  button.ui.blue.button{
    padding:10px
  }
  
  .itemid-230 .ui.form .inline.field{
    padding-left:15%;
    padding-top:6px
  }
  
  .field.quantity label{
    text-align:center
  }

  .field.quantity{
    margin:0 auto!important
  }
  
  #display-section35 .row .column{
    text-align:center
  }
  
.twitter{
 
    width:42px!important

    
}
  /*hide fb and twitter buttons on mobile devices for selected pages */
  
 .itemid-219 .twitter, .itemid-219 .fb ,  .itemid-202 .twitter, .itemid-202 .fb, .itemid-172 .twitter, .itemid-172 .fb,  .itemid-220 .twitter, .itemid-220 .fb, .itemid-222 .twitter, .itemid-222 .fb, .itemid-223 .twitter, .itemid-223 .fb, .itemid-224 .twitter, .itemid-224 .fb, .itemid-225 .twitter, .itemid-225 .fb, .itemid-226 .twitter, .itemid-226 .fb, .itemid-227 .twitter, .itemid-227 .fb, .itemid-228 .twitter, .itemid-228 .fb, .itemid-229 .twitter, .itemid-229 .fb {
    display:none
  }
  
  a.jetzbtn{
    width:80px;
    font-size:11px
  }
  
  .jetzbtn span:first-of-type{
    font-size:26px
  }
  
  .row-fluid .span9{
  width:100%
}

.row-fluid .span3{
  width:100%
}
  
  .navigation .nav-child{
    position:relative;
    display:block;
    background-color:transparent;
    border:none;
    box-shadow:none
  }
  
  .navigation .nav > li::before{
    display:none
  }
  
  
  
  .header-search.pull-right > div.search{
    top:25px
  }
  
 .header-search.pull-right > div.search .button {
  display:none}
  
  .offcanvas-menu{
        background-color: #0064ff!important;

  }
  
  .offcanvas-menu ul.nav li a {
            background-color: #0064ff!important;

  }
  
  .offcanvas-menu.menu_fullpage, .offcanvas-menu.menu_push, .sj-level{
                background-color: #0064ff!important;

  }
  
  .offcanvas-menu.menu_fullpage, .offcanvas-menu.menu_push, .sj-level, .sambar ul li, .navigation .nav li li .nav-child, .offcanvas-menu ul.nav li a {
background-color: #0064ff!important}
  
  .sj-pusher::after, .sj-level::after {
    background:none!important}
  
  
  .sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
    padding:0 10px
  }
  
  .offcanvas-menu ul.nav li span {

    color: rgba(255, 255, 255, 0.87);
    display: block;
    padding: 10px 20px;
    -webkit-transition: all 200ms ease-in-out 0s;
    transition: all 200ms ease-in-out 0s;

}
  
  
  
  .nav-child{
    font-size:14px!important
  }
  
  .chev {
  position: absolute;

bottom: 60px;
  }
  
  /*.nav-child  .sj-level{
    transform:none!important
  }*/
  
  .navigation .nav li li .nav-child {
    background: #0064FF!important
  }
  
  /*.offcanvas-menu.menu_push ul li div.sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
    display:none
  }*/
  
  .navigation .nav li li .nav-child{
    top:0;
    left:0
  }
  
  .navigation .nav-child a{
    line-height:inherit!important
  }
  
}

@media screen and (max-width:640px) {
  .brand.pull-left{
  display:block
}
  
  .header-search.pull-right > div.search{
    display:none
  }
  
  .footer .custom:first-of-type, .footer .custom{
    width:100%;
    float:none
  }
  
  
.step {
  width:100%;
  }
  
  .step.active, .step:before{
    border-left:none
  }
  
  
  
}

@media screen and (min-width:100px){
  /*.sj-megamenu-parent .sj-dropdown li.sj-menu-item{
  display:inline-block!important
}*/
  
  .menu_horizontal ul.sj-megamenu-horizontal{
    display:block!important;
    text-align:center!important;
    width: 100vw!important;
  margin-left: calc(-50vw + 50%)!important;
    background-color: #0064ff!important;
  }
  
  .sj-megamenu .level-1{
    border:none!important;
    float:none!important
  }
  
  .sj-megamenu-parent > .level-1 > .sj-dropdown > .sj-dropdown-inner{
    padding:0!important
  }
  
  .sj-megamenu-parent .sj-dropdown{
    border:none!important;
    box-shadow:none!important
  }
  
  .sj-megamenu-parent > .level-1 > .sj-dropdown > .sj-dropdown-inner{
    box-shadow:none!important
  }
  
  /*.sj-megamenu-parent .sj-dropdown.sj-dropdown-main{
    width:100%!important
  }*/
  
 .sj-megamenu-parent > .level-1 > .sj-dropdown > .sj-dropdown-inner {
    text-align:center;
    background:rgba(3,156,224,.97)!important;
   /* width: 100vw!important;
 margin-left: calc(-50vw + 50%)!important;
   left: 0!important;
right: 0!important;*/
  }
  
  .sj-megamenu a, .sj-megamenu .level-1 > a > span, .sj-megamenu .level-1 > a > em {

    min-height: 46px!important;

}
  
  .sj-megamenu-parent .sj-dropdown li.sj-menu-item > a, .sj-megamenu-parent .sj-dropdown li.sj-menu-item > span{
    color:#fff!important
  }
  
  .sj-megamenu-parent .sj-dropdown li.sj-menu-item > a:hover, .sj-megamenu-parent .sj-dropdown li.sj-menu-item > span:hover{
    color:#fff;
    background:#036
  }
  
 #content .sj-megamenu ul{
    margin:0
  }
  
  .navigation .nav-child{
    display:block;
    background:none;
    border:none;
    box-shadow:none;
    position:static;
    top:0;
    width:100%;
    box-shadow:none
  }
  
  
  
  .sj-megamenu-parent > li > a, .sj-megamenu-parent > li > span, .sj-megamenu-parent .sj-dropdown li.sj-menu-item, .sj-level, .sj-level .small, .sj-level h2, .offcanvas-menu.menu_push ul li a.sj-back{
    color:#fff!important
  }
  
  
}

@media screen and (max-width:480px) {
  .nav-collapse {
    -webkit-transform: none;
}
  
}