/* new menu */

.navigation-menu ul>* a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

nav {
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
	box-shadow: 0 0 2px 0 rgba(123, 123, 123, 0.375);
	background-color: #f9f9f9;
}

nav *,
nav *::before,
nav *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.icon__arrow-down {
	display: inline-block;
	background-image: url('/assets/images/icon/expand-more.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
	vertical-align: -4px;
	margin-left: 2px;
	margin-right: -6px;
}

.logo__ssl {
	float: left;
	background-image: url('/assets/images/icon/logo-ssl.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 57px;
	height: 45px;
	margin: 8px 0 0 2em;
}

.logo__ssl-name {
	float: left;
	background-image: url('/assets/images/icon/select-spectrum-text.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 220px;
	height: 45px;
	margin: 10px 1em 0 0;
}

header#cl-header{
    height: 119px;
  }
  
      #cl-header nav{
      border: 0px;
      border-style: solid;
      border-bottom-width: 5px;
      border-image: linear-gradient(to right, darkblue, darkorchid, orange, red) 1;
  }
      .navigation-menu{
          display:flex;
          justify-content: space-between;
      }
  
      .top-menu{
          display:flex;
          justify-content: right;
          align-items: center;
          margin-top:5px;
          margin-bottom: 20px;
          transition: margin 250ms ease-in-out;
          -webkit-transition: margin 250ms ease-in-out;
          -moz-transition: margin 250ms ease-in-out;
          -ms-transition: margin 250ms ease-in-out;
          -o-transition: margin 250ms ease-in-out;
}

        
    .top-menu-hide{
      margin-top: -70px;
  
    }
  
      .top-menu__items-container li {
          padding:0px 10px;
          
      }
      .top-menu__items-container li:nth-child(3) {
          padding:0px 10px;
          max-height: 24px;
          
      }

  
      ul.top-menu__items-container{
      display:flex;
      align-items: center;
      justify-content: right;
      /* background-color: #dfdfdf; */
      padding: 0.5em 0.5em 0;
      margin-top:-5px;
      }
  
      .top-menu__items-container .spectrum-marketplace-login > span{
      display:flex;
      flex-direction:row;
      align-items: center;
      }
  
      .top-menu__items-container .spectrum-marketplace-login > a{
      display:flex;
      flex-direction:column;
      align-items: center;
      margin-top:22px;
      }
  
      .top-menu__items-container .spectrum-marketplace-login a span:first-child{
      display:flex;
      justify-content: center;
      align-items: center;
      }
  
  
      .top-menu__items-container .spectrum-marketplace-login > a:hover .material-icons{
        color:#6b6b6b;
      }
  
  
      .icon-smp{
      display: flex;
      justify-content: right;
      align-items: center;
      width:100%;
      margin-right:70px;
      transition:all 250ms ease-in-out;
      -webkit-transition:all 250ms ease-in-out;
      -moz-transition:all 250ms ease-in-out;
      -ms-transition:all 250ms ease-in-out;
      -o-transition:all 250ms ease-in-out;
}
  
  .spectrum-marketplace-login .material-icons{
      color: rgb(10 17 94);
      border: 1px solid rgb(10 17 94);
      transition: all 250ms ease-in-out;
      padding:0.05em;
      margin:0;
      margin-left:5px;
      border-radius:50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
}
  
      ul.top-menu__items-container li>a{
          display:flex;
          align-items: center;
      }
  
      .top-menu__items-container a, .top-menu__items-container a:visited{
      color: rgb(10 17 94);
      transition: all 250ms ease-in-out;
      -webkit-transition: all 250ms ease-in-out;
      -moz-transition: all 250ms ease-in-out;
      -ms-transition: all 250ms ease-in-out;
      -o-transition: all 250ms ease-in-out;
}
  
      .top-menu_wrapper {
      display: flex;
      /*background-color: #444444;
      */padding: 0 0 0 0.5em;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
}
  
  .top-menu__items-container li div{
      display:flex;
      align-items: center;
      color: #3b3b3b;
  }
  
  .top-menu__items-container li i{
      margin-right:5px;
      color:rgb(10 17 94);
  }
  
  .top-menu__items-container a{
      font-weight: 700;
      display: flex;
      align-items: center;
  }
  
  .top-menu__items-container a:hover{
      color: #000000;
  }
  
  ul.top-menu__items-container.top-menu__right-items{
    background-color: #e6e6e6;
    padding:2px;
    box-shadow: 1px 1px 5px;
    margin-right: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
  

.cr-navigation-menu , .cr-navigation-menu > ul{
	display:flex;
}

.cr-navigation-menu__inner{
	margin-left:80px;
	display: flex;
    justify-content: center;
    align-items: end;
}

.cr-navigation-menu > ul > li {
    margin: 0 20px;
}

.cr-navigation-menu > ul > li > a {
	display:flex;
    color: rgb(10 17 94);
	font-size: 1.3rem;
	line-height: 2rem;
	border-bottom: 5px solid transparent;
}

.cr-navigation-menu > ul > li:hover > a {
	border-color: rgb(10 17 94);
}

.cr-navigation-menu .material-icons {
    font-size: 2rem;
}


.cr-nav-menu__w-sub-head > li {
    padding:10px;
}

.cr-nav-menu__w-sub-head{
	display:none;
	position: absolute;
	background-color: #ffffff;
	box-shadow: 0 0 5px #6b6b6b;
	padding-top:10px;
	border: 2px solid #9dbafa;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-ms-border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
}

li:hover > .cr-nav-menu__w-sub-head{
	display:flex;
	flex-direction: row;
	position:absolute;
}

li:hover > .cr-nav-menu__w-sub-head.cr-nav-menu_single-col-nav {
    flex-direction: column;
}


.cr-nav-menu__w-sub-head > li > a{
    font-size: 1.3rem;
    color: rgb(10 17 94);
	  font-weight: bold;
    display:block;

}

.cr-nav-menu__w-sub-head > li > ul > li > a{
	padding: 10px 0;
    display: flex;
	align-items: center;
	color:#636363;
	margin-left:20px;

}

.cr-navigation-menu > ul > li > ul > li > ul > li > a:hover{
	color:#001cdd;

}

.cr-navigation-menu > ul > li > ul > li > ul > li > a:before{
    /* content:'\276F'; */
	margin-right:5px;
	color:rgb(103, 103, 103);

}



.cr-navigation-menu li[data-navigation-static].set__hidden {
    visibility: hidden;
}

.top-menu__middle-link{

	/* border-right:3px solid rgb(253, 183, 31);
	border-right:3px solid rgb(253, 183, 31); */
	border:0px;
	border-right-width: 4px;
	border-left-width: 4px;
    border-style: solid;

	border-image: linear-gradient(to bottom, darkblue, darkorchid, orange, red) 1;
}


.set__hidden{
	display:none;
}

.set__menu-hidden-md{
    display:flex;
  }
  
  .set__menu-show-md{
    display:none;
  }


.cr-nav-menu__w-sub-head li ul li ul li a{
  margin-left:50px;
  color:#636363;

}

.cr-nav-menu_single-col-nav{
	flex-direction: row;
}

.top-menu__items-container>li{
	border: 0px;
    border-right-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, darkblue, darkorchid, orange, red) 1;
    justify-content: center;
    align-items: center;
    display: flex;
}

.top-menu__items-container>li:last-child{
   border-right:none;
}

.cr-mobile-menu{
  display:none;
}

.cr-mobile-close-btn{
	display: none;
}

.section-container__header {
    margin: 0 !important;
}

ul.top-menu__items-container>li:first-child {
  line-height: 41px;
}


@media only screen and (max-width:1460px){
    .logo__ssl-name{
    width:150px !important;
    }
  
  }
  
  
  @media only screen and (max-width:1360px){
  
  .cr-navigation-menu__inner{
    margin-left:10px;
  }
  
  .logo__ssl {
      width: 54px !important;
      margin: 0 0 0 10px !important;
  }
  
  .logo__ssl-name{
    width:150px !important;
  }

  .set__menu-hidden-md{
    display:none;
  }
  
  .set__menu-show-md{
    display:block;
  }
  }
  
  @media only screen and (max-width: 960px) {
    .cr-mobile-menu{
      display:block;
      cursor: pointer;
      margin-right:20px;
    }
    
    .cr-navigation-menu__inner.menu-clicked{
        display:flex;
    }
        .cr-navigation-menu{
            justify-content: space-between;
            align-items: center;
            background-color: #e9e9e9;
            padding: 1em 0;
        }
    
        .top-menu {
        justify-content: center;
        }
        .cr-logo{
          margin-top:0px;
          margin-left:20px;
        display:flex;
        align-items: center;
        }
    
        .cr-logo span{
          margin:0px;
        }
        .cr-navigation-menu > ul {
          display:none;
        flex-direction: column;
          align-items: center;
        justify-content: start;
        position: absolute;
        background-color: #efefef;
        width: 100%;
        top: 0;
        margin: 0;
        height: 100vh;
        overflow:scroll;
       }
    
       ul.cr-navigation-menu__inner:nth-child(2) {
        padding-top: 90px;
       }

       header#cl-header {
        height: 81px;
       }
    
        .top-menu__items-container>li{
            border:none;
            margin-top:30px;
        }
    
        .cr-mobile-hide{
            display:none !important;
        }
        
        .cr-nav-menu__w-sub-head, .cr-nav-menu__w-sub-head li, li:hover > .cr-nav-menu__w-sub-head {
            display:none !important;
        }
    
        .cr-nav-menu__w-sub-head > li > a {
        border:none;
    
      }
    
      .cr-navigation-menu > ul > li > a {
        font-size: 2rem;
        line-height: 3.5rem;
        border-bottom: none;
    }
    
        .cr-mobile-close-btn{
            font-size: 3em;
            cursor: pointer;
            position: absolute;
            top: 20px;
          right:20px;
            border: 2px solid;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgb(10 17 94);
            color: #e3e3e3;
        }
    
        .cr-mobile-menu .material-icons{
            font-size: 3em;
            background-color: rgb(10 17 94);
            color: #e3e3e3;
        }

        .set__menu-hidden-md{
            display:flex;
          }
          
          .set__menu-show-md{
            display:none;
          }
    }