body{font-family: 'Lato', sans-serif;}
 
.slider_size{width: 100%;max-height: 600px;}

.free_text{color: #fff;font-size: 1em;letter-spacing: 2px;}
.free_text1{color: #fff;margin-top: 5px;padding-bottom: 10px;}
.free_text2{ color: #fff; font-size: 0.9em;margin-top: 15px;}

.custom_search_btn_small { background-color: transparent; border: 1px solid #000; color: #000; }
.custom_aux_icon_holder { margin-top: 5px; padding-bottom: 5px;font-size: 12px;}

.free_text_small { color: #fff; font-size: 10px; }
.free_text1_small { color: #fff; margin-top: 5px; padding-bottom: 10px; }
.free_text2_small { font-size: 14px; }

.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;z-index: 5;}
.navbar .navbar-collapse {z-index: 5 !important;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{z-index: auto;}
.cat_text{color: hsl(47, 85%, 53%);}

/*for search*/
#custom-search-input{margin-top: 30px;border: solid 1px #E4E4E4;background-color: #fff;text-align: center;}
#custom-search-input input{border: 0;box-shadow: none;}
#custom-search-input button{margin: 2px 0 0 0;background: none;box-shadow: none;border: 0;color: #666666;padding: 0 8px 0 10px;border-left: solid 1px #ccc;}
#custom-search-input button:hover{border: 0;box-shadow: none;border-left: solid 1px #ccc;}
#custom-search-input .glyphicon-search{font-size: 20px;}
/*end of search box*/

/*mobile search box*/
#custom-search-input1{margin-top: -18px;border: solid 1px #E4E4E4;background-color: #fff;text-align: center;}
#custom-search-input1 input{border: 0;box-shadow: none;}
#custom-search-input1 button{margin: 2px 0 0 0;background: none;box-shadow: none;border: 0;color: #666666;padding: 0 8px 0 10px;border-left: solid 1px #ccc;}
#custom-search-input1 button:hover{border: 0;box-shadow: none;border-left: solid 1px #ccc;}
#custom-search-input1 .glyphicon-search{font-size: 20px;}

/*end of search mobile*/

.addon_bg{background-color: hsl(0, 0%, 10%);}
.border_btn{border-color: hsl(0, 0%, 10%);font-size: 11px;line-height: 18px;}
.text_col_addon{color: #fff;}

.pad_top{margin-top: 40px;}
.pad_top_small { margin-top: 5px; }
.custom_btn_group_holder { margin-top: 2px;  border: 1px; border-color: hsl(0, 0%, 10%); padding-right:14px;}
.border_btn_small { border-radius: 0px; }
.panel_mobile_view { padding: 5px; }

.limit_offer{border: 1px solid hsl(47, 85%, 53%);margin-top: 8px;}
.limit_offer1{margin-top: 8px;}
.limit_ffer_text{padding-top: 10px;}
.tab_marg{margin-top: 8px;height: 354px;}
.view_btn{background-color: hsl(0, 0%, 20%);height: 30px;width: 100px;color: #fff;float: right;line-height: 30px;}

.twitter_bg{
  background-color: #e6e6e6;
}
.newsletter_text{padding-top: 18px;padding-bottom: 70px;}
a:hover {text-decoration:none;}

.divider{margin:0cm 0cm 1cm 0cm;}
.custom_header{background-color:#000;color:#fff;}
.carousel{z-index: 0;}
.custom_carousel_container{padding-top:10px;padding-bottom:10px;}

.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.affix { top:0;width:100%;z-index:2; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color:#000;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{ color:#000; }
.custom_navi_top .navbar-nav>.open>a, .custom_navi_top .navbar-nav>.open>a:focus, .custom_navi_top .navbar-nav>.open>a:hover{background-color: transparent;}
.custom_navi_top{ border-radius:0px;background-color: #fff;border-top: 0px;border-right: 0px;margin-bottom: 0px; }
.custom_navi_top .navbar-nav>li>a{color:#000; transition:0.5s;}
.custom_navi_top .navbar-nav>li>a:hover{color:#9e721c;}
.custom_navi_bot{ border-radius:0px;background-color: #000;border-top: 0px; }

.top_sub_nav a {color:#fff;}
.top_sub_nav a:hover { color:#9e721c; }
.mid_sub_nav a {color:#fff;}
.mid_sub_nav a:hover {color:#9e721c;}
.cmn-t-underline {position: relative;color: #000;}
.top_container_left { right:-25px; }
.top_container_mid_top { margin-bottom: 11px;padding-left: 5px;padding-right: 5px;left: 15px; }
.top_container_mid_bottom {padding-left: 5px;padding-right: 5px;left: 15px; }
.top_container_right{ left:-25px; }

.cmn-t-underline:after {display: block;position: absolute;left: 0;bottom: 0px;width: 0;height: 2px;background-color: #d19112;content: "";transition: width 0.2s;}
.cmn-t-underline:hover {color: #d19112;}
.cmn-t-underline:hover:after {width: 100%;}

.hovereffect {float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.hovereffect .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hovereffect:hover .overlay {background-color: rgba(170,170,170,0.4);}
.hovereffect h3, .hovereffect img {-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hovereffect img {display: block; position: relative;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.hovereffect:hover img {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.hovereffect h3 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.6);}
.hovereffect a.info {display: inline-block;text-decoration: none;padding: 7px 14px;text-transform: uppercase;color: #fff;border: 1px solid #fff;margin: 60px 0 0 0;background-color: transparent;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;font-weight: normal;height: 50%;width: 85%;position: absolute;top: 10%;left: 8%;padding: 25px;}
.hovereffect:hover a.info {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);background-color: rgba(0,0,0,0.4);}
.hovereffect_thumbnail {float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.hovereffect_thumbnail .overlay_thumbnail {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);background-color: rgba(0,0,0,0.5);-webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);}
.hovereffect_thumbnail img {display: block;position: relative;-webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);}
.hovereffect_thumbnail h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 16px;background: rgba(0,0,0,0.6);-webkit-transform: translatey(-100px);-ms-transform: translatey(-100px);transform: translatey(-100px);-webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);padding: 10px;}
.hovereffect_thumbnail a.info {text-decoration: none;display: inline-block;text-transform: uppercase;color: #fff;border: 1px solid #fff;background-color: transparent;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.4s ease;transition: all 0.4s ease;margin: 50px 0 0;padding: 7px 14px;}
.hovereffect_thumbnail a.info:hover {box-shadow: 0 0 5px #fff;}
.hovereffect_thumbnail:hover img {-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.hovereffect_thumbnail:hover .overlay_thumbnail {opacity: 1;filter: alpha(opacity=100);}
.hovereffect_thumbnail:hover h2,.hovereffect_thumbnail:hover a.info {opacity: 1;filter: alpha(opacity=100);-ms-transform: translatey(0);-webkit-transform: translatey(0);transform: translatey(0);}
.hovereffect_thumbnail:hover a.info {-webkit-transition-delay: .2s;transition-delay: .2s;}

.custom_chevron { color:#9e721c;transition: 0.2s; }
.custom_chevron:hover { color:#d19112; }
.custom_carousel_indicators.active { background-color:#d19112;transition: 0.2s; }
.custom_carousel_indicators:hover { background-color:#9e721c; }
.custom_dropdown_window > li.dropdown.open { position: static; }
.custom_dropdown_window > li.dropdown.open .dropdown-menu { display: table;border-radius: 0px;width: 100%;text-align: center;left: 0;right: 0; }
.custom_dropdown_menu {background-color: #fff;}
.custom_dropdown_menu > li { display: table-cell;height: 50px;line-height: 50px;vertical-align: middle; }
@media screen and (max-width: 767px) {
.custom_dropdown_menu > li { display: block; }}
.custom_dropdown_menu>li>a {color:#000; background-color: #fff; transition: 0.5s; }
.custom_dropdown_menu>li>a:hover { font-size:16px; }

.carousel-showsixmoveone-primary{.carousel-control{ width: 4%;background-image:none;&.left {margin-left:15px;}&.right {margin-right:15px;}}

  .cloneditem-1, 
  .cloneditem-2, 
  .cloneditem-3,
  .cloneditem-4, 
  .cloneditem-5
  {
    display: none;
  }

  .carousel-inner
  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(33.333%, 0, 0);  
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-33.333%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }    
      } 

      > .active.left,
      > .prev
      {
        left: -33.333%;
      }

      > .active.right,
      > .next
      {
        left:  33.333%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-1,
      .cloneditem-2
      {
        display: block;
      }
    }

    @media all and (min-width: 992px)
    {    
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(16.666%, 0, 0);  
          left: 0;
        }    

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-16.666%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -16.666%;
      }

      > .active.right,
      > .next
      {
        left:  16.666%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-3,
      .cloneditem-4, 
      .cloneditem-5
      {
        display: block;
      }
    }    
  }
}

.carousel-showsixmoveone-secondary{
  .carousel-control
  { 
    width: 4%;
    background-image:none;

    &.left 
    {
      margin-left:15px;
    }

    &.right 
    {
      margin-right:15px;
    }
  }

  .cloneditem-1, 
  .cloneditem-2, 
  .cloneditem-3,
  .cloneditem-4, 
  .cloneditem-5
  {
    display: none;
  }

  .carousel-inner
  {
    @media all and (min-width: 768px)
    {
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(33.333%, 0, 0);  
          left: 0;
        }

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-33.333%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }    
      } 

      > .active.left,
      > .prev
      {
        left: -33.333%;
      }

      > .active.right,
      > .next
      {
        left:  33.333%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-1,
      .cloneditem-2
      {
        display: block;
      }
    }

    @media all and (min-width: 992px)
    {    
      @media (transform-3d), (-webkit-transform-3d)
      {
        > .item.active.right,
        > .item.next
        { 
          transform: translate3d(16.666%, 0, 0);  
          left: 0;
        }    

        > .item.active.left,
        > .item.prev
        { 
          transform: translate3d(-16.666%, 0, 0);
          left: 0;
        }

        > .item.left,
        > .item.prev.right,
        > .item.active
        {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }

      > .active.left,
      > .prev
      {
        left: -16.666%;
      }

      > .active.right,
      > .next
      {
        left:  16.666%;
      }

      > .left,
      > .prev.right,
      > .active
      {
        left: 0;
      }

      .cloneditem-3,
      .cloneditem-4, 
      .cloneditem-5
      {
        display: block;
      }
    }    
  }
}

.custom_image_container { height:35%;width:35%; }
.custom_content_container { margin-right: -45px; }
.custom_header_mock {background-color: #000;width:100%;}
.custom_navbar_mock {width:100%;}
.logo_mock {height:100px;width:80px;}
.custom_navbar_mock { width:100%; border:0px; border-radius:0px; background-color: #fff;}
.custom_navbar_mock .custom_navbar_container>li>a { color:#000; }
.wrap {position:relative;margin:0 auto;width:960px;}
section {text-align: center;}
section:last-child {margin-bottom: 0;}
section a {font-size: 16px;transition: all 0.2s;}
.custom_mock_hover {position: relative;}
.custom_mock_hover:after {display: block;left: 0;bottom: 10px;width: 0;height: 1px;background-color: #98004a;content: "";transition: width 0.5s;}
.custom_mock_hover:hover {color: #98004a;}
.custom_mock_hover:hover:after {width: 100%;}
.custom_sub_nav_mock { padding-top:5px; }
.custom_navbar_mock_bottom { border:0px; border-radius:0px; }

.head_but{font-size: 0.8325em;text-transform: uppercase;color: hsl(0, 0%, 100%);font-weight: 600;margin-top: 15px;cursor: pointer;margin-right: 20px;}
.text_fa{color:hsl(47, 85%, 53%);;}
.head_but:hover{background-color: hsl(0, 0%, 100%);height: 20px;line-height: 20px;margin-top: 9px;color: #000;}
.head_but:active{color: hsl(47, 85%, 53%);}
.head_back{background-color: hsl(0, 0%, 10%);}

.logo_2 {padding-top: 2px;padding-bottom: 2px;}
.logo_2_small {padding-top: 2px;width: 50%;padding-bottom: 2px;margin-left: 10px;}

.affix {top: 0;width: 100%;}
.affix + .container-fluid {padding-top: 70px;}
.nav_text{font-size: 0.9125em;text-transform: uppercase;color: hsl(0, 0%, 100%);font-weight: 600;}
.follow_ig{color: #000;font-size: 3em;font-weight: 800;text-align: center;text-transform: uppercase;}
.img_ig:hover{opacity: 7;}
.btn_buynow{background-color: #fff;color: #000;border: none;font-size: 1.2em;font-weight: 800;text-align: center;text-transform: uppercase; margin-left: -40px;}
.btn_buynow:hover{background-color: #000;color: #fff;border: none;font-size: 1.2em;font-weight: 800;text-align: center;text-transform: uppercase;}
.shop_b{margin-right: 20px;}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Stay on top */
    top: 0;
    left: 0;
    background-color: hsl(0, 0%, 10%); /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav li {
    padding: 8px 0px 0px 32px;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    display: block;
}

.sidenav li a {
    text-align: left;
    margin-left: -53px;
    font-size: 14px;
}
.sale_holder_small { padding-top: 10px; }
.sale_holder_small a{  font-family: 'Lato', sans-serif; color: #ff0000 ;  }

.trending_holder_small { padding-top: 10px; }
.trending_holder_small a{  font-family: 'Lato', sans-serif; color: #009dff ;  }

.offer_holder_small { padding-top: 10px; }
.offer_holder_small a{  font-family: 'Lato', sans-serif; color: hsl(47, 85%, 53%) ; }

.bar_menu_holder { padding-top: 2px; }
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
/*for checkout shipping css*/
.bg_head_checkout{
  background-color: #fff;
  border-bottom: 0.7px solid gray;
  padding-top: 2px;
  padding-bottom: 2px;
}
.btn_continue{
  background-color: #202020;
  color: #fff;
  font-size: 16px;
  border: none;
  min-height: 50px;
  text-transform: uppercase;
}
.btn_apply{
  background-color: #202020;
  color: #fff;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  min-height: 26px;
}
.btn_continue1{
  background-color: #202020;
  color: #fff;
  font-size: 16px;
  border: none;
  min-height: 50px;
  text-transform: uppercase;
}
.box1{
  display: none;
}
.gplay{
  padding: 1px;
}
/*for admin login design*/
.bord_form{
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin-top: 15%;
  background-color: #fff;
}
.bg_div{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/AttigoLogo1000x1000.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-size:contain;
  opacity: 0.4;
  filter:alpha(opacity=40);
}
.pf_pic{
  border-radius: 50%;
}
.nav_mobile{
  width: 14em;
  background: #000;
  font-family: 'Lato',sans-serif;
  font-size: 14px;
  font-weight: normal;
  zoom: 1;
}
.custom_watch_bg{
  background-image: url("../img/AttigoLogo1000x1000.png");
  height: 200px; 
  background-image:url("../img/blankwatch.png"); 
  background-size:200px; 
  background-repeat: no-repeat; 
  background-position: center;
}

.text_alignment1{
  padding-top: 20%;
  margin-left: 7%;
  margin-right: 7%;
}
.text_alignment2{
  padding-top: 25%;
  margin-left: 0%;
  margin-right: 0%;
}
.text_alignment3{
  padding-top: 24%;
  margin-left: 8%;
  margin-right: 8%;
}
@font-face {
  font-family: 'Frutilla_Script'; 
  src: url('../fonts/Frutilla Script.ttf') format('truetype');
  src: url('../fonts/Frutilla Script.otf') format('opentype');
  src: url('../fonts/Frutilla Script.woff') format('woff');
}
@font-face {
  font-family: 'komika axis'; 
  src: url('../fonts/komika axis.ttf') format('truetype');
  src: url('../fonts/komika axis.otf') format('opentype');
  src: url('../fonts/komika axis.woff') format('woff');
}
@font-face {
  font-family: 'Mysterious_Lovers'; 
  src: url('../fonts/Mysterious_Lovers.ttf') format('truetype');
  src: url('../fonts/Mysterious Lovers.otf') format('opentype');
  src: url('../fonts/Mysterious Lovers.woff') format('woff');
}
@font-face {
  font-family: 'October Twilight'; 
  src: url('../fonts/October Twilight.ttf') format('truetype');
  src: url('../fonts/October Twilight.otf') format('opentype');
  src: url('../fonts/October Twilight.woff') format('woff');
}
@font-face {
  font-family: 'Watermelon_Script'; 
  src: url('../fonts/Watermelon_Script.ttf') format('truetype');
  src: url('../fonts/Watermelon Script.otf') format('opentype');
  src: url('../fonts/Watermelon Script Demo.woff') format('woff');
}
.preview_holder_custom{
  width:180px;
  height: 200px;
}
.active123 {
  background-color:#999999;
}
.btn_div_click{
  border: none;
}
.custom_panel_body { padding:0px; }

.input_custom_watch{
  min-width: 176px;
}
.btn_custom_watch{
  background-color: hsl(47, 85%, 53%);
  color: #fff;
}

.intro-header{
  box-shadow: 0 5px 2px -2px gray;
  border-radius: 5px;
}
/*css for blog*/
hr.style-six {
  padding: 1px;
  border: none;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgb(237, 193, 33), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgb(237, 193, 33), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgb(237, 193, 33), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgb(237, 193, 33), rgba(0,0,0,0));
  color: #333;
  text-align: center;
}
/*blog.blade*/
.blogheader{
   background: hsl(47, 85%, 53%);
}
.blogcontent{
  margin-top: 20px;
  border-top-right-radius: 10px;
  background: linear-gradient(to right, rgba(255,0,0,0), rgb(247, 229, 161),
  rgba(255,0,0,0), rgb(247, 229, 161));
}
/*articleeeeeee*/
.article{
  margin-top: 25px;
  border-radius: 3px;
  box-shadow: 3px 2px #4d4d4d;
  font-family: Verdana, Geneva, sans-serif;
}
.article .panel-body{
  background: linear-gradient(to right, rgba(255,0,0,0), rgb(247, 229, 161),
  rgba(255,0,0,0), rgb(247, 229, 161));
}
/*about.blade*/
.about{
  margin-top:40px;
  margin-bottom: 10px;
  background: linear-gradient(to right, rgba(255,0,0,0), rgb(240, 202, 66),rgba(255,0,0,0), rgb(240, 202, 66)); 
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.80), 0 -10px 20px -5px #ffc266;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
}
.col_donate{
  color: #fff;
}
/*for slide sidebar*/
.wrapper{
  position:fixed;
  width:345px;
  height:100%;
  top:0;
  right:0;
  margin-right:-250px;
  z-index: 5;   
  /* Makes opening smoothly */
  transition: margin-right ease 1s;
  -moz-transition: margin-right ease 1s;
  -webkit-transition: margin-right ease 1s;
  -o-transition: margin-right ease 1s;
}
/* opened */
.wrapper.opened{
    margin-right:0px;
    background-color: #fff;
}
.toggle {
  position:relative;
  display:block;
  width:85px;
  height:100%;
  float:left;
  text-align: center;
  padding-top: 100%;
}
.toggle button{
  background-color: hsl(47, 85%, 53%);
  font-size: 16px;
  border:none;
  border-radius: 5px;
  height: 40px;
  color: #000;
}
.toggle button:hover{
  background-color: hsl(0, 0%, 10%);
  color: #fff;
}
.cart {
  position: relative;
  min-width:250px;
  height:100%;
  background-color:#fff;
  float:right;
}
.boxx
{
  border: 2px ridge #cc7a00;
  border-radius: 60px 20px;
  display:inline-block;
  overflow-wrap: normal;
  position: relative;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(.9);   

}
.boxx:hover
{
  box-shadow: 0px 0px 20px #000000;
  z-index: 1;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(.9);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(.9);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(.9);
  transition: all 200ms ease-in;
  transform: scale(.9);
}
.imaheabout1{
  margin: 20px 3px;
  height: 300px;
  min-width: 100%;
  border-radius: 20px;
  box-shadow:
    0 1px 1px rgba(179, 107, 0),
    0 10px 0 -5px #eee,
    0 10px 1px -4px rgba(204, 122, 0),
    0 20px 0 -10px #eee,
    0 20px 1px -9px rgba(230, 138, 0);
    padding: 10px;
    overflow:hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.imagegrid .imaheabout1:hover{
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.imaheabout2 {
  margin: 20px 3px;
  height: 300;
  min-width: 100%;
  border-radius: 10px;
  box-shadow:
    0 -1px 1px rgba(102, 61, 0),0 -10px 0 -5px #eee,
    0 -10px 1px -4px rgba(128, 77, 0), 0 -20px 0 -10px #eee,0 -20px 1px -9px rgba(153, 92, 0);
  padding: 10px;
  overflow:hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.imagegrid .imaheabout2:hover{
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.boxx1{
  padding: 25px; 
  border: 2px ridge #cc7a00;
  border-radius: 20px 50px;
  display:inline-block;
  overflow-wrap: normal;
  position: relative;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(.9); 
}
.boxx1:hover
{
  box-shadow: 0px 0px 20px #000000;
  z-index: 1;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(.9);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(.9);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(.9);
  transition: all 200ms ease-in;
  transform: scale(.9);
}
/*instagram feed.blade*/
.instaimg img{
  margin-top: -60px;
  margin-bottom: 10px;
  min-width: 100%;
  max-height: 250px;
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.80), 0 -10px 20px -5px #edc121;
}

.instaimg img:hover{
  opacity: 0.9;
  -moz-opacity:0.9;
  -webkit-opacity:0.9;
}
/*--Web footer--*/
.footer{
  background:#000;
  padding:5% 0;
}   
ul.footer_box{
  list-style:none;
  padding:0;
} 
ul.footer_box h4{
  color:#fff;
  font-size:1.1em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom: 8%;
}
ul.footer_box li a{
  color: #B8B6B6;
  font-size: 0.8125em;
  text-decoration:none;
  line-height: 2em;
}
ul.footer_box li a:hover{
  color:#fff;
}
.footer_search {
  margin-top: 10%;
  width:100%;
  position:relative;
}
.footer_search input[type="text"] {
  outline: none;
  padding: 12px 15px;
  outline: none;
  color: #202020;
  background: #FFF;
  border: none;
  width: 74%;
  line-height: 1.5em;
  font-size: 0.8125em;
}
.footer_search  input[type="submit"] {
  background: #C7C7C7;
  padding: 9px 19px;
  border: none;
  cursor: pointer;
  position: absolute;
  line-height: 1.6em;
  font-size: 1em;
  color: #000;
  font-weight: 800;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.footer_search  input[type="submit"]:hover {
  background:#222;
  color:#fff;
}
ul.social{
  list-style:none;
  padding:0;
  margin-top: 17%;
} 
ul.social li:first-child, ol li:first-child {
  margin-top: 0px;
  margin-left: 0;
}
ul.social li{
  display:inline-block;
  margin-right:8px;
} 
ul.social li a span:hover{
  opacity:0.5;
}   
li.facebook a span {
  height: 25px;
  width: 25px;
 display: block;
  background: url(../images/img-sprite.png)no-repeat -256px -276px;
}
li.twitter a span {
  height: 25px;
  width: 25px;
  display: block;
 background: url(../images/img-sprite.png)no-repeat -298px -276px;
}
li.instagram a span {
  height: 25px;
 width: 25px;
  display: block;
  background: url(../images/img-sprite.png)no-repeat -346px -276px;
}
li.pinterest a span {
  height: 25px;
 width: 25px;
  display: block;
  background: url(../images/img-sprite.png)no-repeat -391px -276px;
} 
li.youtube a span {
  height: 25px;
  width: 47px;
 display: block;
  background: url(../images/img-sprite.png)no-repeat -437px -276px;
} 
.copy p{
  font-size:0.8125em;
  font-weight:600;
  color:#B8B6B6;
}
.copy p a{
  color:#fff;
}
.footer_bottom{
  padding: 0 2%;
  margin-top: 5%;
}
.custom_kbd { 
  color: #000;
 letter-spacing: 
 2px; font-family:
 'Lato', sans-serif; 
 border: 1px solid #262626;
 background-color: 
 transparent;
  }

/*Footer Panel*/
.main_footer { 
 background-color: hsl(47, 85%, 53%); 
}
.footer_panel h3 { 
  color: #000; 
  letter-spacing: 2px;
   font-family: 'Lato', sans-serif;
    }
.footer_panel p {
 color: #000; 
 letter-spacing: 2px; 
 font-family: 'Lato', sans-serif;
  }
.footer_panel a { 
  color: #000; 
  letter-spacing: 2px; 
  font-family: 'Lato', sans-serif;
   }
.footer_panel a:hover {
 color: #000;
  text-decoration: none; 
  letter-spacing: 2px;
   font-family: 'Lato', sans-serif;
    }
.footer_panel ul li {
 padding: 5px;
  }
.footer_panel_aux p {
 color: #000; 
 font-family: 'Lato', sans-serif;
  }
.aux_footer {
  background-color: #000;
}
.aux_footer ul a {
 color: #828282; letter-spacing: 2px; 
 font-family: 'Lato', sans-serif; 
 transition: 0.5s;
  }
.aux_footer a:hover{
 text-decoration: none;
  color : #c6c6c6;
   }

hr.style1{
  border-top: 1px solid #262626;
}
.div_style2{
      border-right: 1px solid hsl(0, 0%, 20%);
}
.custom_social_prodspec label {
 font-size: 12px;
  }
.custom_sub_dropdown {
  margin-right:200px;
}
.col_donate{
  color: #fff;
}

.magnifyarea { box-shadow: 5px 5px 7px #818181; -webkit-box-shadow: 5px 5px 7px #818181; -moz-box-shadow: 5px 5px 7px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true); background: white; }
.targetarea { width: auto; height: auto; margin-top:3px; }
.targetarea img { margin: auto; display: block; position: relative; border-width: 0; height: auto !important; width: auto !important; }
.thumbs { width: 100%; text-align: center; }
.thumbs a { text-decoration: none; }
.thumbs img { padding: 2px; }

.panel_holder { padding-top: 20px;  }

#carouselSpace{
  margin-top: -20px;

}
.menu-thumbnails{
  background-size: cover;
  min-width: 100%;
  height: 300px;
}
/* Style the navbar */
#navbar {
  /*overflow: hidden;*/
  background-color: #fff;
  z-index: 5!important;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

/*DROPDOWN BLOG.BLADE*/
@media only screen and (max-width: 768px) {
.Navbar__ToggleShow {
    display: flex;
  }
}
/*css for contest.blade*/
/*index.blade*/
.index-blade{
  margin-top: 20px;
}
/*contest.blade*/
.imgcontest{
  padding: 20px;
}
.bg-contest{
  margin-bottom: 10px;
  background-color: #262626;
  border-radius: 8px;
}
.mult-card{
  background: linear-gradient(to right, rgba(255,0,0,0), rgb(237, 193, 33));
}
/*entry.blade*/
.card-img-lg{
  padding: 10px;
   box-shadow: 0px 15px 10px -10px #111;
   opacity: .5;
}
.contest-name{
   background: linear-gradient(to right, rgba(255,0,0,0), rgb(237, 193, 33));
}
.entry-blade2{
  border-radius: 10px;
  background: linear-gradient(to right, rgba(255,0,0,0), rgb(237, 193, 33));
  box-shadow: 0 0 10px 5px #888;
  border-style: outset;
}
/*css for new navigation*/
  #navlist {
/*  position: relative;*/
  margin-top: 10px;
}
#sub_navlist {
  position: absolute;
  display: none;
  text-align: center;
  width: 100%;
}
#sub_navlist li {
  padding: 5px 0;
}
#navlist:hover > #sub_navlist {
  display: block;
}
.div_ul{
  margin-top: 5px;
  background-color: #fff;
  width: 100%;
   position: fixed;
   min-width: 1600px;
   margin-left: -369px;
}
.nav_ul {
  text-align: center;
}
.nav_li {
  display: inline-block;
  margin: 0 10px;
}
#sub_navlist {
  padding: 0;
  z-index: 10;
}

.circle-img{
  margin-top: 60px;
}

.flyout a{
  color:#808080
}
.spanhovering{
  color:#808080
}
.navbar_des{
  background-color: #000;
  width: 250px;
  margin-left: -5px;
}
.navbar_des a{
  color: #fff;
  margin-left: 10px;
}
.navbar_des1{
  background-color: #000;
  width: 250px;
  border-right: 6px solid hsl(47, 85%, 53%);
}
.nav_fly{
  position: absolute;
  background-color: #fff;
  width: 100%;
  margin-left: -15px;
}
.navbar_des1 a{
  color: #fff;
  margin-left: 10px;
  position: relative;
}
/*magnifier*/
.xzoom-hidden {
  overflow: hidden;
}
.xzoom-preview {
  margin-top: 11px;
 box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}
.xzoom img{
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  min-width: 100%;
  min-height: 100%;
}
.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}
.xzoom-lens {
  border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  cursor: crosshair;
}
/*related Product carousel*/
.owl-nav .owl-prev .fa-angle-left ,.owl-nav .owl-next .fa-angle-right {
  position: absolute;
  top: 40%;
  background-color:#222;
  padding: 10px;
  color: #fff;
  opacity: 0.5;
}
.owl-nav .owl-prev .fa-angle-left {
  left: 10px;
}
.owl-nav .owl-next .fa-angle-right{
  right: 10px;
}

/*flash sale Product Form Stylesheet*/
#flashsaleTxt{
  font-weight: bold;
  color: #222;
  font-size: 18px;
}
#endsTxt{
  font-size: 12px;
  font-weight: bold;
}
.addCart{
  background-color: #fff;
  color: #000;
  border: none;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  margin-left: -40px;
}
.btn_buynow:hover{
  background-color: #000;color: #fff;
  border: none;font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.productSale{
  margin-top: 10px;
}
.addCart p:hover{
  background-color: #000000;
  color: #ffffff;
  border: none;
  font-size: 1.2em;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.comingProduct p {
  text-transform: uppercase;
  color:#fff;
  font-weight: bold;
}
.comingProduct{
  background-color: red;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
}
.comingsoon div{
  min-height: 90px;
  padding-top: 10px;
}
.comingsoon div:hover{
  background-color: #222;
}
.comingsoon p:hover{
  color:hsl(47, 85%, 53%);
}

 /*time countdown Style*/
#countdown #tiles{
  margin-left: -50px;
}
#countdown #tiles > span{
  width: 40px;
  max-width: 100%;
/*css for Countdown timer*/
}
#countdown #tiles > span{
  width: 40px;
  font: bold 15px 'Droid Sans', Arial, sans-serif;
  text-align: center;
  color: #fff;
  background-color: #000;
  border-top: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
  margin: 0 5px;
  margin: -5px 2px;
  padding: 12px 0;
  display: inline-block;
  position: relative;
}
#countdown #tiles > span:before{
  content:"";
  width: 100%;
  height: 13px;
  background: #111;
  display: block;
  padding: 0 3px;
  position: absolute;
  top: 41%; left: -3px;
  z-index: -1;
}
.countTimer{
  margin-top: 25px;
  margin-left: 50px;
 }
#counternxt, #counternxt1 ,#counternxt2 ,#counternxt3{
    font-size: 30px;
 }
/*///*/
#count_ProdSpec #countdown #tiles > span{
  width: 38px;
  font: bold 12px 'Droid Sans', Arial, sans-serif;
  text-align: center;
  color: #000;
  background-color: #fff;
  border-top: 1px solid gray;
  border-radius: 3px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
  margin: 8px 2px;
  padding: 10px 0;
  display: inline-block;
  position: relative;
}
#count_ProdSpec #countdown #tiles > span:before{
  content:"";
  width: 100%;
  height: 13px;
  background: #111;
  display: block;
  padding: 0 3px;
  position: absolute;
  top: 41%; left: -3px;
  z-index: -1;
}
#count_ProdSpec{
  margin-left: 20px;
}
/*///*/
/*css for progress bar */
.progress {
  overflow: hidden;
  height: 15px;
  width: 80%;
  background-color: #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  margin-bottom: 20px;
}
.progress-bar {
  width: 0;
  height: 100%;
  color: #fff;
  text-align: center;
  background-color: #171717;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255,.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255,.15) 50%,rgba(255, 255, 255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255, 255, 255,.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255,.15) 50%,rgba(255, 255, 255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}
.progress-bar .p-1{
  margin-left: 100px;
}
.progress-bar .p-2{
  margin-left: 82px;
}
/* end of css progress bar*/
#accordion {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  height: 200px;
  overflow: hidden;
  background: #222;
}

#accordion li {
float: left;
border-left:
display: block;
height: 170px;
width: 50px;
padding: 15px 0;
overflow: hidden;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.5em;
border-left: 1px solid #fff;
}
#accordion li.active {
width: 450px;
}
.text-prod{
  font-family: Rockwell, Segoe UI;
}
.flashProduct{
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
/*///*/
.proSpec_flashSale{
  background:#171717;
  height: 50px;
}
.proSpec_flashSale h4, .proSpec_flashSale p{
  margin-top: 10px;
  color: #fff;
}
.proSpec_flashSale h4{
  margin-top: 7px;
}
.proSpec_flashSale p{
  margin-top: -5px;
  font-size: 11px; 
  opacity: 0.6;
}
.qty_spacing{
  margin-top: 20px;
}
.qty_text{
  margin-top: 8px;
}
/*.panel {
  padding: 0 18px;
  display: none;
  background-color: rgba(230, 230, 230,0.6);
}*/
.panel .option_category:hover{
  background-color: rgba(214, 204, 255);
}
.accordion {
  background-color: #ffffff;
  height: 35px;
  border: 1px solid rgba(166, 166, 166,0.6);
  border-radius: 5px;
  width: 100%;
}