@font-face {
    font-family: 'Poppins-Medium';
    src: url("Poppins-Medium.ttf");
    }
    
*{
    font-family: 'Poppins-Medium', 'sans-serif' !important;
}

.container-1 , .container-2, .product-container , .news-container ,.cr-container {
    width: 100%;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container-1 , .container-2, .product-container , .news-container ,.cr-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-1 , .container-2, .product-container , .news-container ,.cr-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-1 , .container-2, .product-container , .news-container ,.cr-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-1 {
        max-width: 1848px;
    }
}

@media (min-width: 1200px) {
    .container-2 {
        max-width: 1720px;
    }
}

/*  Media q General  */
@media (min-width: 576px) {
    .container-1 , .container-2, .product-container , .news-container ,.cr-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-1 , .container-2, .product-container , .news-container ,.cr-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-1 , .container-2, .product-container , .news-container ,.cr-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-1 {
        max-width: 1848px;
    }
}
@media (min-width: 1200px) {
    .container-2 {
        max-width: 1720px;
    }
}

/*load*/

#gooey {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 142px;
    height: 40px;
    margin: -20px 0 0 -71px;
    background: #fff;
    filter: contrast(20);
}
#gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
#gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
#gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
.animate-bottom {
    position: relative;
    height: auto;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

/*header*/
#header {
    height: fit-content!important;
        background-color: #E31B1E;
    z-index: 100001;
    margin-top: 0 !important;
    display: -webkit-box;
    margin-bottom: 3rem;
}
.red-logo{
    display: none;
}
#header .container-1 {
    display: flex;
    width: 100%;
}
#header .flex-container {
    display:flex;
        width: 100%;
    justify-content: space-between;
    
}

.logo {
    text-align: left;
}
.cul-btn {
    color: #fff;
    margin: auto 0;
}
.logo img {
    width: 86px!important;
    margin: 4px 0;
}

#header.fixed{
     background-color: white;
       position: fixed;
top: 0;
    left: 0;
    width: 100%;
    box-shadow: 3px 2px 8px -1px grey;
}
#header.fixed .red-logo{
    display: block;
}
#header.fixed .white-logo{
    display: none;
}
#header.fixed .cul-btn {
    color: #E31B1E;
    
}
.fixed {

    
}
/*footer*/
#footer {
    background-color: #E31B1E;
    margin-bottom: 0;
    position: relative;
    bottom: 0;
        margin-top: 5rem;
    padding: 14px 0 3px!important;
}
#model-lang{
    background: #ffffffde;
}

 .modal-dialog-lang{
    width: fit-content !important;
    color: black;
    margin-top: 80px;
    display:flex;
    top: 0;
bottom: 0;
margin: auto;
position: absolute;
left: 0;
right: 0;
}

.modal-content-lang{
    margin: auto;
    
}
 .modal-body-lang{
    padding: 0;
    background: #fff;
    margin: auto;

}
 .modal-body-lang div{
    display:block;
    background: #f5f5f5;
    width: 230px;
    height: 74px;
    text-align: center;
}


 .modal-body-lang div img{
    width: 37px;
    height: 37px;
    margin: auto;
}
 .modal-body-lang div span{
    margin: auto;
    color: black;
    font-size: 18px;
 }
 .cul-btn{
     color: white;
 }
 @media screen and (max-width: 330px){
     .text{
         display: none;
     }
 }
 #header.fixed  .cul-btn{
     color: #E31B1E;
 }
  .cul-btn div{
      display:flex;
  }
 .cul-btn div i{
     font-size: 29px;
     margin-left:1rem;
 }
  .cul-btn div div{
      font-size: 14px;
      margin: auto;
  }
  @media screen and (max-width: 1200px){

.mm_header {
    font-size: 32px !important;
    margin-bottom: 10px;
    font-family: 'Poppins-Bold';
}
}
.footer-text {
    color: #fff;
     display: flex;
    justify-content: space-between;
    text-align: center;
    margin: auto;
    
}
.footer-text div{
    margin: auto 0;
    
}
.footer-text img{
    width: 48px;
    height: auto;
}


	.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,  #525658 0%,#2e3136 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,  #5c5c5f 0%,#34393c 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: 5rem !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:14px;
			font-weight:bold;
		}
		.topvars small {
			padding:1px 0px 0px;
			font-size:13px;
		}
	.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("logohyabtype final.png");
   
    background-position: inherit;
    background-position-x: left;
	}

	
	
