/* RESET STYLES *
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:25px;}
div { position:relative } 
a{color:#c0b5c3;text-decoration:none;}
a:hover{color:#c0b5c3;text-decoration:underline;}
a:active,a:focus{outline: none;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit *
	-moz-box-sizing: border-box;    /* Firefox, other Gecko *
	box-sizing: border-box;         /* Opera/IE 8+ *


h1{font-size: 42px; line-height:42px;}
h2{font-size:36px;line-height:36px;}
h3{font-size:30px;line-height:30px;}
h4{font-size:24px;line-height:24px;}
h5{font-size:18px;line-height:18px;}
h6{font-size:12px;line-height:12px;}
h1, h2{margin-bottom:12px;}
h3, h4, h5, h6{margin-bottom:6px;}
p{margin-bottom:12px;}
.column-clear{clear:both;}
.clear{overflow: hidden;}

body{font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow";color:#656565;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%; min-height:100%;background:#f5f5f5;}

.wrap{width:970px;margin:0 auto;}
*/
/* fix for read full casestudy
.content > div {
    display: block !important;
}
.csheader-no-bg {
    display: none;
}*/

/*end patch */

.work-title{margin-top:60px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);text-align:center;}
.back{text-align:center;}

.gallery-modal .flexslider {
	position:relative;
	border:none;
    border-radius:0;
    box-shadow:none;
	margin:0px;
	}
.gallery-modal .flexslider .slides > li {
   
}

.gallery-modal .flex-control-nav{display:none;}
.gallery-modal .flex-direction-nav li{}
.gallery-modal .flex-direction-nav a {
    background: url("http://www.ni.com/widgets/pnx/1.0/img/icons/pnx-icons.png") no-repeat 0 0 transparent;
    display: inline-block;
    height: 10px;
    margin: 0;
    overflow: hidden;
    width: 6px;
	opacity:1 !important;
    cursor: pointer;
    position: relative;
    text-indent: -9999px;
    z-index: 2;
}
.gallery-modal .flex-direction-nav .flex-prev{background-position: -150px -350px;left:0;margin:10px 0 0 10px;top:0;}
.gallery-modal .flexslider:hover .flex-prev{}
.gallery-modal .flex-direction-nav .flex-next{background-position: -149px -250px;right:0;margin:10px 10px 0 0;top:0;}
.gallery-modal .flexslider:hover .flex-next{  }

.gallery-modal .counter{position:relative;left:45%;margin:o;top:7px; }
.gallery-modal .flex-direction-nav li{
	display:inline-block; float:left;}
.gallery-modal .flex-direction-nav .flex-nav-next{
	float:right;}
	.gallery-modal .flex-direction-nav .flex-counter{
	width:80%;}
	
/* carousel thumbnails */
.gallery-modal .col4_img{
position:relative;
overflow:hidden;
} 
 .gallery-modal.coreblock3{
	 width:174px;
 }
.gallery-modal .col4_img .trigger-img {
    background: url("../../images/modal-trigger-2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.gallery-modal .col4_img .mask_4col{
width:100%;
height:100%;
position:absolute;
top:0; left:0;
text-align:right;
background: none; 
border:1px #e5e5e5 solid;
}

/*.col4_img:hover .mask_4col{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}*/
.gallery-modal .col4_img .mask_4col:before{
	content: '';
	display: inline-block;
	height: 100%; 
	/*vertical-align: middle;*/
	vertical-align:top;
	
}
.gallery-modal .col4_img .mask_4col .mask_elem{
	position:relative;
	display: inline-block;
}
.gallery-modal .mask_elem img{ margin:0; padding:0;}

.gallery-modal .flexslider-controls-box{
	height:30px;
	background-color:#e5e5e5;
}

.pnx-media-asset .coreBlock3col {

    width: 174px;
}
.gallery-container{
	width:174px;
}

@media (min-width: 1200px) {

.wrap{width:174px;}

}