/* Flexible Slide-to-top Accordion Style*/
.st-accordion{ width:100%; min-width:270px; margin: 0 auto; }
.st-accordion > ul > li{ height: 150px; border-bottom: 1px solid #c7deef; border-top:1px solid #fff; overflow: hidden;
-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.st-accordion > ul > li:first-child{ border-top:none; }
.st-accordion > ul > li > a{ font-family: 'Open Sans', Georgia, serif; font-size: 36px;  display: block; position: relative; line-height: 150px; padding-left:0.25em; outline:none; -webkit-transition:  color 0.2s ease-in-out; -moz-transition:  color 0.2s ease-in-out; -o-transition:  color 0.2s ease-in-out; -ms-transition:  color 0.2s ease-in-out; transition:  color 0.2s ease-in-out; }
.st-accordion > ul > li > a span{ background: transparent url(../images/portfolio/down.png) no-repeat center center;
text-indent:-9000px; width: 26px; height: 14px; position: absolute; top: 50%; right: -26px; margin-top: -7px; opacity:0;
-webkit-transition:  all 0.2s ease-in-out; -moz-transition:  all 0.2s ease-in-out; -o-transition:  all 0.2s ease-in-out; -ms-transition:  all 0.2s ease-in-out; transition:  all 0.2s ease-in-out; }
.st-accordion > ul > li > a:hover{ color: #1693eb; }
.st-accordion > ul > li > a:hover span{ opacity:1; right: 10px; }
.st-accordion > ul > li.st-open {/* min-height: 300px; */}
.st-accordion > ul > li.st-open > a{ color: #1693eb; line-height: 75px; 
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition:  all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.st-accordion > ul > li.st-open > .row{ margin-bottom: -50px !important; }
.st-accordion > ul > li.st-open > a span{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); right:10px; opacity:1; }
.st-accordion ul li .row { margin-bottom: 1em !important; }
.st-content{ }
.st-content .last { margin-left:0; }
.st-content p{ font-size:  13px; font-family:  "Open Sans"; line-height:  22px; padding: 15px 14px; color: rgba(0,0,0,0.15); background-color: rgba(20,20,20,0.05); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition:  all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.st-content p:hover{ color: #FFFFFF; background-color: rgba(20,20,20,0.75);
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition:  all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.st-content p.fullscr{color: #141414;background-color: transparent;margin-top:320px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition:  all 0.5s ease-in-out;transition: all 0.5s ease-in-out; padding: 0 58px;}

.st-content p.nohover{color: #FFFFFF;background-color: rgba(20,20,20,0.75);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition:  all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.st-content div.fullscr{color: #141414; background-color: transparent; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition:  all 0.5s ease-in-out;transition: all 0.5s ease-in-out; padding: 0 60px;}

.st-content div.fullscr p { color: #141414; background-color: transparent; padding:0; }
.st-content div h1 { font-size: 18px !important; color:#444444; text-align:center; } 
.st-content div.fullscr h1 { font-size: 18px !important; color:#444444; text-align:right; } 

.st-content ul {  }

.st-content ul li { color:#777777 !important; font-size:1.1em; line-height:26px; }
.st-content ul li h4 { margin-bottom: 4px; padding-top: 4px; }
.st-content ul li a { color:#000000 !important; }
.st-content img{ width:125px; border-right:1px solid #fff; border-bottom:1px solid #fff; }
#nickel-alloys { background:url(../images/portfolio/nickel-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#welding-alloys { background:url(../images/portfolio/welding-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#heating-alloys { background:url(../images/portfolio/heating-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#high-temptature-alloys { background:url(../images/portfolio/high-temptature-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#low-resistance-alloys { background:url(../images/portfolio/low-resistance-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#lighting-components { background:url(../images/portfolio/lighting-components.jpg) top no-repeat #CFD1DE; background-size:cover;}
#thermocouple-alloys { background:url(../images/portfolio/thermocouple-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#automotive-alloys { background:url(../images/portfolio/automotive-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#soft-magnetic-alloys { background:url(../images/portfolio/soft-magnetic-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#controlled-expansion-alloys { background:url(../images/portfolio/controlled-expansion-alloys.jpg) top no-repeat #CFD1DE; background-size:cover;}
#dumet-wires { background:url(../images/portfolio/dumet-wires.jpg) top no-repeat #CFD1DE; background-size:cover;}
#clad-wires { background:url(../images/portfolio/clad-wires.jpg) top no-repeat #CFD1DE; background-size:cover;}
@media screen and (max-width: 480px){
.st-content {padding-bottom: 100px;}	
.st-content p {display:none;}
.st-content p.fullscr { margin-top:0px;}
.st-accordion > ul > li{height: 100px;}
.st-accordion > ul > li > a{ font-size:14px !important; line-height: 100px !important; font-weight:700; } /* old 36px */
.st-content p { content:" "; height: 2em; overflow:hidden; }
.st-accordion > ul > li.st-open { background: none !important; background-color: #CFD1DE !important;}
}