/**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: 90%;
}
	@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;
		}
		.wrapper_model{
		    padding-bottom:26%;
		}
		.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: 35%;
}
.chart_m{
     
}
	}
		


.d-flex{
    display: flex;
}
.table>thead>tr>th{
    border-top: 1px solid black !important;
      border-bottom: 1px solid black;
}

.collapse-btn-text{
    float: left;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: baseline;
    text-align: center;
}
.dropdown-menu{
    box-shadow: none !important;
}
    .dropdown-menu>li>a{
        padding: 3px 8px 0 0 !important;
    }

	.dropdown-submenu_a{
	    float: left !important;
	    
	}
	   .collapse-btn{
	    display:inline-flex !important;
    /* margin: auto 0; */
    

	}
	@media screen and (min-width: 1200px){


    .dropdown-menul1{
        position:absolute !important;
        left: 100% !important;
        top:  0 !important;
        
    }
    
}

@media (max-width: 1200px){
    .iconMAGNETFACTS{
        z-index: 10001;
        margin-right: 0.5rem;
    }
.sub_collapse-btn i {
    font-size: 24px;
    
    z-index: 10001;
}}
	@media screen and (max-width: 1200px){
	    .show_menu{
visibility: visible;
    opacity: 1;
    display: block !important;
    float:none !important;
    position: relative !important;

 
}
.dropdown-menu>li>a:hover{
    background: none !important;
}
	    .dropdown-submenu{
	        text-align: end;
	    }
.dropdown-menu {
    padding: 10px 0;
}
 .collapse-btn{
         position: relative;
 }
}

.mm_header{
    font-size: 47px;
    font-weight: normal;
    margin: 2rem 0 0 0;
}
.chart , .chart_model {
    padding:0.5rem 2rem;
    
}
.chart_m i{
    margin:0.5rem;
}
@media screen and (max-width: 992px) {
 .mm_header{
    font-size: 38px;
} 
}
.count_table > th{
    
}
.tab-content>.active {
    display: grid !important;
}
@media screen and (max-width: 400px) {
 .mm_header{
    font-size: 22px;
} 

.container-fluid p{
     font-size: 12px;

}

.form-group p{
    line-height:117%;
}
.tabpanel li a{
    padding:10px;
}
}
.count_table tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.count_table th {
  border-right:1rem solid white;
      text-align: center;
}
.btn_padding{
    width:100%;
}
form p{
    line-height:150%;
    font-size:12px;
}
@media screen and (max-width: 390px)  {
 .btn_row .col-xs-1 , .btn_row .col-xs-7 , .btn_row .col-xs-4 {
     width:100% !important;
 } 

}
@media screen and (max-width: 992px)   {

}
@media screen and (max-width: 768px)  and (min-width: 568px)  {

}
.form-group {
    margin-bottom: 10px;
}
.tbl_magcal{
    text-align: center;
     text-align: -webkit-center;
    margin-top:13rem;
      overflow-x: auto;
      overflow-y: hidden;
    
}

	
#blocktbl th, #blocktbl td{
    width:10rem !important;
}
.count_table th,.count_table  td{
    width:11rem !important;
}
.tbl_magcal > div{
    width:41rem;
    color: #E31B1E;
    font-size:13px;
  
}
.big_collapse-btn{
    margin: auto 0.4rem;
}
@media screen and (max-width: 756px) {
.tbl_magcal > div{
    width:90%;
  

}
}

.tbl_magcal > table{
   
     position: relative;
     border-collapse: separate;
     min-width: max-content;

}

 
.tbl_magcal > table >  tbody {
    position: relative;
    top: 0.7rem; 
  }

.tbl_magcal > table  tbody td ,.tbl_magcal > table tbody th{
      border-top: 0 !important;
       padding: 15px 10px !important;
       font-size:14px;
  }

.tbl_magcal > table  tbody th{
    position: relative;
    right:  0.7rem; 
    width:12.5rem;
  }
