.sicine-nav-btn {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
}

.sicine-open-btn {
  position: absolute;
  top: 17px;
  left: 0px;
  
}

.sicine-nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  transform: translateX(-100%);
  transition: transform .3s ease-in-out; 
  z-index:99;
}

.sicine-nav.visible {
  transform: translateX(0);
}

.sicine-nav-black {
  background-color: transparent;
  /*background-color: rgb(169, 168, 168);*/
  width: 50%;
  /*max-width: 100vh;*/
  max-width: 360px;
  min-width: 320px;
  transition-delay: 0s;
}

.sicine-nav-black.visible {
  transition-delay: 0s;
}

.sicine-nav-red {
  background-color: rgb(251, 251, 251);
  transition-delay: 0s; 
  width: 99%;
}

.sicine-nav-red.visible {
  transition-delay: 0s;
}

.sicine-nav-white {
  background-color: #fff;
  padding: 5px;
  position: relative;
  transition-delay: 0s; 
  width: 100%;
}

.sicine-nav-white.visible {
  transition-delay: 0s;
}

.sicine-close-btn {
  opacity: 0.9;
    position: absolute;
    top: 6px;
    right: 5px;
    color: #805f03;
  font-size: 28px;
}

/*.sicine-logo {*/
/*  width: 150px;*/
/*}*/

.sicine-list {
  list-style-type: none;
  padding: 0;
}

.sicine-list li {
  /* margin: 20px 0;*/
   border-bottom: solid #8080804d 1px;
    padding: 10px;
    color: #000;

}
/*.sicine-list li i {*/
/*  color: #a6ce39;*/
/*  padding-right:5px;*/
 
/*}*/
/*.sicine-list li i:hover {*/
/*  color: #000;*/
 
/*}*/
.sicine-list a {
  color: #000;
    font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.sicine-list li a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.sicine-list li:hover {
  color: #000;
  background-color: #ffad00;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.sicine-list li a:hover {
  /*color: rgb(34, 31, 31);*/
  color: #000;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  
}

.sicine-list ul {
  list-style-type: none;
  padding-left: 20px;
}
@media only screen and (max-width: 600px) {
  .cart {
    top:17px;
  }
 
   /*.search, .logo, .cart, .topmenu {
    margin: 0px 0 0px 0;
    padding: 0px 0px 5px 0px;
}*/
.search{
    margin: 0px 0 0px 0;
    padding: 0px 0px 5px 0px;
}

}
@media (min-width: 600px) and (max-width: 979px){
     #scroller li {
 
    width: 10%;
    font-size: 12px;
  }
}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {*/
/* Styles */
/*}*/

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {*/
/*  #scroller li {*/
 
/*    width: 12%!important;*/
/*    font-size: 12px;*/
/*  }*/
/*}*/
#scroll-progress {
  background: #ffad00;

  width: 0;
}

#scroller {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  white-space: nowrap;
}
#scroller li {
 
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
     height: 50px; 
     /*width: 160px; */
       width: 13%; 
       line-height: 51px;
    /*line-height: 46px;*/
    text-align: center;
}
#scroller li a {
    color: #ffffff;
}

/*.shape {
    background: #1d337f;
    height: 80px;
    position: relative;
  
  color:white;
}
.shape::before {
    background: blue none repeat scroll 0 0;
    content: "";
    height: 80px;
    position: absolute;
    left: -25px;
    transform: skew(-20deg);
    
}*/

    .triangle-topleft:before {
      width: 0;
      height: 0;
      border-top: 100px solid red;
      border-right: 100px solid transparent;
    }
    .cutCorner {
    position:relative; 
    /*background-color:#1d337f; */
    background-image: linear-gradient(#1d337f, #3958c3cf);
   
}

.cutCorner img {
    display:block;
}

.cutCorner:before {
    position:absolute; left:-1px; top:-1px; content:'';
    border-top: 66px solid silver;
    border-right: 70px solid transparent;
}

.cutCorner:after {
    position:absolute; left:-2px; top:-2px; content:'';
    border-top: 66px  solid white;
    border-right: 70px solid transparent;
}


.header-wrapper {
    background-color: #ffffff;
}
.nopaddingtop{
  padding-right: 0px;
  padding-left: 0px;
}

 @media screen and (min-width: 2501px) and (max-width: 4000px) {
      .cutCorner:before {
    position:absolute; left:-98px; top:-1px; content:'';
    border-top: 66px solid silver;
    border-right: 70px solid transparent;
}

.cutCorner:after {
    position:absolute; left:-98px; top:-2px; content:'';
    border-top: 66px  solid white;
    border-right: 70px solid transparent;
}

    }
    @media screen and (min-width: 4001px) and (max-width: 5000px) {
      .cutCorner:before {
    position:absolute; left:-105px; top:-1px; content:'';
    border-top: 66px solid silver;
    border-right: 70px solid transparent;
}

.cutCorner:after {
    position:absolute; left:-105px; top:-2px; content:'';
    border-top: 66px  solid white;
    border-right: 70px solid transparent;
}
}
 @media screen and (min-width: 5001px) and (max-width: 6000px) {
      .cutCorner:before {
    position:absolute; left:-133px; top:-1px; content:'';
    border-top: 66px solid silver;
    border-right: 70px solid transparent;
}

.cutCorner:after {
    position:absolute; left:-133px; top:-2px; content:'';
    border-top: 66px  solid white;
    border-right: 70px solid transparent;
}
}

@media only screen and (max-width: 600px) {
 
#scrollermob {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  white-space: nowrap;
}
#scrollermob li {
 
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
     height: 50px; 
     width: 137px; 
    line-height: 46px;
    text-align: center;
}
#scrollermob li a {
    color: #ffffff;
}
}

.nomgleft{
  margin-left:0;  
}

.nomgright{
    margin-right:0;
    
}