.icn-slide-right { background: url(../images/icn-slideright.png) no-repeat 0 0; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }




/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */






/* ------------------------------------------------------------ *\
	Cards
\* ------------------------------------------------------------ */

.card { color: #fff; position: relative; height:385px; }
.card .card-body { padding:0 0 46px 73px; z-index: 2; position: absolute; bottom:0; left:0; width:100%;
	background: linear-gradient(to bottom, rgba(38,50,56, 0) 0%,rgba(38,50,56, .8) 100%); }
.card .card-category { font-weight:500; margin-bottom:13px; letter-spacing: 1.2px;font-size: 15px; }
.card .card-title:before { content:''; width:72px; height:1px; display:block; position: absolute; top:-1px; left:0; transition: all .5s; display:block; }
.card h6 { font-weight:500; color: #E0E0E0; clear: both; }
.card .fullscreen { transition: all 1s ease; opacity: .5; }

.card .card-head { clear: both; }
.card .card-title { position: relative; border-top:1px solid rgba(255,255,255, .5); padding:9px 48px 2px 0; }
.card a { display:block; }
.card .card-title .icn-slide-right { margin-top: 5px; }

.card .card-title .text {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: 80%; font-size: 13px; font-family:"宋体";}

.card .card-title i { float:right; opacity: .5; }
.card .card-title i:hover { opacity: 1; }

.card:hover .fullscreen { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); opacity: 1; }
.card:hover .card-title:before { width:100%; }
.card:hover .card-title i { opacity: 1; }

.card-fade .card:hover .fullscreen { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity: 1; }

.card.card-danger .card-title:before { background:#51040a; }
.card.card-success .card-title:before { background:#51040a; }
.card.card-warning .card-title:before { background:#51040a; }
.card.card-info .card-title:before { background: #51040a; }
.card.card-tertiary .card-title:before { background: #51040a; }
.card.card-tertiary .card-title i { margin-right:35px; }







.fullscreen-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.fullscreen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position:50% 50%; }
.fullscreen img { display: none; }



/* ------------------------------------------------------------ *\
	Isotope
\* ------------------------------------------------------------ */

.isotope-items { overflow: hidden; }
.isotope-items .item { width:24.55%;  list-style:none; list-style-position: outside; overflow: hidden; float: left;border-right: 3px solid #000;border-top: 3px solid #000; }
.isotope-items .item.item-wide { width:50%; }
.isotope-items .item.item-tall .card { height:770px; }

.isotope-items.isotope-items-secondary .item { width:50%; }
.isotope-items.isotope-items-secondary .item .card { height:577px; }
.isotope-items.isotope-items-secondary .item.card-fade { opacity: 0.3; }
.isotope-items.isotope-items-secondary .item.card-fade.noncard { opacity: 1 !important; }

.isotope-items.isotope-items-secondary .item.card-fade:not(.noncard) { height: 0; width: 0; }

.isotope-items.isotope-items-services .item { width:33.3%; }
.isotope-items.isotope-items-services .item.item-wide { width:66.6%; }
.isotope-items.isotope-items-services .item-fullwidth { width:100%; }

.isotope-items.isotope-items-tertiary .item { width:50%; }






.section-cards { background:#000; margin:10px 0 0 0; }


/* ------------------------------------------------------------ *\
	Section Services
\* ------------------------------------------------------------ */

.section-services .section-head { text-align:center; padding:3.750em 0; }

/* ------------------------------------------------------------ *\
	Section Careers
\* ------------------------------------------------------------ */

.section-careers { padding:0 0 70px 0; }
.section-careers .section-head .section-title { margin-bottom:0; }
.section-careers .section-head .section-title small { font-weight: 300; color: #72909d; font-size: 48px; display:block; }
.section-careers .section-head .section-title:after { content:''; width:100px; height: 2px; background-color:#00e676; display:block; margin-top:32px; }

.section-careers .section-head h3 { font-weight:300; color: #72909d; font-size:3.000em; }
.section-careers .section-head h3:after { content:''; width:100px; height: 2px; background:#00e676; display:block; margin-top:20px; }

.section-careers .section-body { overflow: hidden; }
.section-careers .section-aside { float:left; width:380px; padding:75px 0 0 0; }
.section-careers .section-content { height: 100%; overflow: hidden; padding:0 230px 0 0; }
.section-careers .section-subtitle { color: #324148; margin-bottom:45px; }
.section-careers .section-subtitle small { font-size:inherit; display:block; color: #bdcad0; font-weight:400; }

.section-content > .position-item { display: none; }
.section-content > .position-item:first-child { display: block; }

@media only screen and (max-width: 640px) {
	.isotope-items .item.item-tall .card { height:300px; }
}