@font-face {
  font-family: 'AktivGrotesk-Light';
  src: url(fonts/AktivGrotesk-Light.ttf) format('truetype'),
  url(fonts/AktivGrotesk-Light.otf) format('otf');
  font-weight: lighter;
}

@font-face {
  font-family: 'AktivGrotesk-Regular';
  src: url(fonts/AktivGrotesk-Regular.ttf) format('truetype'),
  url(fonts/AktivGrotesk-Regular.otf) format('otf');
  font-weight: normal;
}

* {margin: 0; padding: 0; font-family: 'AktivGrotesk-Light', sans-serif;}
ol{list-style-type: none; padding-left: 0; font-size: 1.5vw;}
li{display: flex; padding-top: 1vw;}
input[type="checkbox"]{display: inline; margin: 0 1.6vw;   -ms-transform: scale(1.6); /* IE */-moz-transform: scale(1.6); /* FF */ -webkit-transform: scale(1.6); /* Safari and Chrome */ -o-transform: scale(1.6); /* Opera */ transform: scale(1.6);}
li span{padding-top: .2vw;}
.panel{overflow: hidden;}

.sunstoneTSBanner{height: 5.5vw; background-color: #53565A;}
.sunstoneTSLogo{height: 60%; padding: 1.2vw;}
.sunstoneTSMainBody{display:grid; grid-template-columns: 26% 74%; grid-template-rows: 25% 75%;  height: 45vw; margin: 4vw 7vw;}
.sunstoneTSTitleSection{grid-column: 1/3; display: flex; flex-direction: column;}
.sunstoneTSTitle{line-height: 5vw; font-size: 3.5vw; color: #FF8300; font-weight: 100; display: inline-block; transform: scale(1, 1.3); -webkit-transform: scale(1, 1.3); -moz-transform: scale(1, 1.3); -o-transform: scale(1, 1.3); transform-origin: 0% 70%;}
.sunstoneTSSubtitle{line-height: 2vw; font-size: 2vw; color: #4066A1; font-family: 'Merriweather', serif; font-weight: 100; display: inline-block; transform: scale(1, 1.1); -webkit-transform: scale(1, 1.1); -moz-transform: scale(1, 1.3); -o-transform: scale(1, 1.1); transform-origin: 0% 50%;}
.sunstoneTSLearnMoreLink{position:absolute; top:12vw; right: 20vw}

.sunstoneTSBodySection{display: flex; width:86vw; overflow: hidden;}
.sunstoneTSBodyLCol{height: 100%; width:22.4vw}
.sunstoneTSDropdownSection{display:grid; grid-template-rows: repeat(4, 25%); height: 14vw; row-gap: 1.4vw; width: 22.4vw;}
.sunstoneTSDropdownRow{display: flex;}
.sunstoneTSDropdownBar{border: .1vw solid #acb1b9; width: 83%; text-align: center; padding: 1vw;}
.sunstoneTSDropdownBar p, .sunstoneTSLearnMoreSection p{color: #acb1b9; font-size: 1.2vw;}
.sunstoneTSDropdownButton{background-color: #FF8300; width: 17%; cursor:pointer;}
.sunstoneTSDropdownMetals,.sunstoneTSDropdownApplication,.sunstoneTSDropdownProduct,.sunstoneTSDropdownOther{width: 18.55vw; display: grid; grid-template-rows: 0vw; position: absolute; margin-top: .05vw; background-color: #f0f0f0; transition: grid-template-rows 600ms; z-index: 1;}
.sunstoneTSDropdownMetalsExpanded{grid-template-rows: 33vw; z-index: 2;}
.sunstoneTSDropdownApplicationExpanded{grid-template-rows: 27vw; z-index: 2;}
.sunstoneTSDropdownProductExpanded{grid-template-rows: 24.5vw; z-index: 2;}
.sunstoneTSDropdownOtherExpanded{grid-template-rows: 15.5vw; z-index: 2;}
#sunstoneTSDropdownMetalsPanel, #sunstoneTSDropdownApplicationPanel, #sunstoneTSDropdownProductPanel, #sunstoneTSDropdownOtherPanel{overflow: scroll;}
.sunstoneTSDropdownButton img{height: 70%; padding: .6vw; rotate: 0deg;}
.sunstoneTSLearnMoreSection{height: 12vw; display: flex; flex-direction: column; margin-top: 9vw;}
.sunstoneTSLearnMoreSectionBold{color: #656565; font-size: 1.3vw; font-weight: 900; font-family: 'AktivGrotesk-Regular';}
.sunstoneTSLearnMoreButton{display: flex; justify-content: center; background-color: rgb(223, 1, 1); height: 4vw; color: rgb(255, 255, 255); border-radius: 1vw; margin-top: 1vw; text-align: center; font-size: 1.5vw; font-weight: 900; align-items: center; font-family: 'AktivGrotesk-Regular'; cursor:pointer;}
.sunstoneTSSubmitFormButton{float: left; display: flex; justify-content: center; background-color: rgb(223, 1, 1); width: 12vw; height: 4vw; color: rgb(255, 255, 255); border-radius: 1vw; margin-top: 1vw; text-align: center; font-size: 1.5vw; font-weight: 900; align-items: center; font-family: 'AktivGrotesk-Regular'; cursor:pointer;}
.sunstoneTSClearFormButton{float: right; display: flex; justify-content: center; background-color: rgb(128, 128, 128); width: 12vw; height: 4vw; color: rgb(255, 255, 255); border-radius: 1vw; margin-top: 1vw; text-align: center; font-size: 1.5vw; font-weight: 900; align-items: center; font-family: 'AktivGrotesk-Regular'; cursor:pointer;}
.sunstoneTSDropdownButtonExpandToggleDown{animation-name: sunstoneTSArrowDown; animation-duration:.6s;animation-fill-mode:forwards;}
@keyframes sunstoneTSArrowDown{0% {rotate:180deg} 100% {rotate:0deg}}
.sunstoneTSDropdownButtonExpandToggleUp{animation-name: sunstoneTSArrowUp; animation-duration:.6s;animation-fill-mode:forwards;}
@keyframes sunstoneTSArrowUp{0% {rotate:0deg} 100% {rotate:180deg}}

.sunstoneTSBodyRCol{width: 100%; margin-left: 3vw; overflow: scroll;}
.sunstoneTSVideoSection{display: flex;}
.main_search_vid {clear:both; height: auto;}

#video {justify-content: center; position: absolute; width: 60vw; height: 34vw; background-color: #ffffff; display: none;z-index: 2;}

.main_gallery {clear:both; width: 100%; justify-content: flex-start; display: flex; flex-wrap: wrap;
flex: 1 1 0; align-content: flex-start;}

.thumbnail {border-radius: 4px; margin-bottom: -9px; width: 200px; height:auto; cursor:pointer;}

article {margin: 0; width: 200px; padding: 0 .6vw .3vw .6vw; border-radius: 4px;}

.video_text {color: #484848; text-align: center; font-size: .75vw; margin: 1.5vw 0;}

.thumb_desc {font-size: .75vw;}
.main_vid_text{margin-top: 2vw;}
.vid_gallery_back_bttn, .reload-playlist-menu-btn {background-color: #f99d25; color: #ffffff; padding: 8px 16px 8px 16px; font-size: 18px; position: absolute;}
.vid_gallery_back_bttn {right: 3.4vw;top: -3.75vw; text-decoration:none; cursor:pointer;}
.reload-playlist-menu-btn {right: 11vw; top: 17vw; text-decoration:none; cursor:pointer;}

.sunstoneTSLearnMoreLink{color:#424447}
.sunstoneTSSubmissionForm{width: 40vw; position: absolute; top: 1vw; left: 15vw; height: 50vw; border: solid 0.06vw; padding: 1vw; background-color: rgb(255, 255, 255); display: none; z-index: 5;}
.sunstoneTSSubmissionFormContainer{display: grid; grid-template-rows: repeat(9, 1fr); height: 100%; align-items: center;}
.sunstoneTSFormHeader{height: 5vw; display: flex; align-items: center;}
.sunstoneTSFormHeader h2{font-size: 2vw; font-weight: bolder;}
.sunstoneTSFormInputRow{border: solid .02vw}
.sunstoneTSFormButtonRow{clear:both;}
.sunstoneTSFormInput{ border: none; background: none; outline: none; float: left; font-size: 1.4vw;line-height: 3.5vw; width: 97%; margin-left: 1.2vw; margin-top: 0.24vw; color: #808080;}
.sunstoneTSSubmitFormButton{width:12vw;}
.sunstoneTSFormCloseLink{color:#808080; position: absolute; top:1vw; right:1vw; text-decoration: none;}
.sunstoneTSDisclaimer{font-size: 1vw;}
.resetFiltersLink{color:#333333; font-size:1.0vw; text-decoration:none; border-bottom:dotted 2px #333333;}