html {margin: 0px; padding: 0px;}
body {background-color: white; width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; }
p {font-family: "Calibri", Calibri, sans-serif; font-size: 20px;}
ol {font-family: "Calibri", Calibri, sans-serif;}
ul {font-family: "Calibri", Calibri, sans-serif; font-size: 20px;}
li {font-family: "Calibri", Calibri, sans-serif; font-size: 20px;}
/*COVID-19 Alert*/
.alert {background-color: #9C9B9B; color: white; text-align: center; margin-bottom: 0;}
.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; cursor: pointer; transition: 0.20s;}
.closebtn:hover { color: black;}
.covid-19 {width: 100%; padding-top: 20px; padding-bottom: 20px;} /*covid-19 image*/
.alerttitle {text-align: center;}
.alertdiv {padding-bottom: 25px;}
/*Nav Bar */
.navbar-nav {color: white; font-size: 1.6em;}
.navbar-nav ul li {color: white; font-size: 1.8em; padding:0;margin:0;}
.navbar .dropdown-menu {background-color: #343a40; color: white;}
.navbar .dropdown.show a {background-color: #343a40; color: white;}
.dropdown-toggle::after { content: none;}
.homepage {margin-top: 125px;}
.homepagetitle {position: center;}
.pagetitle {margin-top: 30px;text-align: center;}
.homepagemargin {margin-right: 500px;}
.homepagelogo {margin-left: 85px;}
.pageheader {height: 125px;}
.social_media {width: 100%; }
.logo {padding-left: 85px;}
/*Nav Bar End */
/*Carousel */
.carousel-caption {color: black; xright: 58%; text-align: left; max-width: 600px; left: 0; top: 25px; font-family: "Calibri", Calibri, sans-serif; font-size: 0.5em;
/*top: 50%; */ xtransform: translateY(-50%); xbottom: initial; padding:50px; height:100%;}*/
.mobile-caption {color: black; xright: 58%; text-align: left; max-width: 150 px; left: 0; top: 25px; font-family: "Calibri", Calibri, sans-serif; font-size: 0.5em;
/*top: 50%; */ xtransform: translateY(-50%); xbottom: initial; padding:50px; height:100%;}
.carousel-inner {overflow: visible; /*bottom: 25px;*/}
.carousel slide {background:rgba(0,0,0,0.5);}
.carousel-indicators li {width: 12px; height: 12px; margin: 5px 5px 2px 5px;background-color: gray; /*bottom: -25px; */}
.carousel-indicators .active{width: 12px;height: 12px;margin: 5px 5px 2px 5px; background-color: #C70039; }
.mobilecaption {color: black; text-align: center; xright: 58%; font-family: "Calibri", Calibri, sans-serif;}
.mobilecaption a {color: white; font-family: "Calibri", Calibri, sans-serif;}
.btn-mobile {margin-top: 5px;}
.readmore a {color: #f1f1f1;}
/*Carousel End */
.container-fluid-gray {padding-top: 20px; padding-bottom: 20px; background-color: #efeff5; }
.historyimg {background-color: #7F0000; padding-top: 20px; padding-bottom: 20px; }
.homepageimage {padding-bottom: 25px; border-radius: 50px; }
.homepageimage_sm {border-radius: 50px; }
.historytext {padding: 12px; text-align: center; margin: auto;}
.bottom-left {position: absolute; bottom: 12px; left: 45px;}
.imgcenter { }
.imgcenter img { /* filter: url(filters.svg#grayscale); Firefox 3.5+ */ /* filter: gray; /* IE5+ *//* -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
/* -webkit-transition: all .8s ease-in-out; */}
.imgcenter img:hover {filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01);}
.globalimg {border-radius: 8px; margin-top: 10px; text-align: center; }
.management {background-color: #9B9A9A; color: white;}
.managementtitle {padding-top: 25px;}
.quality {background-color: #9B9A9A; color: white;}
.reports {color: black;}
.reports a {color: black; }
.pdficon {color: #7F0000;}
.card {margin-bottom: 25px;}
.solutionscard {padding-right: 5px;padding-left: 5px; }
.solutiontitles {text-align: center;}
.solutionsparagraph {margin-bottom:0; margin-top:0;}
.solutionsimg /*{padding-top: 5px; float: left; margin-top: 10px; margin-right: 10px; }*/
.about_sgs {float: right; padding-left: 10px;}
.valuesbackground {background-color: #efeff5; padding-bottom: 25px}
.valuestitle {padding-top: 25px;}
.values {color: #7F0000;}
.valuesimg {display: block; margin-left: auto; margin-right: auto; }
/*Testimonials*/
.carousel-second {background-image: url(../images/stainless-steel.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed; padding-top: 2%;padding-bottom: 2%; position: relative;}
.carousel-second-caption { text-align: center; font-size: 25px; font-style: italic; }
.testimonialtitle {padding-bottom:10px; margin-bottom: 5px;text-align: center;}
/*Header for all pages except Index*/
.pagelink {color: black; }
.pagelink :hover {color: gray; text-decoration: none; }
.industriesheader {background-color: #414142;height: 80px;}
/*Capabilities */
.capabilities h3 {text-align: center; border: gray;}
.card-text {font-size: 16px;}
.pureprotect {color: black;}
.capability-title {text-align:center}
/*Flip Card*/
h1 { font-size: 2rem; font-weight: 600;}
.flipboxtitle {text-align:center; }
.row.no-gutters { margin: -5px !important;}
.row.no-gutters > * { padding: 5px !important;}
.flipper {height: 0; padding-bottom: 100%; position: relative; -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px;}
@media (min-width: 576px) {
.ratio-not-1-1 { padding-bottom: calc(50% - 5px); }
}
.flipper-card { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.flipper-card img { width: 100%; height: 100%; position: absolute; border-radius: 10px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.flipper-front,
.flipper-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; background: #c1c3c5;
align-items: center; justify-content: center; }
.flipper-back { background: #414142; color: white; font-size:2vw; display: flex; flex-wrap: wrap; text-align: center; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.flipper-card.flipper-is-flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.pureprotect_flipperback{width: 60px; height: 20px;}
/*Careers*/
.careerimage {float: right;border-radius: 50%;}
/*Contact Page*/
.contact_line {color: black;}
.contacttitle {text-align: center;}
.contactaddress {text-align: center;}
/*Resources Page */
.resourcestitle {margin-top: 30px; text-align: center;}
.resourcessubtitle {margin-top: 40px; margin-bottom:20px;}
.resourcessearch {text-align: center;}
.flowimg {margin: auto; display: block;}
.card
.cardanodizing {background-color: #D7FDDF; }
.cardextrusion {background-color: #DFF7FB; }
.extrusionbenefitsimg {padding-top: 55px; text-align: center;}
.anodizingtitle {margin-top: 30px; text-align: center; padding-bottom: 500px;}
/* FDF2D1 */
/*Resources Search*/
#myInput { width: 80%; font-size: 16px; padding: 12px 12px 12px 12px; border: 1px solid #ddd; margin-bottom: 12px; }
#myUL { list-style-type: none; padding: 0; margin: 0;}
#myUL li a {border: 1px solid #ddd; margin-top: -1px; /*background-color: #f6f6f6;*/ padding: 12px; text-decoration: none; font-size: 18px; color: black; display: block; }
#myUL li a hover:not(.header) { background-color: #eee; }
#mySearch { width: 80%; font-size: 16px; padding: 12px 12px 12px 12px; border: 1px solid #ddd; margin-bottom: 12px; }
/*Resources Filter List*/
.container { overflow: hidden;}
.filterDiv { display: none; /* Hidden by default */}
.show { display: block;}
.btn { border: none; outline: none; background-color: none; cursor: pointer;}
.btn p { border: none; outline: none; background-color: none; cursor: pointer;}
.btn:hover { background-color: #ddd;}
.btn.active { background-color:#dc3545 ; outline: none; color: white;}
/*Extrusion Page */
.centerimg {margin: auto; display: block;}
/* Tab Style */
.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
/* Button Style*/
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s;}
.tab button:hover { background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active { background-color: #ccc;
}
/* Content Style*/
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none;}
/*Footer Mobile Start */
.footer-mobile {position: bottom;left: 0;bottom: 0;width: 100%;height: 50;background-color: #343a40;color: white;text-align: right;font-family: "Arial";}
.mobilelogo {padding-bottom: 10px; padding-top: 5px;}
/*Footer Mobile End */
/*Footer Mobile Large Start*/
.footer-lg {position: bottom; left: 0;bottom: 0;width: 100%;height: 450px;background-color: #343a40;color: white;text-align: left;font-family: "Arial"; }
.footerline {color: gray;}
.footertitle {margin-top: 15px;}
.maplinks {color: white;}
.maplinks:hover {color: white; }
.footerlogo {text-align: center;}
.copyright {font-size: 12px; margin-bottom: 25px;}
.footer-lg p {font-size: 14px;}
/*Footer Mobile Large End*/
/*----------------------------------------------------------------------------------------*/