/* Template */

#mainNav li { float:left; }
#mainNav li a span { display:block; padding:50px 20px; }
#mainNav li a { }
#mainNav li a:hover, #mainNav li a.current { color:#0033A1; }

#mainNav li:hover a { box-shadow: -6px 0px 3px -3px rgba(0,0,0,0.2); }
#mainNav li:hover a span { box-shadow: 6px 0px 3px -3px rgba(0,0,0,0.2); }

#mainNav li:hover ul { display:block; }

#mainNav li ul { display:none; position:absolute; width:94%; left:3%; list-style:none; }
#mainNav li ul .subNavInner { padding: 30px 20px 20px; background-color: #fff; overflow: hidden; max-width: 1254px; margin: 0 auto; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); }
#mainNav li ul div div div { float:left; width:25%; }
#mainNav li li { float:none; text-transform:none; font-size:0.8em; }
#mainNav li ul ul { position:relative; font-family:'GalanoGrotesque-Regular'; width:auto; left:0; padding-right:20px; margin-bottom:20px; }
#mainNav li:hover li a { box-shadow:none; }
#mainNav li li p { margin-bottom:3px; color:#0033A1; }
#mainNav li li a { padding: 3px 0; }
#mainNav em { font-family:'GalanoGrotesque-Italic'; font-style:normal; }

#policiesNav ul { margin-left:-5px; }
#policiesNav li { float:left; margin-right:45px; }
#policiesNav li:last-child { margin-right:0; }
#policiesNav li a { padding: 5px; }



/* Pages */

body.scrolling #header.f-ms { position:relative; }
body.scrolling #navShim { display:none; }
body.scrolling #cookiesBanner { position: fixed; top: 0; width: 100%; z-index: 100; }


.boxShadow { box-shadow:0px 9px 9px 0px rgba(0,0,0,0.3); }

h1:before, h2.h2LikeH1:before { content:''; display:block; width:100%; max-width:255px; height:5px; background:#df1683; margin-bottom:30px; }
p.pArchiveHeading:before { content:''; display:block; width:100%; max-width:255px; height:5px; background:#df1683; margin-bottom:20px; }


#filter ul {  }

#filter li { float:left; margin:0 0 26px 16px; width:100%; max-width:160px; }
#filter li a { display:block; position:relative; border:2px solid; border-radius:5px; background:#FFF; font-family:'GalanoGrotesque-Bold'; padding:11px 10px 11px 9px; text-align:center; }

#filter .current { box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.3); border:none; padding-top: 13px; padding-bottom: 13px; }
#filter .current:after { content:''; position:absolute; width:38px; height:10px; left:50%; margin-left:-19px; bottom:-10px; background-image:url(../Resources/filter-arrow.png); }


.techniqueItem:hover { color:#000; }

/* .twoColumnsDesktop img, .twoColumnsDesktop video { float:left; } */


.eventDate.event { background: linear-gradient(to right,  #df1683 0%,#00a7e1 100%); }


#introText img, .newsContent img, .featuresText img { width:100%; height:auto; }

.featuresHeading.active .pProductFeatureHeading { color:#FFF; }
.featuresHeading:after, #expand-all-inner:after, #collapse-all-inner:after { transition-duration:0.3s; content:'\f067';  font-family:'FontAwesome'; font-size:1.25em; position:absolute; right:20px; top:17px; }
.featuresHeading.active:after { content:'\f068'; color:#FFF; }
#collapse-all-inner:after { content:'\f068'; }

.featuresText img.imageLeft { width:50%; float:left; margin:0 20px 20px 0; }
.featuresText img.imageRight { width:50%; float:right; margin: 0 0 20px 20px; }


#specificationsTabs li { float:left; margin-right:12px; background:#FFF; }
#specificationsTabs li a { padding:10px 150px 10px 20px; position:relative; }
#specificationsTabs li a.active { background:#FFF; }
#specificationsTabs li a:after { font-family:'FontAwesome'; font-size:1.25em; position:absolute; right:20px; top:10px; }
#specificationsTabs li a.specification:after { content:'\f0ad'; }
#specificationsTabs li a.references:after { content:'\f15c'; }
#specificationsTabs li a.resources:after { content:'\f07c'; }

.specTable table { width:100%; font-family:'GalanoGrotesque-Regular' }
.specTable th { font-family:'GalanoGrotesque-Bold'; }
.specTable th, .specTable td { padding:5px; }
.specTable p:last-child { margin-bottom:0; }

.specificationsDetailItem a { color:inherit; text-decoration:none; }
.specificationsDetailItem a:hover { text-decoration:underline; }


#compatibilities ul { font-family:'GalanoGrotesque-Bold'; list-style:none; margin:0; }
#compatibilities li { margin:3px 0; }


.referencesTab { display:block; padding:10px 30px 10px 20px; color:inherit; text-decoration:none; font-size:1.25em; font-family:'GalanoGrotesque-Bold'; text-transform:uppercase; position:relative; border:1px solid #CCC; border-radius:5px; background:#FFF; transition-duration:0.3s; }
.referencesTab:after { content:'\f067'; font-family:'FontAwesome'; position:absolute; right:10px; top:11px; }
.referencesTab.active { border-radius: 5px 5px 0 0; border-bottom:none; }
.referencesTab.active:after { content:'\f068'; }


.newsFilter li a { padding:3px 0; }
.newsFilter li a:hover { color:#0033a1; }


.policyContent strong { font-family:'GalanoGrotesque-Bold'; font-weight:normal; }
.policyContent em { font-family:'GalanoGrotesque-Italic'; font-style:normal; }


.introText strong { font-family:'GalanoGrotesque-Bold'; font-weight:normal !important; }





/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{


#filter .current:after { background-image:url(../Resources/filter-arrow@2x.png); background-size:38px 10px }




}


/* Policy popups */

#policy-content.fancybox-content { width:96%; max-width:1280px; }
#policy-content.fancybox-content a { color:#00a7e1; text-decoration: underline; }
#policy-content.fancybox-content a:hover { color:#69488e; }
#policy-content.fancybox-content .boxShadow { box-shadow:none; }





/* Cookies */

.cookieTable { margin-bottom:15px; width:100%; }
.cookieTable th, .cookieTable td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookieTable label { white-space:nowrap; padding-left:2px; }

#cookies-banner p { line-height:30px; }

#cookies-banner input { width:auto; overflow:visible; font-size:inherit; font-family:'GalanoGrotesque-Bold'; padding:5px 20px; background:#00a7e1; color:#FFF; border:2px solid #FFF; border-radius: 5px; }
#cookies-banner input:hover { color:#00a7e1; background:#FFF; cursor:pointer; }