.topnavxxx {
  overflow: hidden;
  background-color: #e30c17;
  position: relative;

}
.table th , .table td{
    padding: 15px 10px !important;
}
.topnavxxx img {
  height: 50px;
  /* put value of image height as your need */
  float: left;
  margin-right: 7px;
}
.topnavxxx #myLinks {
  display: none;

}

.topnavxxx a {
  float: left;
  color: white;
  padding: 14px 13px;
  text-decoration: none;
  font-size: 17px;
}

.topnavxxx a.icon {
  float: right;
}

.topnavxxx a:hover {
  background-color: #ddd;
  color: black;
}
@media (min-width: 700px){
.tooltipText{
    min-width:42rem !important;
}
}
.activexxx {
  background-color: red;
  color: white;
}
.tbl-ring1{
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  width: -moz-available;
  height: fit-content;
}

.tbl-ring1 table{
  min-width: 90rem;
}

.tagggg {
  font-size: 10px;line-height : 110%;display: block;
    margin-top: 7px; 
}


@media (min-width: 1200px){
    #footer .col-md-6 , #footer .col-lg-3{
        display: grid;
    }
    .footer-links {
    height: 100%;
}
}
@media (max-width: 1200px){
    #footer .row{
        display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

    }
       #footer .col-md-6 {
                    flex: 0 0 50%;
    max-width: 50%;
    } 
}
@media (max-width: 765px){
           #footer .col-md-6 {
                    flex: 0 0 100%;
    max-width: 100%;
    } 
}
/**tab**/

.tabpanel{
display: flex;
border-bottom: 1px solid;
}

.tabpanel li.active a{
     color:black !important;
    background: white;
    border: 1px solid #eee !important;
    border-bottom: 5px solid white !important;
    margin-bottom: -8px;
}
.tabpanel a{
    color:#c45 !important;
}
#tabtbl {
    border-bottom: 1px solid #eee !important;
}
.tabpanel>li>a:hover, .nav>li>a:focus{
    background-color: white !important;
}
.tabpanel{
    margin-bottom:2rem !important;
}
.tabpanel li{
    float: right;
    text-align: center;
}

/**tooltip*/
.tbltooltipimg {
  position: relative;
  display: inline-block;
}

.tbltooltipimg .tbltooltipimgtext , .tbltooltipimg .tbltooltipimgtext2{
  visibility: hidden;
  background-color: #f9f9f9;
  color: #000;
  text-align: center;
  padding: 0 5px;
top: -68%;
    right: -300%;
    
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  width: max-content;
  font-size: 10px;
}
 .tbltooltipimg .tbltooltipimgtext2{
    border: 1px solid #61e646;
}
 .tbltooltipimg .tbltooltipimgtext{
    border: 1px solid #e85f5f;
}
.tbltooltipimg:hover .tbltooltipimgtext , .tbltooltipimg:hover .tbltooltipimgtext2{
  visibility: visible;
}
.tbl_ring1 table{
    margin-bottom: 8rem;
}
.banner img{
    width: 100%;
    height: auto;
}
/***modal*/
.modal {
    z-index: 1000000001;
}
#modal-dialog {
    background: white !important;
    height: auto;
    width: 500px;
    margin: 2.5rem auto;
}
#modal-header {
    position: relative;
    padding: 0 !important;
}
#modal-body {
    padding: 1rem !important;
}
.btn-Continue {
    border: 1px solid #E31B1E !important;
    color: #E31B1E;
    background: white !important;
    font-size: 14px !important;
}
.btn-Send {
    background: #E31B1E;
    color: white;
    font-size: 14px !important;
}
#modal-header p {
    background: #E31B1E;
    color: white;
    position: absolute;
    top: -15px;
    margin-left: 1rem;
    padding: 4px 14px;
    border-radius: 7px;
    font-size: 14px !important;
    font-weight: bold !important;
}
@media (max-width: 700px){
#modal-dialog {
    width: 90%;
}
}

@media (max-width: 700px){
.btn-Continue, .btn-Send {
    font-size: 12px !important;
    padding: 4px;
}
}
@media (max-width: 400px){
.modal-footer {
    display: contents !important;
}
.btn-Continue, .btn-Send {
    margin: 0.5rem !important;
    width: 95%;
}
}