﻿/* Custom Smart Menu CSS */

/* main bar style */
.sm-clean {
    background: #e1e2e2;
    border-radius: 0;
}

/* default href style */
.sm-clean a {
    color: #0055a5;
    text-decoration: none;
}

/* current href style */
.sm-clean a.current {
    color: rgb(196,74,70);
}
#nav-wrapper #top-nav-menu {
clear:both;
    width:100%;
    border-top: 1px solid white;
    /*padding: 10px;
    padding-bottom: 0px;*/
    background:#222;
}
#nav-wrapper #top-nav-menu .main-menu-btn{
        padding: 0px;
    margin: 10px;
    /*margin-bottom: 3px;*/
    /* float:right; */
}
    #nav-wrapper #top-nav-menu label.main-menu-btn {
        float:right;
    }
    #nav-wrapper #top-nav-menu #main-menu {
        clear:both;
    }
ul#main-menu {
	margin-top:0px;
    margin-bottom: 10px;
    background:#222;
}
#nav-wrapper #top-nav-social {
    float: right;
    position: absolute;
    top: 8px;
    right: 8px;
}
 div.top-nav-logo-position{
         position:absolute; top:0; left:80px; z-index:3;height:auto;
 }
  div.top-nav-logo-position-inner{
         position:absolute; top:0; left:70px; z-index:3;height:auto;
 }
   div.top-nav-logo-position-inner-certified{
         position:absolute; top:0; left:70px; z-index:3;height:auto;
 }
    @media (max-width: 1525px)
    {
        div.top-nav-logo-position-inner-certified{
         position:absolute; top:0; left:5px; z-index:3;height:auto;
         }
    }
@media (max-width: 1375px){
    div.top-nav-logo-position{
         position:absolute; top:0; left:32px; z-index:3;height:auto;
     }
    div.top-nav-logo-position-inner{
         position:absolute; top:0; left:20px; z-index:3;height:auto;
     }
     div.top-nav-logo-position-inner-certified{
         position:absolute; top:0; left:0; z-index:3;height:auto;
     }
}

@media (min-width: 1325px) {
   #nav-wrapper #top-nav-menu {
        clear:none;
        float:right;
        margin: 35px 0 0 0;
        width:auto;
        background:#e1e2e2;
        border-top: none;
    }
    #top-nav-logo{
        display:none;
    }
     #top-nav-logo-home{
        visibility:visible;
    }
 
ul#main-menu {
	margin-top:10px;
    margin-bottom: 0px;
    background:#e1e2e2;
}
    
    /* main bar style desktop */
    .sm-clean {
        background: rgb(55,53,54);
        border-radius: 0;
    }

    /* default href style desktop */
    .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
        /*color: #ffffff;*/
        padding: 12px 23px;
    }

    /* hover href style desktop */
    .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
        color: rgb(196,74,70);
    }

    /* current href style desktop*/
    .sm-clean a.current {
        color: rgb(196,74,70);
    }

    /* base style for dropdown */
    .sm-clean ul {
        border: 1px solid #0055a5;
        background: #808080;
    }

    /* default href style within dropdown */
    .sm-clean ul a {
        color: #ffffff;
    }

    /* hover href style within dropdown */
    .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
        color: #555555;
    }

    /* current href style within dropdown */
    .sm-clean ul a.current {
        color: #ffffff;
    }

    /* scroll bar style */
    .sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
        border-color: transparent transparent rgb(196,74,70) transparent;
    }

    /* scroll bar style */
    .sm-clean span.scroll-down:hover span.scroll-down-arrow {
        border-color: rgb(196,74,70) transparent transparent transparent;
    }
}




.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 1325px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
@media (max-width: 1325px){
      #top-nav-logo-home{
        visibility:hidden;
    }
}