.modal,
.modal-box {
  z-index: 1900;
}

.modal-sandbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}

.modal {
  display: none; 
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.8);
  overflow: auto;
}

.modal-box {
  position: relative;
  width: 95%;
  margin: 50px auto;
  animation-name: modalbox;
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(0,0,.3,1.6);
}

.header-noble {
	padding: 10px 10px;
	background: #af015c;
	color: #ffffff;
}

.header-metal {
	padding: 10px 10px;
	background: #2792ff;
	color: #ffffff;
}

.header-nonmetal {
	padding: 10px 10px;
	background: #ff9427;
	color: #ffffff;
}

.header-semimetal {
	padding: 10px 10px;
	background: #ff2792;
	color: #ffffff;
}

.header-trans {
	padding: 10px 10px;
	background: #5caf01;
	color: #ffffff;
}

.modal-body {
	background: #ffffff;
	padding: 20px 20px;
	min-height: 400px;
}

/* Close Button */
.close-modal {
  text-align: right;
  cursor: pointer;
  z-index:2000;
}

/* Animation */
@-webkit-keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

@keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

/* Aditional Styles */

p {
  line-height: 1.4em;
}

body {
  background: #B0BEC5;
}

.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

						body {
						margin:0;
						min-height:100vh;
						}
						body *{
						-webkit-box-sizing:border-box;
						box-sizing:border-box
						}
						.pt-wrap {
						-webkit-box-sizing:border-box!important;
						box-sizing:border-box!important;
						margin:0 auto!important;
						min-height:100vh!important;
						}
						
						.pt-wrap p {
						margin:0 0 20px
						}
						
						.pt-wrap img {
						width:auto;
						max-width:100%;
						height:auto
						}
						
						.pt-text-center {
						text-align:center
						}
						.pt-text-right {
						text-align:right
						}
						
						main.pt-wrap {
						margin:20px auto;
						width:100%;
						max-width:1200px;
						padding:0
						}
						
						main.pt-wrap .pt-table  {
						display:-ms-grid;
						display:grid;
						margin-bottom:20px;
						-ms-grid-columns:auto;
						grid-template-columns:auto;
						-ms-grid-rows:68px 68px 68px 68px 68px 68px 68px 68px 68px 68px;
						grid-template-rows:68px 68px 68px 68px 68px 68px 68px 68px 68px 68px
						}
						
						main.pt-wrap .pt-table > :nth-child(1) {
						-ms-grid-row:1;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(2) {
						-ms-grid-row:2;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(3) {
						-ms-grid-row:3;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(4) {
						-ms-grid-row:4;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(5) {
						-ms-grid-row:5;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(6) {
						-ms-grid-row:6;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(7) {
						-ms-grid-row:7;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(8) {
						-ms-grid-row:8;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(9) {
						-ms-grid-row:9;
						-ms-grid-column:1
						}
						
						main.pt-wrap .pt-table > :nth-child(10) {
						-ms-grid-row:10;
						-ms-grid-column:1
						}
						
						.pt-intro-copy {
						width:70%;
						float:left;
						}
						
						.pt-social {
						width:30%;
						float:right;
						}
						
						.pt-social p {
						margin:0;
						vertical-align:middle
						}
						.pt-social img {
						color:#555759;
						font-size:14px;
						text-decoration:none;
						margin-left:7px;
						display:inline-block
						}
						
						.pt-social img:hover {
						cursor:pointer
						}
						
						.pt-social .pt-social-download {
						color:#555759;
						font-size:14px;
						text-decoration:none
						}
						
						.pt-social img {
						display:inline-block;
						vertical-align:middle
						}
						
						.pt-element {
						position:relative;
						background:rgba(0,0,0,0.25);
						padding:.25rem;
						margin:2px
						}
						
						.pt-inner .pt-element {
						width:150px;
						height:150px;
						padding:.5rem
						}
						
						.pt-table {
						-ms-grid-columns:62px;
						grid-template-columns:62px;
						-ms-grid-rows:62px;
						grid-template-rows:62px
						}
						
						.pt-table > :nth-child(1) {
						-ms-grid-row:1;
						-ms-grid-column:1
						}
						
						.pt
						-table .pt-element {
						width:62px;
						height:62px
						}
						
						.pt-element a {
						color:#fff;
						text-decoration:none;
						display:block
						}
						
						.pt-element .pt-element-number,.pt-element .pt-element-symbol,.pt-element .pt-element-name,.pt-element .pt-element-weight {
						color:#fff;
						line-height:1
						}
						
						.pt-element .pt-element-number {
						font-size:12px;
						text-align:right;
						margin-bottom:12px;
						float:right;
						display:inline-block
						}
						
						.pt-inner .pt-element .pt-element-number {
						font-size:30px
						}
						.pt-element .pt-element-symbol {
						font-size:18px;
						font-weight:400;
						margin:0;
						float:left;
						display:inline-block
						}
						
						.pt-inner .pt-element .pt-element-symbol {
						font-size:55px
						}
						
						.pt-element .pt-element-name {
						font-size:8px;
						margin-bottom:3px;
						clear:both
						}

						.pt-element-name {
						padding-top:8px;
						}
						
						.pt-inner .pt-element .pt-element-name {
						font-size:16px;
						position:absolute;
						bottom:25px
						}
						
						.pt-element .pt-element-weight {
						font-size:10px
						}
						
						.pt-inner .pt-element .pt-element-weight {
						position:absolute;
						bottom:10px
						}
						.pt-table-filters .pt-element:hover {
						z-index:2;
						cursor:pointer
						}
						
						.pt-table .pt-element:hover {
						-webkit-transform:scale(1.2);
						-ms-transform:scale(1.2);
						transform:scale(1.2);
						z-index:2;
						cursor:pointer;
						border:1px solid #ffffff;
						}
						
						.pt-table-filters .pt-element:hover,.pt-filter-hide .pt-element:hover {
						background-color:#005daa;
						color:#fff
						}
						
						.pt-element.pt-key {
						background-color:#F5F6F8;
						position:relative;
						border:1px solid #BEBBBB;
						width:auto;
						height:auto
						}
						
						.pt-element.pt-key:hover {
						cursor:default;
						-webkit-transform:scale(1);
						-ms-transform:scale(1);
						transform:scale(1)
						}
						
						.pt-element .pt-key-title {
						color:#555759;
						font-size:14px;
						font-weight:700;
						position:absolute;
						top:-20px;
						left:0
						}
						
						.pt-element .pt-key-info img {
						margin:0 auto;
						display:block;
						position:absolute;
						top:50%;
						-webkit-transform:translate(0,-50%);
						-ms-transform:translate(0,-50%);
						transform:translate(0,-50%)
						}
						
						.pt-element.pt-color-guide,.pt-group-filter {
						background-color:transparent;
						color:#555759;
						font-size:15px;
						font-weight:400;
						line-height:1;
						text-align:center;
						padding:7px 20px;
						border:1px solid #555759;
						border-radius:4px
						}
						
						.pt-element.pt-color-guide:hover,.pt-group-filter:hover {
						cursor:pointer
						}
						
						.pt-group-filter:focus {
						outline:none
						}
						
						.pt-element.pt-color-guide.pt-active,.pt-group-filter.pt-active {
						background-color:#555759;
						color:#fff
						}
						
						.pt-element.pt-color-guide.pt-active:hover,.pt-group-filter.pt-active:hover {
						background-color:#6e7175
						}
						
						.pt-table .pt-alkali,.pt-inner .pt-alkali {
						background:#2792ff
						}
						
						.pt-table .pt-alkaline,.pt-inner .pt-alkaline {
						background:#2792ff
						}
						
						.pt-table .pt-transition,.pt-inner .pt-transition {
						background:#2792ff
						}
						
						.pt-table .pt-basic,.pt-inner .pt-basic {
						background:#2792ff
						}
						
						.pt-table .pt-semimetal,.pt-inner .pt-semimetal {
						background:#ff2792
						}
						
						.pt-table .pt-nonmetal,.pt-inner .pt-nonmetal {
						background:#ff9427
						}
						
						.pt-table .pt-halogen,.pt-inner .pt-halogen {
						background:#ff9427
						}
						.pt-table .pt-noble,.pt-inner .pt-noble {
						background:#af015c
						}
						
						.pt-table .pt-lanthanide,.pt-inner .pt-lanthanide {
						background:#5CAF01
						}
						
						.pt-table .pt-actinide,.pt-inner .pt-actinide {
						background:#5CAF01
						}
						
						.pt-table .pt-not-selected {
						background:#e6e6e6
						}
						
						.pt-not-selected .pt-element-number,.pt-not-selected .pt-element-symbol,.pt-not-selected .pt-element-name,.pt-not-selected .pt-element-weight {
						color:#e6e6e6!important
						}
						
						.pt-table .pt-selected {
						opacity:1!important
						}
						
						.pt-table .pt-element-desc {
						padding:20px 35px;
						-ms-grid-row:4;
						-ms-grid-row-span:-3;
						-ms-grid-column:13;
						-ms-grid-column-span:-10;
						grid-area:4/13/1/3
						}
						
						.pt-table .pt-element-desc h2 {
						color:#555759;
						font-size:20px;
						font-weight:700;
						line-height:1.03;
						margin-bottom:10px
						}
						
						.pt-table .pt-element-desc p {
						color:#555759;
						font-size:12px;
						margin-bottom:20px
						}
						
						.pt-table-filters {
						background-color:#F5F6F8;
						margin-bottom:10px;
						padding:13px 30px;
						border:1px solid #BEBBBB
						}
						
						.pt-filter-title {
						margin-right:25px;
						float:left;
						}
						
						.pt-filter-title p {
						margin:4px 0 0
						}
						
						.pt-filter-title img {
						display:inline-block;
						vertical-align:middle
						}
						
						.pt-filter-hide {
						width:100%;
						margin-left:100px;
						display:-webkit-box;
						display:-ms-flexbox;
						display:flex;
						-webkit-box-orient:horizontal;
						-webkit-box-direction:normal;
						-ms-flex-direction:row;
						flex-direction:row
						}
						
						.pt-filter-hide .pt-color-guide {
						display:none
						}
						
						.pt-filter-hide .pt-element {
						margin-top:10px
						}
						
						#cg-all {
						margin-right:25px;
						position:relative
						}
						
						#cg-all::after {
						content:'';
						width:25px;
						height:25px;
						display:block;
						border-right:1px solid #BEBBBB;
						position:absolute;
						right:-18px;
						top:0
						}
						
						#cg-nonmetals {
						margin-right:25px;
						position:relative
						}
						
						#cg-nonmetals::after {
						content:'';
						width:25px;
						height:25px;
						display:block;
						border-right:1px solid #BEBBBB;
						position:absolute;
						right:-18px;
						top:0
						}
						
						#cg-states {
						margin-right:25px;
						position:relative
						}
						
						#cg-states::after {
						content:'';
						width:25px;
						height:25px;
						display:block;
						border-right:1px solid #BEBBBB;
						position:absolute;
						right:-18px;
						top:0
						}
						
						button#pt-reset {
						background:none;
						color:#555759;
						font-size:14px;
						margin:5px 0 0 100px;
						padding:0;
						clear:both;
						border:none
						}
						
						button#pt-reset:hover {
						cursor:pointer
						}
						
						button#pt-reset:focus {
						outline:none
						}
						
						#h {
						-ms-grid-row:1;
						-ms-grid-column:1;
						grid-area:1/1/1/1
						}
						
						#he {
						-ms-grid-row:1;
						-ms-grid-column:18;
						grid-area:1/18/1/18
						}
						
						#li {
						-ms-grid-row:2;
						-ms-grid-column:1;
						grid-area:2/1/2/1
						}
						
						#be {
						-ms-grid-row:2;
						-ms-grid-column:2;
						grid-area:2/2/2/2
						}
						
						#b {
						-ms-grid-row:2;
						-ms-grid-column:13;
						grid-area:2/13/2/13
						}
						#c {
						-ms-grid-row:2;
						-ms-grid-column:14;
						grid-area:2/14/2/14
						}
						
						#n {
						-ms-grid-row:2;
						-ms-grid-column:15;
						grid-area:2/15/2/15
						}
						
						#o {
						-ms-grid-row:2;
						-ms-grid-column:16;
						grid-area:2/16/2/16
						}
						
						#f {
						-ms-grid-row:2;
						-ms-grid-column:17;
						grid-area:2/17/2/17
						}
						
						#ne {
						-ms-grid-row:2;
						-ms-grid-column:18;
						grid-area:2/18/2/18
						}
						
						#na {
						-ms-grid-row:3;
						-ms-grid-column:1;
						grid-area:3/1/3/1
						}
						
						#mg {
						-ms-grid-row:3;
						-ms-grid-column:2;
						grid-area:3/2/3/2
						}
						
						#al {
						-ms-grid-row:3;
						-ms-grid-column:13;
						grid-area:3/13/3/13
						}
						
						#si {
						-ms-grid-row:3;
						-ms-grid-column:14;
						grid-area:3/14/3/14
						}
						
						#p {
						-ms-grid-row:3;
						-ms-grid-column:15;
						grid-area:3/15/3/15
						}
						
						#s {
						-ms-grid-row:3;
						-ms-grid-column:16;
						grid-area:3/16/3/16
						}
						
						#cl {
						-ms-grid-row:3;
						-ms-grid-column:17;
						grid-area:3/17/3/17
						}
						
						#ar {
						-ms-grid-row:3;
						-ms-grid-column:18;
						grid-area:3/18/3/18
						}
						
						#k {
						-ms-grid-row:4;
						-ms-grid-column:1;
						grid-area:4/1/4/1
						}
						
						#ca {
						-ms-grid-row:4;
						-ms-grid-column:2;
						grid-area:4/2/4/2
						}
						
						#sc {
						-ms-grid-row:4;
						-ms-grid-column:3;
						grid-area:4/3/4/3
						}
						
						#ti {
						-ms-grid-row:4;
						-ms-grid-column:4;
						grid-area:4/4/4/4
						}
						
						#v {
						-ms-grid-row:4;
						-ms-grid-column:5;
						grid-area:4/5/4/5
						}
						
						#cr {
						-ms-grid-row:4;
						-ms-grid-column:6;
						grid-area:4/6/4/6
						}
						
						#mn {
						-ms-grid-row:4;
						-ms-grid-column:7;
						grid-area:4/7/4/7
						}
						
						#fe {
						-ms-grid-row:4;
						-ms-grid-column:8;
						grid-area:4/8/4/8
						}
						
						#co {
						-ms-grid-row:4;
						-ms-grid-column:9;
						grid-area:4/9/4/9
						}
						
						#ni {
						-ms-grid-row:4;
						-ms-grid-column:10;
						grid-area:4/10/4/10
						}
						
						#cu {
						-ms-grid-row:4;
						-ms-grid-column:11;
						grid-area:4/11/4/11
						}
						
						#zn {
						-ms-grid-row:4;
						-ms-grid-column:12;
						grid-area:4/12/4/12
						}
						
						#ga {
						-ms-grid-row:4;
						-ms-grid-column:13;
						grid-area:4/13/4/13
						}
						
						#ge {
						-ms-grid-row:4;
						-ms-grid-column:14;
						grid-area:4/14/4/14
						}
						
						#as {
						-ms-grid-row:4;
						-ms-grid-column:15;
						grid-area:4/15/4/15
						}
						#se {
						-ms-grid-row:4;
						-ms-grid-column:16;
						grid-area:4/16/4/16
						}
						
						#br {
						-ms-grid-row:4;
						-ms-grid-column:17;
						grid-area:4/17/4/17
						}
						
						#kr {
						-ms-grid-row:4;
						-ms-grid-column:18;
						grid-area:4/18/4/18
						}
						
						#rb {
						-ms-grid-row:5;
						-ms-grid-column:1;
						grid-area:5/1/5/1
						}
						#sr {
						-ms-grid-row:5;
						-ms-grid-column:2;
						grid-area:5/2/5/2
						}
						
						#y {
						-ms-grid-row:5;
						-ms-grid-column:3;
						grid-area:5/3/5/3
						}
						
						#zr {
						-ms-grid-row:5;
						-ms-grid-column:4;
						grid-area:5/4/5/4
						}
						
						#nb {
						-ms-grid-row:5;
						-ms-grid-column:5;
						grid-area:5/5/5/5
						}
						
						#mo {
						-ms-grid-row:5;
						-ms-grid-column:6;
						grid-area:5/6/5/6
						}
						
						#tc {
						-ms-grid-row:5;
						-ms-grid-column:7;
						grid-area:5/7/5/7
						}
						
						#ru {
						-ms-grid-row:5;
						-ms-grid-column:8;
						grid-area:5/8/5/8
						}
						
						#rh {
						-ms-grid-row:5;
						-ms-grid-column:9;
						grid-area:5/9/5/9
						}
						
						#pd {
						-ms-grid-row:5;
						-ms-grid-column:10;
						grid-area:5/10/5/10
						}
						
						#ag {
						-ms-grid-row:5;
						-ms-grid-column:11;
						grid-area:5/11/5/11
						}
						
						#cd {
						-ms-grid-row:5;
						-ms-grid-column:12;
						grid-area:5/12/5/12
						}
						
						#in {
						-ms-grid-row:5;
						-ms-grid-column:13;
						grid-area:5/13/5/13
						}
						
						#sn {
						-ms-grid-row:5;
						-ms-grid-column:14;
						grid-area:5/14/5/14
						}
						
						#sb {
						-ms-grid-row:5;
						-ms-grid-column:15;
						grid-area:5/15/5/15
						}
						
						#te {
						-ms-grid-row:5;
						-ms-grid-column:16;
						grid-area:5/16/5/16
						}
						#i {
						-ms-grid-row:5;
						-ms-grid-column:17;
						grid-area:5/17/5/17
						}
						
						#xe {
						-ms-grid-row:5;
						-ms-grid-column:18;
						grid-area:5/18/5/18
						}
						
						#cs {
						-ms-grid-row:6;
						-ms-grid-column:1;
						grid-area:6/1/6/1
						}
						
						#ba {
						-ms-grid-row:6;
						-ms-grid-column:2;
						grid-area:6/2/6/2
						}
						
						#hf {
						-ms-grid-row:6;
						-ms-grid-column:4;
						grid-area:6/4/6/4
						}
						#ta {
						-ms-grid-row:6;
						-ms-grid-column:5;
						grid-area:6/5/6/5
						}
						
						#w {
						-ms-grid-row:6;
						-ms-grid-column:6;
						grid-area:6/6/6/6
						}
						
						#re {
						-ms-grid-row:6;
						-ms-grid-column:7;
						grid-area:6/7/6/7
						}
						
						#os {
						-ms-grid-row:6;
						-ms-grid-column:8;
						grid-area:6/8/6/8
						}
						
						#ir {
						-ms-grid-row:6;
						-ms-grid-column:9;
						grid-area:6/9/6/9
						}
						
						#pt {
						-ms-grid-row:6;
						-ms-grid-column:10;
						grid-area:6/10/6/10
						}
						
						#au {
						-ms-grid-row:6;
						-ms-grid-column:11;
						grid-area:6/11/6/11
						}
						
						#hg {
						-ms-grid-row:6;
						-ms-grid-column:12;
						grid-area:6/12/6/12
						}
						
						#tl {
						-ms-grid-row:6;
						-ms-grid-column:13;
						grid-area:6/13/6/13
						}
						#pb {
						-ms-grid-row:6;
						-ms-grid-column:14;
						grid-area:6/14/6/14
						}
						
						#bi {
						-ms-grid-row:6;
						-ms-grid-column:15;
						grid-area:6/15/6/15
						}
						
						#po {
						-ms-grid-row:6;
						-ms-grid-column:16;
						grid-area:6/16/6/16
						}
						
						#at {
						-ms-grid-row:6;
						-ms-grid-column:17;
						grid-area:6/17/6/17
						}
						
						#rn {
						-ms-grid-row:6;
						-ms-grid-column:18;
						grid-area:6/18/6/18
						}
						#fr {
						-ms-grid-row:7;
						-ms-grid-column:1;
						grid-area:7/1/7/1
						}
						
						#ra {
						-ms-grid-row:7;
						-ms-grid-column:2;
						grid-area:7/2/7/2
						}
						
						#rf {
						-ms-grid-row:7;
						-ms-grid-column:4;
						grid-area:7/4/7/4
						}
						
						#db {
						-ms-grid-row:7;
						-ms-grid-column:5;
						grid-area:7/5/7/5
						}
						
						#sg {
						-ms-grid-row:7;
						-ms-grid-column:6;
						grid-area:7/6/7/6
						}
						
						#bh {
						-ms-grid-row:7;
						-ms-grid-column:7;
						grid-area:7/7/7/7
						}
						
						#hs {
						-ms-grid-row:7;
						-ms-grid-column:8;
						grid-area:7/8/7/8
						}
						#mt {
						-ms-grid-row:7;
						-ms-grid-column:9;
						grid-area:7/9/7/9
						}
						
						#ds {
						-ms-grid-row:7;
						-ms-grid-column:10;
						grid-area:7/10/7/10
						}
						
						#rg {
						-ms-grid-row:7;
						-ms-grid-column:11;
						grid-area:7/11/7/11
						}
						
						#cn {
						-ms-grid-row:7;
						-ms-grid-column:12;
						grid-area:7/12/7/12
						}
						
						#nh {
						-ms-grid-row:7;
						-ms-grid-column:13;
						grid-area:7/13/7/13
						}
						
						#fl {
						-ms-grid-row:7;
						-ms-grid-column:14;
						grid-area:7/14/7/14
						}
						#mc {
						-ms-grid-row:7;
						-ms-grid-column:15;
						grid-area:7/15/7/15
						}
						
						#lv {
						-ms-grid-row:7;
						-ms-grid-column:16;
						grid-area:7/16/7/16
						}
						
						#ts {
						-ms-grid-row:7;
						-ms-grid-column:17;
						grid-area:7/17/7/17
						}
						#og {
						-ms-grid-row:7;
						-ms-grid-column:18;
						grid-area:7/18/7/18
						}
						
						#la {
						-ms-grid-row:9;
						-ms-grid-column:4;
						grid-area:9/4/9/4
						}
						
						#ce {
						-ms-grid-row:9;
						-ms-grid-column:5;
						grid-area:9/5/9/5
						}
						
						#pr {
						-ms-grid-row:9;
						-ms-grid-column:6;
						grid-area:9/6/9/6
						}
						
						#nd {
						-ms-grid-row:9;
						-ms-grid-column:7;
						grid-area:9/7/9/7
						}
						
						#pm {
						-ms-grid-row:9;
						-ms-grid-column:8;
						grid-area:9/8/9/8
						}
						
						#sm {
						-ms-grid-row:9;
						-ms-grid-column:9;
						grid-area:9/9/9/9
						}
						
						#eu {
						-ms-grid-row:9;
						-ms-grid-column:10;
						grid-area:9/10/9/10
						}
						#gd {
						-ms-grid-row:9;
						-ms-grid-column:11;
						grid-area:9/11/9/11
						}
						
						#tb {
						-ms-grid-row:9;
						-ms-grid-column:12;
						grid-area:9/12/9/12
						}
						
						#dy {
						-ms-grid-row:9;
						-ms-grid-column:13;
						grid-area:9/13/9/13
						}
						
						#ho {
						-ms-grid-row:9;
						-ms-grid-column:14;
						grid-area:9/14/9/14
						}
						
						#er {
						-ms-grid-row:9;
						-ms-grid-column:15;
						grid-area:9/15/9/15
						}
						
						#tm {
						-ms-grid-row:9;
						-ms-grid-column:16;
						grid-area:9/16/9/16
						}
						
						#yb {
						-ms-grid-row:9;
						-ms-grid-column:17;
						grid-area:9/17/9/17
						}
						
						#lu {
						-ms-grid-row:9;
						-ms-grid-column:18;
						grid-area:9/18/9/18
						}
						
						#ac {
						-ms-grid-row:10;
						-ms-grid-column:4;
						grid-area:10/4/10/4
						}
						
						#th {
						-ms-grid-row:10;
						-ms-grid-column:5;
						grid-area:10/5/10/5
						}
						
						#pa {
						-ms-grid-row:10;
						-ms-grid-column:6;
						grid-area:10/6/10/6
						}
						
						#u {
						-ms-grid-row:10;
						-ms-grid-column:7;
						grid-area:10/7/10/7
						}
						
						#np {
						-ms-grid-row:10;
						-ms-grid-column:8;
						grid-area:10/8/10/8
						}
						
						#pu {
						-ms-grid-row:10;
						-ms-grid-column:9;
						grid-area:10/9/10/9
						}
						
						#am {
						-ms-grid-row:10;
						-ms-grid-column:10;
						grid-area:10/10/10/10
						}
						
						#cm {
						-ms-grid-row:10;
						-ms-grid-column:11;
						grid-area:10/11/10/11
						}
						
						#bk {
						-ms-grid-row:10;
						-ms-grid-column:12;
						grid-area:10/12/10/12
						}
						
						#cf {
						-ms-grid-row:10;
						-ms-grid-column:13;
						grid-area:10/13/10/13
						}
						
						#es {
						-ms-grid-row:10;
						-ms-grid-column:14;
						grid-area:10/14/10/14
						}
						
						#fm {
						-ms-grid-row:10;
						-ms-grid-column:15;
						grid-area:10/15/10/15
						}
						
						#md {
						-ms-grid-row:10;
						-ms-grid-column:16;
						grid-area:10/16/10/16
						}
						
						#no {
						-ms-grid-row:10;
						-ms-grid-column:17;
						grid-area:10/17/10/17
						}
						#lr {
						-ms-grid-row:10;
						-ms-grid-column:18;
						grid-area:10/18/10/18
						}
						
						#cg-alkali {
						-ms-grid-row:1;
						-ms-grid-column:1;
						grid-area:1/1/1/1
						}
						
						#cg-alkaline {
						-ms-grid-row:1;
						-ms-grid-column:2;
						grid-area:1/2/1/2
						}
						
						#cg-transition {
						-ms-grid-row:1;
						-ms-grid-column:3;
						grid-area:1/3/1/3
						}
						
						#cg-basic {
						-ms-grid-row:1;
						-ms-grid-column:4;
						grid-area:1/4/1/4
						}
						
						#cg-semimetal {
						-ms-grid-row:1;
						-ms-grid-column:5;
						grid-area:1/5/1/5
						}
						
						#cg-nonmetal {
						-ms-grid-row:1;
						-ms-grid-column:6;
						grid-area:1/6/1/6
						}
						
						#cg-halogen {
						-ms-grid-row:1;
						-ms-grid-column:7;
						grid-area:1/7/1/7
						}
						
						#cg-noble {
						-ms-grid-row:1;
						-ms-grid-column:8;
						grid-area:1/8/1/8
						}
						
						#cg-lanthanide {
						-ms-grid-row:1;
						-ms-grid-column:9;
						grid-area:1/9/1/9
						}
						
						#cg-actinide {
						-ms-grid-row:1;
						-ms-grid-column:10;
						grid-area:1/10/1/10
						}
						
						#lan {
						-ms-grid-row:6;
						-ms-grid-column:3;
						grid-area:6/3/6/3
						}
						#act {
						-ms-grid-row:7;
						-ms-grid-column:3;
						grid-area:7/3/7/3
						}
						
						#key {
						-ms-grid-row:9;
						-ms-grid-row-span:2;
						-ms-grid-column:1;
						-ms-grid-column-span:3;
						grid-area:9/1/11/4
						}
						
						.pt-accordion {
						list-style:none;
						margin:0;
						padding:0
						}
						
						.pt-accordion .pt-inner {
						background-color:#F4F4F4;
						margin:0;
						padding:25px;
						overflow:hidden;
						display:none
						}
						
					
						.pt-col-third {
						width:33.3333%;
						float:left;
						display:inline-block
						}
						
						.pt-col-atomic {
						width:24%
						}
						
						.pt-col-symbol p {
						text-align:center
						}
						
						.pt-table-search {
						position:relative
						}
						
						.pt-to-top {
						background-color:#A2A4AA;
						text-align:right;
						width:100%;
						max-width:1200px;
						margin:0 auto;
						padding:15px 30px;
						position:fixed;
						right:0;
						bottom:0;
						left:0
						}
						
						.pt-to-top a {
						color:#fff;
						font-size:16px;
						text-decoration:none
						}
						
						.pt-to-top img {
						height:15px;
						display:inline-block
						}
						
						.element-title {
						font-size: 48px;
						font-weight: bold;
						}
					
						
						.pt-col-element {
						width:15%;
						margin-right:1.3333%;
						float:left
						}
						
						.pt-col-desc {
						width:50%;
						margin-right:3.3333%;
						float:left
						}
						
						.pt-col-detail {
						width:25%;
						float:left
						}
						
						.pt-table-mobile {
						display:none
						}
						
						@media (max-width: 1040px) {
						.pt-col-desc {
						width:20%;
						margin-right:0;
						margin-left:3%
						}
						
						.pt-col-detail {
						margin-left:20%
						}
						

						}
						@media (max-width: 885px) {
						.pt-table-filters,.pt-table {
						display:none!important
						}
						
						.pt-table-mobile {
						display:block
						}
						
						.pt-col-desc {
						width:20%;
						margin-right:0;
						margin-left:6%
						}
						
						.pt-col-detail {
						margin-left:20%
						}
						
						.pt-intro-copy {
						width:100%;
						float:none;
						display:block
						}
						
						.pt-social {
						width:100%;
						float:none;
						display:block
						}
						
						.pt-social .pt-text-right {
						text-align:center;
						margin-bottom:20px
						}
						
						.pt-to-top {
						text-align:center
						}
						

						}
						@media (max-width: 788px) {
						.pt-col-element {
						margin-bottom:20px
						}
						
						.pt-col-desc {
						width:20%;
						margin-left:0
						}
						
						.pt-col-detail {
						width:20%;
						margin-left:0
						}

						.pt-group:after,.pt-table .pt-section.pt-element:after {
						content:"";
						display:table;
						clear:both
						}