@font-face {
  font-family: 'Poppins-bold';
    src: url('poppins/poppins-bold-webfont.eot');
    src: url('poppins/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins/poppins-bold-webfont.woff2') format('woff2'),
         url('poppins/poppins-bold-webfont.woff') format('woff'),
         url('poppins/poppins-bold-webfont.ttf') format('truetype'),
         url('poppins/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Poppins-Light';
    src: url('poppins/poppins-light-webfont.eot');
    src: url('poppins/poppins-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins/poppins-light-webfont.woff2') format('woff2'),
         url('poppins/poppins-light-webfont.woff') format('woff'),
         url('poppins/poppins-light-webfont.ttf') format('truetype'),
         url('poppins/poppins-light-webfont.svg#poppinslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-Medium";
    src: url('poppins/poppins-medium-webfont.eot');
    src: url('poppins/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins/poppins-medium-webfont.woff2') format('woff2'),
         url('poppins/poppins-medium-webfont.woff') format('woff'),
         url('poppins/poppins-medium-webfont.ttf') format('truetype'),
         url('poppins/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Poppins-Regular';
    src: url('poppins/poppins-regular-webfont.eot');
    src: url('poppins/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins/poppins-regular-webfont.woff2') format('woff2'),
         url('poppins/poppins-regular-webfont.woff') format('woff'),
         url('poppins/poppins-regular-webfont.ttf') format('truetype'),
         url('poppins/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Poppins-SemiBold';
    src: url('poppins/poppins-semibold-webfont.eot');
    src: url('poppins/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins/poppins-semibold-webfont.woff2') format('woff2'),
         url('poppins/poppins-semibold-webfont.woff') format('woff'),
         url('poppins/poppins-semibold-webfont.ttf') format('truetype'),
         url('poppins/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Poppins-LightItalic';
  src: URL('../font/Poppins-LightItalic.ttf') format('truetype');
}
    .container{
      font-family: 'Poppins-Regular', 'sans-serif' ;
      color: black;
  }
  table  th ,  table tbody th a{
      font-weight: 300;
      font-size: 13px;
       font-family: 'Poppins-SemiBold', 'sans-serif' !important;
  }
  #close-btn i , #menu-btn i{
    color: #fff;
}
  @media screen and (max-width: 1200px){
  
}
      .image {
          text-align:center;
  
          display:block;
          width:100%;
          
          padding-bottom:80%;
          margin-top:20px;
          position:relative;
          vertical-align:middle;
      }
  .topvarsxx{
      background-image: url("") !important;
      background-position: 0px 10px;
      -webkit-print-color-adjust: exact;
   height: 100%;
      width: 100%;
      z-index: 200;
      
  }	
      
      .grad3Alnicopos {
      
          position:relative;
      
      }	
      
      .grad1, .grad2, .grad3, .grad4, .grad1Epoxy, .grad2Epoxy {
      }
      .grad1 {
          background: #f2f6f8; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%, #b5c6d0 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%,#b5c6d0)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%,#b5c6d0 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%,#b5c6d0 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%,#b5c6d0 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%,#b5c6d0 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0',GradientType=1 ); /* IE6-9 */
      }
      .grad1Epoxy {
          background: #120101; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%, #120101 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%,#120101)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%,#120101 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%,#120101 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%,#120101 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%,#120101 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#120101',GradientType=1 ); /* IE6-9 */
      }	
      .grad2 {
          background: #939596; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #939596 0%, #747d84 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#939596), color-stop(100%,#747d84)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #939596 0%,#747d84 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #939596 0%,#747d84 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #939596 0%,#747d84 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #939596 0%,#747d84 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#747d84',GradientType=1 ); /* IE6-9 */
      }
      
      .grad2Epoxy {
          background: #120101; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #939596 0%, #120101 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#939596), color-stop(100%,#120101)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #939596 0%,#120101 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #939596 0%,#120101 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #939596 0%,#120101 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #939596 0%,#120101 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#120101',GradientType=1 ); /* IE6-9 */
      }	
      
      .grad3Epoxy {
          background: #120101; /* Old browsers */
  background: url("brushed-alum-dark.png"), -moz-linear-gradient(top,  #6c6d6e 0%, #120101 100%); /* FF3.6+ */
  background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6d6e), color-stop(100%,#120101)); /* Chrome,Safari4+ */
  background: url("brushed-alum-dark.png"), -webkit-linear-gradient(top,  #6c6d6e 0%,#120101 100%); /* Chrome10+,Safari5.1+ */
  background: url("brushed-alum-dark.png"), -o-linear-gradient(top,  #6c6d6e 0%,#120101 100%); /* Opera 11.10+ */
  background: url("brushed-alum-dark.png"), -ms-linear-gradient(top,  #6c6d6e 0%,#120101 100%); /* IE10+ */
  background: url("brushed-alum-dark.png"), linear-gradient(to bottom,  #6c6d6e 0%,#120101 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr='#120101',GradientType=0 ); /* IE6-9 */
  
      }
          .grad4Epoxy {
          background: #120101; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%, #120101 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%,#120101)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%,#120101 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%,#120101 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%,#120101 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%,#120101 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#120101',GradientType=1 ); /* IE6-9 */
      }	
      
      .grad3 {
          background: #6c6d6e; /* Old browsers */
  background: url("brushed-alum-dark.png"), -moz-linear-gradient(top,  #6c6d6e 0%, #383b3f 100%); /* FF3.6+ */
  background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6d6e), color-stop(100%,#383b3f)); /* Chrome,Safari4+ */
  background: url("brushed-alum-dark.png"), -webkit-linear-gradient(top,  #6c6d6e 0%,#383b3f 100%); /* Chrome10+,Safari5.1+ */
  background: url("brushed-alum-dark.png"), -o-linear-gradient(top,  #6c6d6e 0%,#383b3f 100%); /* Opera 11.10+ */
  background: url("brushed-alum-dark.png"), -ms-linear-gradient(top,  #6c6d6e 0%,#383b3f 100%); /* IE10+ */
  background: url("brushed-alum-dark.png"), linear-gradient(to bottom,  #959595 0%,#5b5757 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr='#383b3f',GradientType=0 ); /* IE6-9 */
  
      }
          .grad4 {
          background: #f2f6f8; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%, #b5c6d0 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%,#b5c6d0)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%,#b5c6d0 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%,#b5c6d0 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%,#b5c6d0 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%,#b5c6d0 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0',GradientType=1 ); /* IE6-9 */
      }
      .matte .grad1 {
          background-image: none;
          background: #d4d3c8;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q0ZDNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #d4d3c8 1%, #fefef3 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%,#fefef3));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%,#fefef3 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%,#fefef3 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%,#fefef3 100%);
  background: linear-gradient(to right,  #e7e7e7 1%,#cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#fefef3',GradientType=1 );
          box-shadow:4px 4px 7px #c3c3c3 inset;
      }
      
      .matte .grad1Epoxy {
          background-image: none;
          background: #120101;
  
  
  background: -moz-linear-gradient(left,  #d4d3c8 1%, #120101 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%,#120101));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: linear-gradient(to right,  #4e4e4e 1%,#2f2f2f 100%,#434040 95%,#5D5A5A 91%,#6A6767 100%,#4B4A4A 100%,#211F1F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120101', endColorstr='#120101',GradientType=1 );
          box-shadow:4px 4px 7px #505050 inset;
      }	
      
      .matte .grad2 {
          background-image: none;
          background: #d4d3c8;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2EyOTY4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2NmYzNiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2E3OWY4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2ZlZmVmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZlZmVmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzk1ODc3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGM4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%, #d0c8b9 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%,#d0c8b9));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#d0c8b9 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#d0c8b9 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#d0c8b9 100%);
          background: linear-gradient(to right,  #b2b2b2 0%,#cccccc 19%,#a9a9a9 25%,#909090 37%,#8a8a8a 44%,#828282 68%,#8a8a8a 75%,#787878 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120101', endColorstr='#211F1F',GradientType=1 );
      }
      
      .matte .grad2Epoxy {
          background-image: none;
          background: #120101;
   
          background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%, #120101 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%,#120101));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: linear-gradient(to right,  #120101 0%,#313131 19%,#504F4F 25%,#525050 37%,#131212 44%,#403F3F 68%,#1D1C1C 75%,#444141 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
      
      
          .grad1ZN {
          background:  #AEAFB9; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%,  #AEAFB9 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%, #AEAFB9)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%, #AEAFB9 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%, #AEAFB9 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%, #AEAFB9 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%, #AEAFB9 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr=' #AEAFB9',GradientType=1 ); /* IE6-9 */
      }
      
      
      .grad2ZN {
          background:  #AEAFB9; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #939596 0%,  #AEAFB9 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#939596), color-stop(100%, #AEAFB9)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #939596 0%, #AEAFB9 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #939596 0%, #AEAFB9 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #939596 0%, #AEAFB9 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #939596 0%, #AEAFB9 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr=' #AEAFB9',GradientType=1 ); /* IE6-9 */
      }
  
      .grad3ZN {
          background:  #AEAFB9; /* Old browsers */
  background: url("brushed-alum-dark.png"), -moz-linear-gradient(top,  #6c6d6e 0%,  #AEAFB9 100%); /* FF3.6+ */
  background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6d6e), color-stop(100%, #AEAFB9)); /* Chrome,Safari4+ */
  background: url("brushed-alum-dark.png"), -webkit-linear-gradient(top,  #6c6d6e 0%, #AEAFB9 100%); /* Chrome10+,Safari5.1+ */
  background: url("brushed-alum-dark.png"), -o-linear-gradient(top,  #6c6d6e 0%, #AEAFB9 100%); /* Opera 11.10+ */
  background: url("brushed-alum-dark.png"), -ms-linear-gradient(top,  #6c6d6e 0%, #AEAFB9 100%); /* IE10+ */
  background: url("brushed-alum-dark.png"), linear-gradient(to bottom,  #757575 0%, #c3c3c3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr=' #AEAFB9',GradientType=0 ); /* IE6-9 */
  
      }
          .grad4ZN {
          background:  #AEAFB9; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%,  #AEAFB9 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%, #AEAFB9)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%, #AEAFB9 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%, #AEAFB9 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%, #AEAFB9 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%, #AEAFB9 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr=' #AEAFB9',GradientType=1 ); /* IE6-9 */
      }
      
      
      .matte .grad1ZN {
          background-image: none;
          background:  #AEAFB9;
  
  
  background: -moz-linear-gradient(left,  #d4d3c8 1%,  #AEAFB9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%, #AEAFB9));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%, #AEAFB9 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%, #AEAFB9 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%, #AEAFB9 100%);
  background: linear-gradient(to right,  #dcdcdc 1%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr=' #AEAFB9',GradientType=1 );
          box-shadow:4px 4px 7px #d8d8d8 inset;
      }	
          
      .matte .grad2ZN {
          background-image: none;
          background:  #AEAFB9;
  
      background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%,  #AEAFB9 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%, #AEAFB9));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: linear-gradient(to right,  #aeafb9 0%,#dcdcdc 19%,#f2f2ff 25%,#c2c5d0 37%,#fbfbfb 44%,#d0d0d0 68%,#e4e4e4 75%, #aeafb9 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
          .grad1Alnico {
          background:  #848484; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%,  #848484 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%, #848484)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%, #848484 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%, #848484 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%, #848484 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%, #848484 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr=' #848484',GradientType=1 ); /* IE6-9 */
      }
      
      
      .grad2Alnico {
          background:  #848484; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #939596 0%,  #848484 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#939596), color-stop(100%, #848484)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #939596 0%, #848484 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #939596 0%, #848484 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #939596 0%, #848484 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #939596 0%, #848484 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr=' #848484',GradientType=1 ); /* IE6-9 */
      }
  
      .grad3Alnico {
          background:  #848484; /* Old browsers */
  background: url("brushed-alum-dark.png"), -moz-linear-gradient(top,  #6c6d6e 0%,  #848484 100%); /* FF3.6+ */
  background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6d6e), color-stop(100%, #848484)); /* Chrome,Safari4+ */
  background: url("brushed-alum-dark.png"), -webkit-linear-gradient(top,  #6c6d6e 0%, #848484 100%); /* Chrome10+,Safari5.1+ */
  background: url("brushed-alum-dark.png"), -o-linear-gradient(top,  #6c6d6e 0%, #848484 100%); /* Opera 11.10+ */
  background: url("brushed-alum-dark.png"), -ms-linear-gradient(top,  #6c6d6e 0%, #848484 100%); /* IE10+ */
  background: url("brushed-alum-dark.png"), linear-gradient(to bottom, #bfb8a5 0%, #605650 129%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr=' #848484',GradientType=0 ); /* IE6-9 */
  
      }
          .grad4Alnico {
          background:  #848484; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #f2f6f8 0%,  #848484 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f6f8), color-stop(100%, #848484)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #f2f6f8 0%, #848484 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #f2f6f8 0%, #848484 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #f2f6f8 0%, #848484 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #f2f6f8 0%, #848484 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr=' #848484',GradientType=1 ); /* IE6-9 */
      }
      
      
      .matte .grad1Alnico {
          background-image: none;
          background:  #848484;
  
  
  
  background: -moz-linear-gradient(left,  #d4d3c8 1%,  #848484 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%, #848484));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%, #848484 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%, #848484 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%, #848484 100%);
  background: linear-gradient(to right,  #d4d3c8 1%, #fefef3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr=' #848484',GradientType=1 );
          box-shadow:4px 4px 7px #E5E0CC inset;
      }	
          
      .matte .grad2Alnico {
          background-image: none;
          background:  #848484;
  
  background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%,  #848484 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%, #848484));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: linear-gradient(to right, #eeecdc 0%,#bbb2a0 19%,#c5b8b4 25%,#dbd3d3 37%,#f0f0d9 44%,#d3d3ce 68%,#cbc6bd 75%, #e6ddcc 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
              
      
      #block-img .matte .grad2 {
          background-image: none;
  background: #a29688;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyOTY4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZkZmNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left,  #a29688 0%, #fdfcf2 66%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a29688), color-stop(66%,#fdfcf2));
  background: -webkit-linear-gradient(left,  #a29688 0%,#fdfcf2 66%);
  background: -o-linear-gradient(left,  #a29688 0%,#fdfcf2 66%);
  background: -ms-linear-gradient(left,  #a29688 0%,#fdfcf2 66%);
  background: linear-gradient(to right,  #737373 0%,#919192 66%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a29688', endColorstr='#fdfcf2',GradientType=1 );
  box-shadow:5px 5px 6px rgba(255,255,255,1) inset;
      }
      .matte .grad3 {
          background-image: none;
          background: #c8b8b0;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YjhiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWQ3ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(left,  #c8b8b0 0%, #e1d7d1 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c8b8b0), color-stop(100%,#e1d7d1));
          background: -webkit-linear-gradient(left,  #c8b8b0 0%,#e1d7d1 100%);
          background: -o-linear-gradient(left,  #c8b8b0 0%,#e1d7d1 100%);
          background: -ms-linear-gradient(left,  #c8b8b0 0%,#e1d7d1 100%);
          background: linear-gradient(to right,  #b3b1b1 0%,#cfcece 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8b8b0', endColorstr='#e1d7d1',GradientType=1 );
          box-shadow:-4px -4px 7px rgba(0,0,0,0.3) inset;
      }
      .matte .grad4 {
          background-image: none;
          background: #d4d3c8;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q0ZDNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #d4d3c8 1%, #fefef3 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%,#fefef3));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%,#fefef3 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%,#fefef3 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%,#fefef3 100%);
  background: linear-gradient(to right,  #d4d3c8 1%,#fefef3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#fefef3',GradientType=1 );
          box-shadow:4px 4px 7px #E5E0CC inset;
      }
          .matte .grad3Epoxy {
          background-image: none;
          background: #120101;
  
          background: -moz-linear-gradient(left,  #c8b8b0 0%, #120101 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c8b8b0), color-stop(100%,#120101));
          background: -webkit-linear-gradient(left,  #c8b8b0 0%,#120101 100%);
          background: -o-linear-gradient(left,  #c8b8b0 0%,#120101 100%);
          background: -ms-linear-gradient(left,  #c8b8b0 0%,#120101 100%);
          background: linear-gradient(to right,  #848484 0%,#120101 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8b8b0', endColorstr='#120101',GradientType=1 );
          box-shadow:-4px -4px 7px rgba(0,0,0,0.3) inset;
      }
      .matte .grad4Epoxy {
          background-image: none;
          background: #120101;
   background: -moz-linear-gradient(left,  #d4d3c8 1%, #120101 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%,#120101));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: linear-gradient(to right,  #d4d3c8 1%,#120101 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#120101',GradientType=1 );
          box-shadow:4px 4px 7px #E5E0CC inset;
      }
      .black .grad1 {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #868686 0%,#575555 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      .black .grad2 {
          background: #333536; /* Old browsers */
          background: -moz-linear-gradient(left,  #333536 0%, #242d34 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333536), color-stop(100%,#242d34)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #333536 0%,#242d34 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #333536 0%,#242d34 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #333536 0%,#242d34 100%); /* IE10+ */
          background: linear-gradient(to right,  #6c6c6c 0%,#4e4e4e 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#242d34',GradientType=1 ); /* IE6-9 */
      }
      .black .grad3 {
          background: #1c1d1e; /* Old browsers */
  background: -moz-linear-gradient(top,  #1c1d1e 0%, #181b1f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1e), color-stop(100%,#181b1f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #505656 0%,#3d3838 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1e', endColorstr='#181b1f',GradientType=0 ); /* IE6-9 */
      }
          .black .grad4 {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      
      
      .black .grad1ZN {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      .black .grad2ZN {
          background: #333536; /* Old browsers */
          background: -moz-linear-gradient(left,  #333536 0%, #242d34 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333536), color-stop(100%,#242d34)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #333536 0%,#242d34 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #333536 0%,#242d34 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #333536 0%,#242d34 100%); /* IE10+ */
          background: linear-gradient(to right,  #333536 0%,#242d34 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#242d34',GradientType=1 ); /* IE6-9 */
      }
      .black .grad3ZN {
          background: #1c1d1e; /* Old browsers */
  background: -moz-linear-gradient(top,  #1c1d1e 0%, #181b1f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1e), color-stop(100%,#181b1f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1c1d1e 0%,#181b1f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1e', endColorstr='#181b1f',GradientType=0 ); /* IE6-9 */
      }
          .black .grad4ZN {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      
      .black .grad1Alnico {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      .black .grad2Alnico {
          background: #333536; /* Old browsers */
          background: -moz-linear-gradient(left,  #333536 0%, #242d34 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333536), color-stop(100%,#242d34)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #333536 0%,#242d34 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #333536 0%,#242d34 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #333536 0%,#242d34 100%); /* IE10+ */
          background: linear-gradient(to right,  #333536 0%,#242d34 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#242d34',GradientType=1 ); /* IE6-9 */
      }
      .black .grad3Alnico {
          background: #1c1d1e; /* Old browsers */
  background: -moz-linear-gradient(top,  #1c1d1e 0%, #181b1f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1e), color-stop(100%,#181b1f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1c1d1e 0%,#181b1f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1e', endColorstr='#181b1f',GradientType=0 ); /* IE6-9 */
      }
          .black .grad4Alnico {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      .black .grad1Epoxy {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }
      .black .grad2Epoxy {
          background: #333536; /* Old browsers */
          background: -moz-linear-gradient(left,  #333536 0%, #242d34 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333536), color-stop(100%,#242d34)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #333536 0%,#242d34 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #333536 0%,#242d34 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #333536 0%,#242d34 100%); /* IE10+ */
          background: linear-gradient(to right,  #333536 0%,#242d34 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#242d34',GradientType=1 ); /* IE6-9 */
      }
      .black .grad3Epoxy {
          background: #1c1d1e; /* Old browsers */
  background: -moz-linear-gradient(top,  #1c1d1e 0%, #181b1f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1d1e), color-stop(100%,#181b1f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1c1d1e 0%,#181b1f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1c1d1e 0%,#181b1f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1d1e', endColorstr='#181b1f',GradientType=0 ); /* IE6-9 */
      }
          .black .grad4Epoxy {
          background: #525658; /* Old browsers */
          background: -moz-linear-gradient(left,  #525658 0%, #253640 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#525658), color-stop(100%,#253640)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #525658 0%,#253640 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #525658 0%,#253640 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #525658 0%,#253640 100%); /* IE10+ */
          background: linear-gradient(to right,  #525658 0%,#253640 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525658', endColorstr='#253640',GradientType=1 ); /* IE6-9 */
      }	
      
      
      
      .shadow {
          box-shadow:0px 4px 5px rgba(0,0,0,0.3);
      }
      .circle, .rectangle {
          position: absolute;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0;
      }
      .face {
          position: absolute;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0;
      }
      .face1 {
          -webkit-transform: skew(-45deg);
          -moz-transform: skew(-45deg);
          transform: skew(-45deg);
          left:0.001;
      }
      .black .face1 {
          box-shadow: 1px 1px 0px rgba(0,0,0,1);
      }
      .face2 {
      }
      .face3 {
          -webkit-transform:skew(0deg, -45deg);
          -moz-transform:skew(0deg, -45deg);		
      }
      .diameter {
          display:block;
          position: absolute;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0;
          font-size:14px;
          line-height:32px;
      }
      .diameter span {
          font-size:14px;
      }
      .topvars {
          
          display:block;
          position: absolute;
          text-align:left;
          left: 20px;
          top: 20px;
          font-size:16px;
      }
      .topvars h3 {
          line-height: 1;
          margin: 0px;
          padding:0px;
      }
      .topvars small {
          padding:5px 0px 10px 0px;
          margin:0px;
          display: block;
          color:rgba(0,0,0,0.4);
      }
      .measure {
          background:#120101;
          
          display:block;
          position: absolute;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0;
          font-size:14px;
          display: flex;
          justify-content: center;
      }
      .measure:after { 
          content:" ";
          width: 0; 
          height: 0;
          display:block;
          right:-9px;
          top:-4.5px;
          position:absolute;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-left: 10px solid #777;
      } 
      .measure:before { 
          content:" ";
          width: 0; 
          height: 0;
          display:block;
          left:-9px;
          top:-4.5px;
          position:absolute;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-right: 10px solid #777;
      } 
      .measure-text {
          min-width: 8rem !important;
          margin-top:-30px;
      }
      .mgs {
      }
      .magdir {
      
          position:absolute;
          text-align: center;
          left:20px;
          width:12px;
          bottom:35px;
          height:20px;
          background:#D12B51;
      }
      .magdir {
          top:47%;
          left:10%;
      }
      .mags, .magn {
          color:#D12B51;
          width:12px;
          font-weight: bold;
          position: absolute;
      }
      .mags {
          bottom:-20px;
      }
      .magn {
          top:-40px;
      }
      .magdir:before { 
          content:" ";
          width: 0; 
          height: 0;
          display:block;
          top:-20px;
          left:-4px;
          position:absolute;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 20px solid #D12B51;
      }
      .diametral {
          left:50%;
          margin-left: -10px;
          top:85%;
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
      }
      .diametral .mags, .diametral .magn {
          -ms-transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
      }
      /*.magdir:after {
          content:"Direction of magnetic field";
          width:230px;
          text-align:left;
          margin-left:25px;
          font-size:12pt;
          font-weight:bold;
          position:absolute;
          bottom:-20px;
          display:block;
      }*/
      .magnetfields {
          position:absolute;
          display:block;
      }
      .magfleft, .magfright{
          position:absolute;
          display:block;
          width:25%;
          height:80%;
          top:10%;
          left:25%;
          border:2px dashed rgba(0,0,0,0.2);
          border-radius: 100%;
      }
      .magfright{
          left:50%;
      }
      .magf2left, .magf2right{
          position:absolute;
          display:block;
          width:30%;
          height:100%;
          top:0%;
          left:20%;
          border:2px dashed rgba(0,0,0,0.2);
          border-radius: 100%;
      }
      .magf2right{
          width:30%;
          left:50%;
      }/*
      .tab-content {
          max-width: 800px
      }*/
      a {
          color:#000;
      }
      .reddot{
          width:5%;
          height:18%;
          max-width:5px;
          max-height: 5px;
          min-width: 2px;
          min-height: 2px;
          border-radius: 100%;
          display: block;
          z-index:50;
          position: absolute;
          left:50%;
          margin-top: 2px;
          margin-left:-2px;
          background:#d21;
      }
      .reddot2 {
          width:8%;
          height:8%;
          max-width: 5px;
          max-height: 5px;
          min-width: 3px;
          min-height: 3px;
          border-radius: 100%;
          display: block;
          z-index:10;
          position: absolute;
          top: 49%;
          left:50%;
          background:#d21;
      }
      .reddot3 {
          width:5px;
          height:5px;
          border-radius: 100%;
          display: block;
          z-index:1000;
          position: absolute;
          top: 50%;
          right:1%;
          background:#d21;
      }
      .error, .success {
          text-align: center;
          padding:10px;
          border-radius: 5px;
          margin-bottom:10px;
      }
      .error {
          background:rgba(255,0,0,0.2);	
      }
      .success {
          background:rgba(0,255,50,0.2);
      }
  
  
          .topvars {
              margin-top: -7%;
              font-size:13px;
  
  
              display:block;
              min-width:100%;
              left:0px;
          }
      
          
          .topvars h3 {
              font-size:13px;
              font-family: 'Poppins-Regular', 'sans-serif' !important;
              font-weight: 600;
          }
          .topvars *:not(h3) , form *:not(.tagggg){
              font-size:13px;
              font-family: 'Poppins-Regular', 'sans-serif' !important;  	    
          }
          .tagggg{
              font-size:10px;
              font-family: 'Poppins-Regular', 'sans-serif' !important;  	   
          }
          .topvars small {
              padding:1px 0px 0px;
          }
      .img-full {  max-width: 10%;  height: auto; 
          
      } 
  
      .centerx {
  display: block;
  margin-left: 81px;
  margin-right: auto;
  margin-top: 21px;
  
  }
              
          
      @media (max-width: 960px) {
      .image {
              margin-top:130px;
          }
          #disc-img{
              padding-top: 20px;
          }
          .topvars {
              margin-top: -160px;
              font-size:13px;
  
              display:block;
              min-width:100%;
              padding:5px 15px 0px 15px;
              left:0px;
          }
          
          .topvars h3 {
              font-size:14px;
          }
          .topvars small {
              padding:5px 0px;
              font-size:12px;
          }
      .img-full {  max-width: 10%;  height: auto; 
          
      } 
      .centerx {
  display: block;
  margin-left: 10px;
  margin-right: auto;
  margin-top: 10px;
  
  }
      }
      
      
      @media (max-width: 327px) {
      .img-full {  max-width: 10%;  height: auto; 
          
      } 
      .centerx {
  display: block;
  margin-left: 10px;
  margin-right: auto;
  margin-top: 10px;
  
  }
      .magdir {
          top:60%;
          left:10%;
      }
          .topvars {
              margin-top: -160px;
              font-size:13px;
      
  
              display:block;
              min-width:100%;
              padding:5px 15px 0px 15px;
              left:0px;
          }
      .image {
              margin-top:130px;
          }
      }	
  @media only screen and (max-width: 600px) {	.img-full {  max-width: 10%;  height: auto; 
          
      } 
              .topvars {
              margin-top: -160px;
              font-size:13px;
  
  
              display:block;
              min-width:100%;
              padding:5px 15px 0px 15px;
              left:0px;
          }
              .image {
              margin-top:130px;
          }
      .centerx {
  display: block;
  margin-left: 10px;
  margin-right: auto;
  margin-top: 10px;
  
  }
  }
  
  
  
      
      @media (max-width: 768px) {
          
              #disc-img, #block-img, #ring-img{
              
              margin-top: 3rem;
              }
      .img-full {  max-width: 10%;  height: auto; 
          
      } 
          .image {
              margin-top:0;
          }
              .topvars {
              margin-top: -202px;
              font-size:13px;
  
  
              display:block;
              min-width:100%;
              padding:5px 15px 0px 15px;
              left:0px;
              padding-left: 0;
          }
      .centerx {
  display: block;
  margin-left: 10px;
  margin-right: auto;
  margin-top: 10px;
  
  }
  
      }	
      
      .grad3AlnicoBlock {
          background:  #848484; /* Old browsers */
  background: url("brushed-alum-dark.png"), -moz-linear-gradient(top,  #6c6d6e 0%,  #848484 100%); /* FF3.6+ */
  background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6d6e), color-stop(100%, #848484)); /* Chrome,Safari4+ */
  background: url("brushed-alum-dark.png"), -webkit-linear-gradient(top,  #6c6d6e 0%, #848484 100%); /* Chrome10+,Safari5.1+ */
  background: url("brushed-alum-dark.png"), -o-linear-gradient(top,  #6c6d6e 0%, #848484 100%); /* Opera 11.10+ */
  background: url("brushed-alum-dark.png"), -ms-linear-gradient(top,  #6c6d6e 0%, #848484 100%); /* IE10+ */
  background: url("brushed-alum-dark.png"), linear-gradient(to bottom,  #ece6e3 0%, #bdb0a9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr=' #848484',GradientType=0 ); /* IE6-9 */
  
      }
      
          .matte .grad1AlnicoBlock {
          background-image: none;
          background:  #848484;
  
  
  
  background: -moz-linear-gradient(left,  #d4d3c8 1%,  #848484 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%, #848484));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%, #848484 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%, #848484 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%, #848484 100%);
  background: linear-gradient(to right, #c8bfb4 0%,#fdfcf2 66%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr=' #848484',GradientType=1 );
          box-shadow:4px 4px 7px #E5E0CC inset;
      }
      
      .matte .grad2AlnicoBlock {
          background-image: none;
          background:  #848484;
  
  background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%,  #848484 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%, #848484));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: linear-gradient(to right, #c8bfb4 0%,#fdfcf2 66%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
  
  
      .grad3ZNBlock {
          background:  #AEAFB9; /* Old browsers */
  background: url("brushed-alum-dark.png"), -moz-linear-gradient(top,  #6c6d6e 0%,  #AEAFB9 100%); /* FF3.6+ */
  background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6d6e), color-stop(100%, #AEAFB9)); /* Chrome,Safari4+ */
  background: url("brushed-alum-dark.png"), -webkit-linear-gradient(top,  #6c6d6e 0%, #AEAFB9 100%); /* Chrome10+,Safari5.1+ */
  background: url("brushed-alum-dark.png"), -o-linear-gradient(top,  #6c6d6e 0%, #AEAFB9 100%); /* Opera 11.10+ */
  background: url("brushed-alum-dark.png"), -ms-linear-gradient(top,  #6c6d6e 0%, #AEAFB9 100%); /* IE10+ */
  background: url("brushed-alum-dark.png"), linear-gradient(to bottom,  #f6f6f6 0%, #cfd0d3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6d6e', endColorstr=' #AEAFB9',GradientType=0 ); /* IE6-9 */
  
      }			
      
      
      .matte .grad1ZNBlock {
          background-image: none;
          background:  #AEAFB9;
  
  
  background: -moz-linear-gradient(left,  #d4d3c8 1%,  #AEAFB9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%, #AEAFB9));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%, #AEAFB9 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%, #AEAFB9 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%, #AEAFB9 100%);
  background: linear-gradient(to right,  #dcdcdc 1%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr=' #AEAFB9',GradientType=1 );
          box-shadow:4px 4px 7px #d8d8d8 inset;
      }	
      .matte .grad2ZNBlock {
          background-image: none;
          background:  #AEAFB9;
  
      background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%,  #AEAFB9 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%, #AEAFB9));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background:linear-gradient(to right, #b0b6cb   0%,#f3f3f3 66%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }		
          .matte .grad3EpoxyBlock {
          background-image: none;
          background: #120101;
  
          background: -moz-linear-gradient(left,  #c8b8b0 0%, #120101 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c8b8b0), color-stop(100%,#120101));
          background: -webkit-linear-gradient(left,  #c8b8b0 0%,#120101 100%);
          background: -o-linear-gradient(left,  #c8b8b0 0%,#120101 100%);
          background: -ms-linear-gradient(left,  #c8b8b0 0%,#120101 100%);
          background: linear-gradient(to right,  #3e3e3e 0%,#120101 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8b8b0', endColorstr='#120101',GradientType=1 );
          box-shadow:-4px -4px 7px rgba(0,0,0,0.3) inset;
      }	
      
      .matte .grad1EpoxyBlock {
          background-image: none;
          background: #120101;
  
  
  background: -moz-linear-gradient(left,  #d4d3c8 1%, #120101 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d4d3c8), color-stop(100%,#120101));
  background: -webkit-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: -o-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: -ms-linear-gradient(left,  #d4d3c8 1%,#120101 100%);
  background: linear-gradient(to right,  #4e4e4e 1%,#2f2f2f 100%,#434040 95%,#5D5A5A 91%,#6A6767 100%,#4B4A4A 100%,#211F1F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120101', endColorstr='#120101',GradientType=1 );
          box-shadow:4px 4px 7px #505050 inset;
      }	
      
      .matte .grad2EpoxyBlock {
          background-image: none;
          background: #120101;
   
          background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%, #120101 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%,#120101));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: linear-gradient(to right, #595959 0%,#090909 66%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
      .matte .grad2Alnicoc {
          background-image: none;
          background:  #848484;
  
  background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%,  #848484 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%, #848484));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #848484 100%);
          background: linear-gradient(to right,  #0c0b0b 1%,#6d6363 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
      
      .matte .grad2ZNc {
          background-image: none;
          background:  #AEAFB9;
  
      background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%,  #AEAFB9 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%, #AEAFB9));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%, #AEAFB9 100%);
          background:  linear-gradient(to bottom,  #060709 0%, #060709 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }		
      
      .matte .grad2Epoxyc {
          background-image: none;
          background: #120101;
   
          background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%, #120101 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%,#120101));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#120101 100%);
          background: linear-gradient(to right,  #100f0f 0%,#130303 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3c8', endColorstr='#d0c8b9',GradientType=1 );
      }	
      .black .grad2c {
          background: #333536; /* Old browsers */
          background: -moz-linear-gradient(left,  #333536 0%, #242d34 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333536), color-stop(100%,#242d34)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #333536 0%,#242d34 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #333536 0%,#242d34 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #333536 0%,#242d34 100%); /* IE10+ */
          background: linear-gradient(to right,  #000000 0%,#1a1a1a 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#242d34',GradientType=1 ); /* IE6-9 */
      }		
      
      .grad2c {
          background: #939596; /* Old browsers */
          background: url("brushed-alum-dark.png"), -moz-linear-gradient(left,  #939596 0%, #747d84 100%); /* FF3.6+ */
          background: url("brushed-alum-dark.png"), -webkit-gradient(linear, left top, right top, color-stop(0%,#939596), color-stop(100%,#747d84)); /* Chrome,Safari4+ */
          background: url("brushed-alum-dark.png"), -webkit-linear-gradient(left,  #939596 0%,#747d84 100%); /* Chrome10+,Safari5.1+ */
          background: url("brushed-alum-dark.png"), -o-linear-gradient(left,  #939596 0%,#747d84 100%); /* Opera 11.10+ */
          background: url("brushed-alum-dark.png"), -ms-linear-gradient(left,  #939596 0%,#747d84 100%); /* IE10+ */
          background: url("brushed-alum-dark.png"), linear-gradient(to right,  #212122 0%,#1b1c1e 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939596', endColorstr='#747d84',GradientType=1 ); /* IE6-9 */
      }	
      
      .matte .grad2c {
          background-image: none;
          background: #d4d3c8;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDNjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2EyOTY4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2NmYzNiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2E3OWY4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2ZlZmVmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZlZmVmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzk1ODc3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGM4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(left,  #d4d3c8 0%, #a29688 19%, #cfc3be 25%, #a79f85 37%, #fefef3 44%, #fefef3 68%, #958775 75%, #d0c8b9 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d4d3c8), color-stop(19%,#a29688), color-stop(25%,#cfc3be), color-stop(37%,#a79f85), color-stop(44%,#fefef3), color-stop(68%,#fefef3), color-stop(75%,#958775), color-stop(100%,#d0c8b9));
          background: -webkit-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#d0c8b9 100%);
          background: -o-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#d0c8b9 100%);
          background: -ms-linear-gradient(left,  #d4d3c8 0%,#a29688 19%,#cfc3be 25%,#a79f85 37%,#fefef3 44%,#fefef3 68%,#958775 75%,#d0c8b9 100%);
          background: linear-gradient(to right,  #505050 0%,#141313 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120101', endColorstr='#211F1F',GradientType=1 );
      }		
      #disc-img, #block-img, #ring-img{
                  background:#f5f5f5;
     background-image: url("../im/logohyabtype final.png");
         border: 1px solid #C5C5C5;
      background-position: inherit;
      background-position-x: left;
      border-radius: 3px;
      }
  
      
      
  /**m2m**/
  .wrapper_model{
      position:relative;
  
  }
  
  .chart_m{
      position: absolute;
      height: 27rem;
      /*width:50%;*/
      width:100%;
      left:0;
      bottom:0%;
     /* z-index:1001;*/
      margin: 0;
      overflow: auto;
     /* display:flex;*/
  
  }
  .chart_m canvas{
  
      
  }
  .canvasjs-chart-credit{
      display: none;
  }
  
  .chart_m canvas{
  
      padding : 1% 2% ;
         min-width: 20rem;
     min-width: 20rem;
  }
  
  @media (max-width: 1200px){
      .chart_m{
          height: 25rem;
      }
  }
  
  .model_chart_disc{
      font-size: 12px;
      position: absolute;
      bottom: 0;
      left: 0;
  }
  
     .chartmodel{
        height:490px !important;
    }
  
  @media (max-width: 1400px){
       .chartmodel{
        height:300px !important;
    }
  }
  @media (max-width: 700px){
       .chartmodel{
        height:200px !important;
    }
  }
  
  @media (min-width: 768px){
  .model_chart .modal-dialog {
      width: 550px !important;
      margin: 20px auto;
  }
  }
  
      .text_m2m{
          display:flex;
          overflow-x: auto;
      overflow-y: hidden;
      }
      
      .text_m2m_left{
         width: 44%;
       
          font-size: 13px;
      }
          
      .text_m2m_right{
          width: 50%;
          height: 0%;
      padding: 0 1rem;
      border-left: 1px solid;
      margin-left: 3px;
      margin-bottom: -2px;
       font-size: 13px;
   
      }
      .text_m2m strong{
          font-weight:normal;
      }
  .chart_mblock{
      position: absolute;
      height: 32%;
      width: 50%;
      left: -2%;
      bottom: -5%;
      z-index: 1001;
      margin: 0 2%;
      display: flex;
  }
      @media (max-width: 1200px) {
      
          .image{
              margin-top:28%;
          }
          .topvars{
              margin-top:-28%;
          }
              .text_m2m_left{
                 
         width: 50%;
      }
      .chart_m{
          bottom: 2%;
      /*left: -2%;*/
         position: absolute;
      width:100%;
      }
  
      }
          @media (max-width: 992px) {
                      .image{
              margin-top:55%;
          }
          .topvars{
              margin-top:-60%;
          }
              
          }
          
  
              
              .imageblock{
          margin-top:2%;
      }
      .topvarsxxblock{
           /*margin-top:-2%;*/
      }	
          @media (max-width: 600px) {
  
      .chart_m{
          margin: 2%;
      }
          }
                      .image{
              margin: 0% 0 32%;
             
          }
                  
          @media (max-width: 992px) and  (min-width: 765px) {
                      .image{
              margin: 7% 0 7%;
             
          }
          }
          
          @media (max-width: 1200px) {
  
      
                          .imageblock{
          margin:20% 0;
      }
      .topvarsxxblock{
           margin-top:-10%;
      }
          }
          
      .text_m2m {
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      position: absolute;
      left: 0;
      top: 2%;
      margin: 0 2.2%;
  }#ring-img{
      height: 100%;
  }
           #disc-img , #block-img{
      height: 92.2%;
  }
    .textxproduct{
      margin-top: 18px ;
    }
    @media (max-width: 1200px){
            #disc-img , #block-img{
      height: 100%;
  }
  .textxproduct{
      margin-top: 34px !important;
      min-height:33px;
  }
    }
  #ring .col-sm-6{
      margin-bottom: 10px;
  }
     #blocks .col-sm-6, #disc .col-sm-6{
      margin-bottom: 22px;
  }


  @media (min-width: 992px){
  .col-md-4 {
    width: 38.333333%;
}
.col-md-8 {
        width: 61.666667%;
}}
  @media (min-width: 1200px){
  .col-md-4 {
    width: 38.333333%;
}
.col-md-8 {
    width: 61.666667%;
}}

#DiscTable , #BlockTable{
        display: inline-block;
    width: 100%;
}.tbl_magcal table {
    width: 100% !important;
       min-width: 67rem !important;
}

      @media (max-width: 1200px) {
  
  .topvarsring{
      position: absolute;
      left: 0;
      top: 7%;
  }
  }
          @media (max-width: 600px) {
                  .text_m2m {
                          position: absolute;
      left: 0;
    
                  }
                  .topvarsring{
      position: absolute;
      left: 0;
      top: 50%;
  }
          }
          h3{
                  line-height: 143%;
          }
              .height_tab{
              height:100%;
              }
          @media (max-width: 992px) {
  
               .topvars small {
                  padding: 1px 0 0;
              }
              #block-img{
                  margin-top:13%;
              }
          .topvarsxx {
              padding-top:6%;
          }
          .image{
              margin-top:23% 0 7%;
          }
          .topvarsxxblock{
              padding-top: 25%;
          }
          .height_tab{
              height:max-content;
          }
          .text_m2m{
              display:block;
          }
          .text_m2m_right{
              border:none;
              margin:0;
              padding:0;
          }
          .text_m2m_right , .text_m2m_left{
              width:100%;
          }
          }
          @media (max-width: 600px){
  
              .topvars h3 {
      font-size: 13px;
  }
              .text_m2m_right {
                  font-size:12px;
                  margin-top:1%;
              }
             
           .text_m2m_left {
                  font-size:12px;
                
              }
              .magdir{
                  top:45%;
              }
  }
      @media (max-width: 500px){
  .image {
      margin-top: 23% !important;
      margin-bottom: 50%;
  }
  .chart_m{
          display: block;
      width: 100%;
      bottom: 0%;
      height: 25%;
      margin:0;
      min-height: 18rem;
  
  }
              .topvars h3 {
      font-size: 12px;
  }
              .text_m2m_right {
                  font-size:11px;
           
              }
           .text_m2m_left {
                  font-size:11px;
                
              }
  
  }
      @media (max-width: 400px){
           .text_m2m{
          top: 1%;
           }
                      .image {
      margin-top: 45% !important;
      margin-bottom: 50%;
  }
  .chart_m{
       
  }
      }
  @media (min-width: 768px){
  .modal-dialog {
      margin: 10px auto;
  }
  }
  /**bg color*/
   tr.Matchfoundclass:nth-child(2n+1){
      background-color:  #eff6e7c2 !important;
  }
   tr.Matchfoundclass:nth-child(2n){
      background-color:  #f3f8ed57 !important;
  }
  /**info-text**/
  .textxproduct{
    text-align: center;
    color: #FF0000;
    max-width: 938px;
    margin: auto;
    margin-top: -10px;
    font-size: 13px;
  }
  .tab-content table  tbody td ,.tab-content table tbody th{
    border-top: 0 !important;
     padding: 15px 10px !important;
}
.tab-content  td , .tab-content  th{
     font-size:13px !important;
}
.tab-content table  tbody td {
    font-family: 'Poppins-Regular', 'sans-serif' !important;
 }
.tab-content table tbody th , .tab-content table thead th{
     font-family: 'Poppins-Regular', 'sans-serif' !important;
     font-weight: 600;
 }
 
  .tooltipForm {
    position: absolute;
    bottom: 102%;
   left: 180px;
    transform: translateX(-50%);
    color: #000;
    padding: 6px;
    background: #F9F9F9;
    border-radius: 3px;
    border: 1px solid #AEAEAE;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transition: all 0.3s ease;
    z-index: 100000000000000001;
    /* max-width: 1000px; */
    width: 215px;
    height: fit-content;
    box-sizing: border-box;
}
.icon-content{
        float: inline-end;
    border: 1px solid #AEAEAE;
    border-radius: 50%;
    /* padding: 0.3px 2.63px 0; */
    margin-left: 3px;
    line-height: 123%;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: start;
}
 .icon-content:hover .tooltipForm {
  opacity: 1;
  visibility: visible;

}
 .form-control{
height: 30px;
    background: #fff !important;
    border: 1px solid #C5C5C5;
    box-shadow: none;
 }
  .form-control:focus , .form-control:active{
          border: 1px solid #C5C5C5;
    box-shadow: none  !important;
  }
 .input-group-addon{
     background:#C5C5C5;;
 }
 select.form-control {
    appearance: none;
    background-image: url("../images/expand_more_FILL1_wght200_GRAD0_opsz48down.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5rem center !important;
    font-size: 13px;
}
.col-sm-6 , .col-sm-12{
    padding : 0 10px;
}
.btn-req{
    border: 1px solid #C5C5C5;
    background: #F9F9F9;
        height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
input[type=checkbox]:not(.hamburger-init) {
-webkit-appearance: none;
    -o-appearance: none;
    border: 1px solid #C5C5C5 !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 5px  !important;
    padding-top: 0px;
    
    margin: 0 0 -2px;
}
input[type=checkbox]:not(.hamburger-init):checked{
    background:#ed1c24;
}
input[type=checkbox].hamburger-init:checked , input[type=checkbox]:focus{
    border:none;
        outline: none;
}
input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:not(.hamburger-init):focus{
    outline:0;
    padding:0;
}
body{
       
}
.nav>li{
    background: transparent;
}
#tabtbl {
    border-bottom: none !important;
}
#tabtbl::after {
    content: '';
    border-bottom: 1px solid #C5C5C5;
    width: 100%;
    display: block;
}
.tabpanel li a{
    border: none;
        width: 64px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
        padding: 0;
            color: #FF0000 !important;
          border-bottom: 1px solid #C5C5C5 !important;
}
.tabpanel li.active a{
        color: black !important;
    background: transparent !important;
    border: 1px solid #C5C5C5 !important;
    /* border-bottom: 5px solid white !important; */
    /* margin-bottom: -8px; */
    border-bottom: none !important;
    border-radius: 6px 6px 0 0;
}
.col-md-4 h3{
    margin: 0 0 3.5rem -6px
}
.container-fluid.textHeader , .tabpanel{
    padding: 0 10px;
}
@media (max-width: 992px){
.container {
    width: 100% !important;
    padding:0 5px;
}
#DiscTable{
    padding: 0 10px;
}
.col-sm-12{
        margin: 1rem 0 2rem;
}
.wrapper_model{
    margin: 0 10px;
}
.textxproduct{
    margin-top:34px;
}
}
@media (min-width: 500px){
.col-sm-6 {
      float: left;
    width: 50%;
}
}
@media (min-width: 400px){

    form .row:first-child .col-sm-6 {
      float: left;
    width: 50%;
}
}
@media (max-width: 600px){
.topvarsxx {
    padding-bottom: 36%;
}}
@media (max-width: 1200px){
    #RingTable{
        margin-top:0 !important;
    }
}


/*modal cookie*/
.CookieModal{
    background-color: #fff;
    border: 1px solid #000;
    position: fixed;
    box-sizing: border-box;
    z-index: 1002;
          display: none;
    border-radius: 3px;
  }
  #cookiePopup1{
    bottom:12px;
    left:12px;
    max-width: 375px;
    /*height: 269.44px;*/
     padding:  25px 30px 25px;
  }
  .CookieModal p{
    color: #a7a8a6;
    font-size: 14px;
    padding-top: 22px;
}
.inputCookie{
  background-color: #E31B1E;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 16px;
    border-radius: 10px;
    height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
border:none;
  cursor: pointer;
      margin: 14px 0

}
div.inputCookie{
  background-color: #fff;
  color: #000;
}
  #cookiePopup2{
    height: 100%;
    max-width: 480px;
    left: 0;
    top: 0;
    display: none;
  }
  #cookiePopup2 h1{
    font-size:18px;
        margin-top: 2rem;
  }
  #cookiePopup2 h1:last-child{
    border-top: 1px solid #000;
    padding-top: 20px;
  }
  #cookiePopup2 .tabPanel{
    margin-bottom: 1rem; 
    padding-bottom: 46px;
    margin-top:2rem;
    overflow:auto;
  }
  #cookiePopup2  input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none;
  }
  
  #cookiePopup2 label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 29px;
    background: #cbc6c6;
    display: block;
    border-radius: 100px;
        margin: 0.5rem 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
      rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.7;
  }
  
  #cookiePopup2 label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
      rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  }
  
  #cookiePopup2 input:checked + label {
    background: #808080;
    opacity: 1;
  }
  
  #cookiePopup2 input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
  }
  
  #cookiePopup2 label:active:after {
    width: 55px;
    
  }
  
  #cookiePopup2  .tablPanelHeader div:last-child{
    margin: auto;
    margin-right: 13px;
  }
  
  #cookiePopup2  .tablPanelHeader {
   display: flex;
   align-items: center;
   border: 1px solid #bbb;
    
  }
  #cookiePopup2 .tabPanelElement:not(:last-child) .tablPanelHeader{
    border-bottom: none
  }
  #cookiePopup2 .tablPanelHeader h2{
    font-size: 14px;
        margin-bottom: 0;
  }
  #cookiePopup2 .tablPanelHeader  .more span{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
    top: 0;
    cursor: pointer;
}
#cookiePopup2 .tablPanelHeader .more span:before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    transition: 0.3s ease;
    opacity: 1;
    margin-top: -1px;
    }

    #cookiePopup2 .tablPanelHeader .more span:after{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 50%;
    transition: 0.3s ease;
    margin-left: -1px;
    }
    #cookiePopup2 .tablPanelHeader .tabPanelElement .tabText{
    display: none;
    }
    #cookiePopup2 .tabPanelElement .tabText{
        display: none;
    }
    #cookiePopup2 .tabPanelElement.open .tabText{
    display: block;
    border: 1px solid #bbb;
    border-top: none ;
    font-size: 13px;
    padding: 15px 20px;
    color: #696969;
    }
    #cookiePopup2 .tabPanelElement:not(:last-child) .tabText{
      border-bottom: none;
    }
    #cookiePopup2 .tabPanelElement.open  .tablPanelHeader {
    border-bottom: none
        
    }
    #cookiePopup2 .tabPanelElement.open  .more span:before{
        transform: rotate(90deg);
        opacity: 0;
    }
    #cookiePopup2 .tabPanelElement.open  .more span:after{
        transform: rotate(90deg);
    }
    #cookiePopup2 .cookiePopup2Header{
      box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 480px;
        /* margin: 30px; */
        padding: 16px;
        border-bottom: 1px solid #ded1d1;
        background: #fff;
        display:flex;
        justify-content: space-between;
         align-items: center;
    }
    #cookiePopup2 .cookiePopup2Footer{
      position: fixed;
      bottom: 0;
      left: 0;
      max-width: 479px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      background: #fff;
      padding: 12px 25px;
      box-sizing: border-box;
    }
    #cookiePopup2 .cookiePopup2Cont{
      height: calc(100% - 150px);
      margin-top: 70px;
      overflow: auto;
      padding: 20px 25px;
    
    }

    #cookiePopup2 .tablPanelHeader .more span:after{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 50%;
    transition: 0.3s ease;
    margin-left: -1px;
    }
    #cookiePopup2 .tablPanelHeader .tabPanelElement .tabText{
    display: none;
    }
    #cookiePopup2 .tabPanelElement .tabText{
        display: none;
    }
    #cookiePopup2 .tabPanelElement.open .tabText{
    display: block;
    border: 1px solid #bbb;
    border-top: none ;
    font-size: 13px;
    padding: 15px 20px;
    color: #696969;
    }
    #cookiePopup2 .tabPanelElement:not(:last-child) .tabText{
      border-bottom: none;
    }
    #cookiePopup2 .tabPanelElement.open  .tablPanelHeader {
    border-bottom: none
        
    }
    #cookiePopup2 .tabPanelElement.open  .more span:before{
        transform: rotate(90deg);
        opacity: 0;
    }
    #cookiePopup2 .tabPanelElement.open  .more span:after{
        transform: rotate(90deg);
    }
    #cookiePopup2 .cookiePopup2Header{
      box-sizing: border-box;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      max-width: 480px;
      display: flex;
      justify-content: space-between;
      padding: 16px;
      border-bottom: 1px solid #ded1d1;
      background: #fff;
      align-items: center;
    }
    #cookiePopup2 .cookiePopup2Footer{
      position: fixed;
      bottom: 0;
      left: 0;
      max-width: 479px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      background: #fff;
      padding: 12px 25px;
      box-sizing: border-box;
    }
    #cookiePopup2 .cookiePopup2Cont{
      height: calc(100% - 150px);
      margin-top: 70px;
      overflow: auto;
      padding: 20px 25px;
    
    }

    #overlayCookie{
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: #0000008f;
      z-index: 1001;
    }

    .disableCHeck{
      cursor: not-allowed;
      pointer-events: none;
    }


    #cookiePopup2 .cookiePopup2Header .closeCookiePopup2 {
      background: #fff;
      width: 30px;
      height: 30px;
      position: relative;
  }
  #cookiePopup2 .cookiePopup2Header .closeCookiePopup2:after {
      content: '';
      height: 30px;
      border-left: 2px solid #808080;
      position: absolute;
      transform: rotate(45deg);
      left: 0;
  }
  
  #cookiePopup2 .cookiePopup2Header .closeCookiePopup2:before {
      content: '';
      height: 30px;
      border-left: 2px solid #808080;
      position: absolute;
      transform: rotate(-45deg);
      left: 0;
  }
    #overlayCookie{
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: #0000008f;
      z-index: 1001;
      display: none;
    }

    .disableCHeck{
      cursor: not-allowed;
      pointer-events: none;
    }
      @media (max-width: 500px) {
    #cookiePopup1 , #cookiePopup2 , .cookiePopup2Header, .cookiePopup2Footer{
      max-width: 95% !important;
    }
    #cookiePopup1{
      padding: 25px 22px 25px;
      height: auto;
    }
    .tabPanelElement{
      min-width: 453px;
      overflow: auto;
    }
  }
    /*cookie*/