@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.2;
    
}

.nav .separator {
  color:#999;
  
}

html {
  scroll-behavior: smooth;
}

.sj-megamenu-parent .sj-dropdown li.sj-menu-item.active > a, .sj-megamenu-parent .sj-dropdown li.sj-menu-item.active > a:hover, .sj-megamenu-parent .sj-dropdown li.sj-menu-item > a:hover{
  color:red!important
}

/*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;
}

.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{
  background:#fff!important
}

.sj-megamenu .level-1 > a, .sj-megamenu .level-1 > a > span, .sj-megamenu .level-1 > a > span > em{
  color:#000!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{
  color:red!important}

.menu_horizontal .sj-megamenu > span, .menu_horizontal .sj-megamenu .level-1 > span, .menu_horizontal .sj-megamenu .level-1 > span, .menu_horizontal .sj-megamenu .level-1 > span {
  color:#999!important
}

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

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


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

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

.sambar .btn-sambar .icon-bar {

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

}

p{
  line-height:1.2
}

.chev {
  position: absolute;

bottom: 50px;

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);
    }
}

.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, .ui.form .inline.fields > label{
  color:#fff!important
}



/*password hidden*/

input[type="password"], .ui.form input[type=password]{
  display:none!important
}


input[type="image"].button{
  max-height:24px
}

fieldset.phrases, fieldset.only{
  display:none
}

.header-inner{
  max-width:1220px;
  margin:0 auto;
  padding: 10px 15px
}

.container-fluid{
  max-width:1220px;
  margin:0 auto
}

.ui.dividing.header{
  clear:both
}


#js-meganav {

    border: none;
    box-shadow: none;
    width: auto;
    max-width: 960px;
    margin: 0 auto !important;

}

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

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

.brand.pull-left {
    max-height: 150px;
    text-align: left;
  width:20%
}

.header-search.pull-right{
  width:80%
}
.header-search.pull-right > div{
  width:50%;
  float: right;
}

.header-search.pull-right > div.custom{
  width:100%
}

.header-search.pull-right > div.search{
  float: left;
text-align: right;
}

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


#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;
}

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

text-align: left;

font-size: 24px;

font-weight: normal;

font-style: normal;

text-transform: none;

color: #80b236;
}

/*navigaiton*/

.nav{
  margin-top:50px
}



.nav li a{
  font-family: "Roboto Condensed", sans-serif, "google";

font-size: 16px;

font-weight: normal;

font-style: normal;

text-transform: uppercase;

color: #7d6755;

background-color: #ffffff;
}

.nav li a.current, .nav li a.active{
  color:#80b236
}

.nav li a:hover{
  text-decoration:none;
  color:#80b236;
  background:none
}

.nav-child {
  display:none;
  position:absolute;
  transition:all 0.3s;
  z-index:99;
  border-bottom: 5px solid rgba(150,150,150,.2);

box-shadow: 5px 5px 30px rgba(0,0,0,.15);
  min-width:200px;
  max-width:250px
}

.nav .nav-child li{
  padding: 10px;
  float:none;
  background:#fff;
  width:auto
}

.nav li:hover .nav-child {
display:block
}

/*footer*/

.footer{
  background:#ADA197;
  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
}
@media screen and (max-width:1366px){
  .custompad{
    padding-bottom:200px!important
  }
}
@media screen and (max-width:640px) {
  .brand.pull-left{
  display:block
}
  
  .footer .custom:first-of-type, .footer .custom{
    width:100%;
    float: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: #fff!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:#ddd!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;

}
  
  
}