/* Case Studies */
.results-heading{display: none;}
.contentwide-full-width.case_studies_container { background-color: #ebebec; }

/* Services/Industry Page */
.field-name-field-case-studies { padding-top: 35px; }
.field-name-field-case-studies h2 { font-size:25px; line-height:30px; text-transform: uppercase; color: #5b6770; font-family:"Century Gothic W01"; margin-bottom: 25px;}

/* Listings */
.view-content .case-study-reveal { display: none; }
.view-case-studies .views-row {  height: 260px; cursor: pointer; position: relative; }
.view-case-studies .views-row .views-field-title { font-size: 16px; line-height: 20px; padding:10px 0; }
.view-case-studies .views-row .hover-head { position: absolute; top: 20px; left: 20px; right: 20px; z-index: 5; color: #fff; font-family:"Century Gothic W01 Bold"; text-transform: uppercase; }
.view-case-studies .views-row .hover-head2 { position: absolute; top: 40px; left: 20px; right: 20px; z-index: 5; color: #fff; }
.view-case-studies .views-row .hover-tip { position: absolute; top: 110px; left: 20px; z-index: 6; text-transform: uppercase; color: #fff; font-family:"Century Gothic W01"; padding:10px; font-size: 12px; }
.view-content.highlighted .views-row { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
.view-content.highlighted .views-row.active { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
.view-case-studies .views-row .views-field-field-image { height: 169px; }
.view-case-studies .views-row .views-field-field-image img { position: absolute; z-index: 8;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
.view-case-studies .views-row:hover .views-field-field-image img  {/*display: block;*/opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */}
.view-case-studies .highlighted .views-row:hover .views-field-field-image img { display: none; }

/* Filters */
#events-bg-stripe .container { position: relative; }
#events-bg-stripe .container .view-filters { position: absolute; right: 0; }
.views-exposed-form .views-exposed-widgets { border-left: 1px solid #000000; border-right: 1px solid #323639; }
.views-exposed-form .views-exposed-widget { padding:0; border-left: 1px solid #323639;  }
#events-bg-stripe .container .view-filters .label-replaced { color: #fff; text-transform: uppercase; font-family:"Century Gothic W01 Bold"; font-weight:normal; line-height: 60px; margin-bottom: 0; width:240px; background: url("../images/sprite.png") no-repeat scroll 230px 11px transparent;  border-right: 1px solid #000000; padding:0 15px;font-size:14px;display:block;cursor:pointer; }
.views-widget { background-color: #fff; position: absolute; z-index: 10; width:270px; -moz-box-shadow: 0px 3px 8px rgb(204,204,204); -webkit-box-shadow: 0px 3px 8px rgb(204,204,204); box-shadow: 0px 3px 8px rgb(204,204,204); display: none; }
.views-widget .bef-select-as-links .controls .form-item { line-height: 35px; padding-left: 30px; background: url("../images/sprite.png") no-repeat 15px -655px;}
.views-widget .bef-select-as-links .controls .form-item.selected { background-color: #e7e7e7; }
.views-widget .bef-select-as-links .controls .form-item a { display: block; }

/* Fake Quicktabs */
ul.move-me { list-style-type: none; margin: 0; }
ul.move-me li { text-transform: uppercase; display: inline; line-height: 60px; font-size: 20px; }
ul.move-me li:after { content: "/"; }
ul.move-me li.last:after { content: ""; }
ul.move-me li a { padding: 0 10px; color: #5b6770; }
ul.move-me li.first a { padding-left: 0; }
/* Hide existing quick tabs */
ul.quicktabs-tabs { display: none !important; }

/* Highlighted */
.case-study-highlight { background-color: #4f646f; display: none; overflow: visible; }
.case-study-highlight .case-study-reveal { padding:60px 0; overflow: visible;}
.case-study-reveal { position: relative; line-height: 22px; background-color: #4f646f; color: #fff;  }
.view-content .case-study-reveal { margin-bottom: 20px; }
.case-study-reveal .page-details { margin-bottom: 30px; height: 60px; }
.case-study-reveal .page-details div { float: left; display: block; height: 60px; border-right: 1px solid #4f646f; background-color: #72838c; }
.case-study-reveal .page-details .page-of { width:170px; line-height: 60px; font-family:"Century Gothic W01"; font-size: 16px; padding-left: 16px; }
.case-study-reveal .page-details .previous, .case-study-reveal .page-details .next, .case-study-reveal .page-details .exit { width: 60px; background: #72838c url("../images/sprite.png") no-repeat 0 0; cursor: pointer; }
.case-study-reveal .page-details .previous { background-position:-300px -480px; }
.case-study-reveal .page-details .next { background-position:-360px -480px; }
.case-study-reveal .page-details .exit { background-position:-420px -480px; }
.case-study-reveal .page-details .previous:hover { background-position:-300px -555px; }
.case-study-reveal .page-details .next:hover { background-position:-360px -555px; }
.case-study-reveal .page-details .exit:hover { background-position:-420px -555px; }
.case-study-reveal .highlights { position: absolute; bottom: 60px;width: 370px; }
.case-study-reveal h2 {  margin-top: 30px; font-family:"Century Gothic W01 Bold"; text-transform: uppercase; line-height: 30px; }
.case-study-reveal h3 { font-family:"Century Gothic W01 Bold"; font-size: 14px; line-height: 22px; margin: 0; text-transform: uppercase; }
.case-study-reveal p.service_head1 { text-transform: uppercase; margin-bottom: 0; }

/* Default layout to large display */
@media (max-width: 1199px) {
  .view-case-studies .views-row { height: 230px; }
  .view-case-studies .views-row .views-field-field-image {height: 138px;}
  .view-case-studies .views-row .views-field-title { font-size: 14px; }
  .view-case-studies .views-row .hover-head { top: 10px; left: 10px; right: 10px; }
  .view-case-studies .views-row .hover-head2 { top: 30px; left: 10px; right: 10px; }
  .view-case-studies .views-row .hover-tip { top: 90px; left: 10px; }
  .case-study-reveal .page-details .page-of {width: 100px;}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
  /*.view-case-studies .views-row.span3 {  width: 228px; }*/
  .view-case-studies .views-row .views-field-field-image {height: 143px;}
}
@media (min-width: 768px) and (max-width: 979px) {
  .case-study-reveal .page-details { height: 40px; }
  .case-study-reveal .page-details .page-of { width: 88px; line-height: 40px;}
  .case-study-reveal .page-details div { height: 40px; }
  .case-study-reveal .page-details .previous, .case-study-reveal .page-details .next, .case-study-reveal .page-details .exit { width: 40px; }
  .case-study-reveal .page-details .previous { background-position: -312px -492px; }
  .case-study-reveal .page-details .previous:hover { background-position: -312px -567px; }
  .case-study-reveal .page-details .next { background-position: -372px -492px; }
  .case-study-reveal .page-details .next:hover { background-position: -372px -567px; }
  .case-study-reveal .page-details .exit { background-position: -432px -492px; }
  .case-study-reveal .page-details .exit:hover { background-position: -432px -567px; }
  .view-case-studies .views-row .hover-tip{left: 0;top: 20px;padding:10px 20px;line-height: 20px;}
  .view-case-studies .views-row .views-field-field-image{height: 104px;}

}
@media (max-width: 767px) {
  .view-filters { display: none; }
  .view-case-studies .views-row.span3 {  width: auto; }
  .view-case-studies .views-row:hover .views-field-field-image img { display: block; opacity: 1; }
  .view-case-studies .views-row .hover-head, .view-case-studies .views-row .hover-tip, .view-case-studies .views-row .hover-head2 { display: none; }
  .view-case-studies .views-row .views-field-field-image, .view-case-studies .views-row .views-field-title   { width: 280px; margin:0 auto;}
  .view-case-studies .views-row { height: auto;  }
  .view-case-studies .views-row .views-field-field-image {height: 175px;}
  .view-content .case-study-reveal { display: none; }
  .case-study-highlight { display: none; }
  .view-content .case-study-reveal { background-color: #4f646f !important; border-top: none !important; padding: 0 20px 20px 20px; }
  #main-container-fullwidth .view-content .case-study-reveal { margin-left: -20px; margin-right: -20px; }
  .case-study-reveal h2 { margin-top: 0; }
  .view-content .case-study-reveal .rule { display: none; }
  .case-study-reveal .highlights { position: relative; bottom:auto;width: auto;}
  .case-study-reveal .page-details { position:relative; display: block; background-color: #72838c; margin-left: -20px; margin-right:-20px; margin-bottom: 20px;}
  .case-study-reveal .page-details .page-of { border-right: none;}
  .case-study-reveal .page-details .previous {position: absolute; right: 122px; border-left: 1px solid #4f646f;}
  .case-study-reveal .page-details .next { position: absolute; right: 61px;}
  .case-study-reveal .page-details .exit { position: absolute; right: 0;}

}
@media (max-width: 340px) {
.view-case-studies .views-row .views-field-field-image, .view-case-studies .views-row .views-field-title{
  width: auto;
}
.view-case-studies .views-row .views-field-field-image{
  height: 163px;
}