/*-------------------------------------------------- version: screen.css - 6.0 created: 01-09-2016 author: Paul G ~ GlobalGraphics Associates Ltd. email: webmaster@globalgraphics.co.uk website: http://www.globalgraphics.co.uk/ modified: Michael E, 30-09-2016 modified: Michael E, 16-12-2019 ***** MFE 16-12-2019 ***** See also /scheme.php for css overrides font-size reset to 100% in /css/normalize.css. For rem value assume base font-size is therefore 10px --------------------------------------------------*/ /* remove on go live */ .group { display: block; } /* /remove on go live */ /* SCREEN SIZES LARGE DEVICES: >= 1200px MEDIUM DEVICES: >= 992px & <= 1199px SMALL DEVICES: >= 768px & <= 991px EXTRA SMALL DEVICES: <= 767px */ /* LAYOUT */ html { } #content-mm { width: 790px; } #aside-mm { width: 270px; } #wrap { position: relative; z-index: 1; } #cookieNotification { background: #fff; left: 0; bottom: 0; position: fixed; width: 100%; z-index: 10000; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);} /*.container-mm-outer, .container-mm, .container-mm-inner { }*/ /* adding to .container-fluid to give a max-width */ /*.container-header, .container-breadcrumbs { max-width: 1400px; }*/ .container-header, .container-search, .container-breadcrumbs, #banner-outer, .container-about-us-callout, .container-footer, .container-post-footer { max-width: 2400px; } .container-fluid-inner { max-width: 1400px; margin: 0 auto; } /*.container-subbanner-strap, #fragments .fragment, #fragments .fragment_quote { max-width: 1200px; }*/ /*@media (min-width: 1400px) { .container { width: 1030px; } #fragments .fragment_quote .container { width: 1200px; } } */ /* centered columns styles */ .row-centered { overflow: hidden; /**/ text-align:center; } .col-centered { display:inline-block; float:none; /* reset the text-align */ text-align:left; /* inline-block space fix */ margin-right:-4px; } body { background: #fff; color: #000; font-family: 'Open sans', Arial, Helvetica Neue, Helvetica, sans-serif; overflow-x: hidden; } /*body { font-size: 100%; }*/ body { font-size: 15px; } @media (min-width: 992px) { body { font-size: 15px; } } @media (min-width: 1200px) { body { font-size: 15px; } } @media (min-width: 1600px) { body { font-size: 15px; } } @media (min-width: 1800px) { body { font-size: 15px; } } a, a:active, a:hover, a:visited, a:focus { text-decoration: none; } a, a:active, a:hover, a:visited { color: #111; } /* TYPOGRAPHY */ h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Playfair Display', Arial, Helvetica Neue, Helvetica, sans-serif; font-style: normal; font-weight: 400; color: #002d6f; line-height: 1.1em; margin-bottom: .5em; letter-spacing: 0em; } h1, .h1 { font-size: 2.15em; } h2, .h2 { font-size: 1.680em; letter-spacing: 0em; /* letterspacing reduced for h2-h6 as per client request 23-09-16 */ } h3, .h3 { font-size: 1.920em; letter-spacing: 0em; } h4, .h4 { font-size: 1.680em; letter-spacing: 0em; } h5, .h5 { font-size: 1.440em; letter-spacing: 0em; } h6, .h6 { font-size: 1.200em; letter-spacing: 0em; } p, .para { color: #000; line-height: 1.65em; } p.standfirst { font-size: 1.133333em; line-height: 1.6em; } p.standfirsti { padding-left: 2em; padding-right: 2em; } .client-text h1 { margin-top: 1.0em; letter-spacing: 0em; } .client-text h2 { margin-top: 1.1em; } .client-text h3 { margin-top: 1.2em; } .client-text h4 { margin-top: 1.4em; } .client-text h5 { margin-top: 1.6em; } .client-text h6 { margin-top: 2.0em; } h1.product-heading, h2.product-heading, h3.product-heading, h4.product-heading, h5.product-heading, h6.product-heading, .client-text h1.product-heading, .client-text h2.product-heading, .client-text h3.product-heading, .client-text h4.product-heading, .client-text h5.product-heading, .client-text h6.product-heading { letter-spacing: 0em; line-height: 1.2em; font-weight: 400; font-size: 1.920em; margin-bottom: .5em; margin-top: 0; text-transform: uppercase; } /*.client-text h1:first-child,.client-text h2:first-child,.client-text h3:first-child,.client-text h4:first-child, .client-text h5:first-child,.client-text h6:first-child,.client-text p:first-child { margin-top: 0; }*/ #page-home .client-text h1:first-child { margin-top: 0; } .client-text img { display: inline-block; } p a { color: #444; border-bottom: 1px dotted #444; } p a:hover { border-bottom: none; } .client-text table.data { margin: 2em 0; margin-bottom: 1.5em; border: 1px solid #ccc; } .client-text table.data th { background: #dedede} .client-text table.data th, .client-text table.data td { padding: 8px 16px; border-bottom: 1px solid #ccc; } /*.client-text table.data tr:nth-child(even) td { background: #f6f6f6; } */ .client-text table.data tr:nth-last-child(1) td { border-bottom: none;} /* FORMS */ form.pure-form { max-width: 304px; } form.pure-form legend { font-family: 'Assistant', Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing: 0.05em; line-height: 1.2em; font-weight: 400; color: #002d6f; font-size: 2.000em; } form.pure-form li, form.pure-form li.group { display: block; margin-bottom: 1em; } form.pure-form li.inline { display: inline-block; margin-bottom: 1em; } form.pure-form li.submit { margin-bottom: 0; } .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea { border: 1px solid #ddd; border-radius: 0; box-shadow: 0 1px 3px #eee inset; font-family: 'Assistant', Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing: 0.05em; font-weight: 600;} .pure-form select { height: auto; } .pure-form label { display: block; } .pure-form select option.placeholder { } /* BUTTONS */ span.button, a.button, input.button, input[type="submit"].button { } span.button:hover, a.button:hover, input.button:hover, input[type="submit"].button:hover { } .pure-button.pure-button-primary { background-color: #fff; border: 1px solid #8fc4eb; border-radius: 0; color: #002d6f; font-family: Assistant, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: .867em; font-weight: 700; letter-spacing: .05em; max-width: 100%; padding: 1em 2em; text-transform: uppercase; } .pure-button.pure-button-primary:hover { background-color: #002d6f; border-color: #002d6f; color: #FFF; } /* HEADER */ /*#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 6000; transition: background 0.25s ease-in-out 0.00s, -webkit-box-shadow 0.25s ease-in-out 0.00s, -moz-box-shadow 0.25s ease-in-out 0.00s, box-shadow 0.25s ease-in-out 0.00s; }*/ /*#header .container { padding-top: 10px; padding-bottom: 10px; }*/ #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 6000; } .container-header { padding-bottom: 10px; padding-top: 10px; } #header.scroll { background: #002d6f; min-height: 80px; } #header.scroll .container-header { background: #002d6f; transition: background 0.25s ease-in-out 0.00s, -webkit-box-shadow 0.25s ease-in-out 0.00s, -moz-box-shadow 0.25s ease-in-out 0.00s, box-shadow 0.25s ease-in-out 0.00s; } @media (min-width: 992px) { #header.landing .container-header { background: #002d6f; } } #header.scroll { -webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 7px 5px rgba(0,0,0,.3); box-shadow: 0px 0px 7px 5px rgba(0,0,0,.3); } #header.scroll .container-header { padding-bottom: 5px; padding-top: 5px; } /*#header.scroll .container-header { padding-bottom: 5px; padding-top: 5px; -webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.6); -moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.6); box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.6); }*/ /* HEADER SPACER (LANDING PAGES) */ div.header-spacer { height: 100px; } /* LOGO */ /* logo overrides - light version with drop shadow */ /*#logo { background: url('../img/ui/logo.png') 0 0 no-repeat; display: none; float: left; height: 80px; transition: background 0.15s ease-in-out 0.15s; width: 155px; }*/ #logo { background: url('../img/ui/logo.png') 0 0 no-repeat; display: none; float: left; height: 80px; transition: background 0.15s ease-in-out 0.15s; width: 80px; } /* logo overrides - dark version with no drop shadow */ #logo.alt { background-image: url('../img/ui/logo_blue.png');} /* logo overrides - light version with no drop shadow */ #header.landing #logo, #header.no-shadow #logo { background-image: url('../img/ui/logo_noshadow.png'); } /* logo overrides - dark version with no drop shadow */ /*#header.alternate.no-shadow #logo {}*/ #header.alternate2 #logo, #header.alternate #logo { background-image: url('../img/ui/logo_blue.png'); } /*#header.scroll #logo { width: 136px; height: 70px; float:left; background: url('../img/ui/logo_noshadow.png') 0 0 no-repeat; background-size: cover; transition: all 0.15s ease-in-out 0.15s; }*/ #header.scroll #logo { width: 70px; height: 70px; float:left; background: url('../img/ui/logo_noshadow.png') 0 0 no-repeat; background-size: cover; transition: all 0.15s ease-in-out 0.15s; } #header-banner-wrap { position: relative; } #logo-wrap { bottom: -57px; position: absolute; width: 100%; } #logo2.scroll { display: block; position: fixed; top: -4px; z-index: 7000; } #logo2 { background: url('../img/ui/logo.png') 0 0 no-repeat; background-size: cover; box-shadow: 0px 0px 18px 0 rgba(39,68,121,1); display: block; float: left; height: 126px; position: relative; text-indent: -99999px; width: 126px; z-index: 7000; } @media (max-width: 1330px) { /*#logo-wrap { bottom: -31px; }*/ } @media (max-width: 1200px) { /*#logo-wrap { bottom: -11px; }*/ } @media (max-width: 991px) { #logo-wrap { bottom: auto; margin: 15px 0; position: relative; } #logo2 { box-shadow: 0px 0px 9px 0 rgba(39,68,121,1); height: 78px; position: absolute; top: 0; width: 78px; } } /* TOP NAV */ /*#top-nav { margin-top: 20px; }*/ #top-nav, #top-nav nav { width: 100%; } #top-nav ul li { position: relative; } #top-nav ul li span, #top-nav ul li a { color: #fff; display: block; line-height: 1.2em; padding: 12px 16px; text-transform: uppercase; } #top-nav ul li a.disable-click { cursor: pointer; } #top-nav ul.level1 { float: right; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .1em; margin-bottom: 0; margin-right: -6px; width: auto; } #top-nav ul.level1 > li { float: left; } #top-nav ul.level1 > li:nth-child(1) { margin-left: 0; } #top-nav ul.level1 > li > a, #top-nav ul.level1 > li > span { margin: 0 5px; text-shadow: 0 0 5px #000; } #top-nav ul.level1 > li > span { cursor: pointer; } .no-shadow #top-nav ul.level1 > li > a, .no-shadow #top-nav ul.level1 > li > span { text-shadow: none; } #top-nav ul.level1 > li:hover > span, #top-nav ul.level1 > li > span:hover, #top-nav ul.level1 > li:hover > a, #top-nav ul.level1 > li > a:hover, #top-nav ul.level1 > li > a.active, #top-nav ul.level2 > li > a:hover, #top-nav ul.level2 > li > a.active, #top-nav ul.level1 > li.invert > span, #top-nav ul.level1 > li.invert > a { color: #002d6f; } @media (max-width: 1100px) { #top-nav ul li span, #top-nav ul li a { padding: 12px 12px; } } @media (max-width: 1080px) { #top-nav ul li span, #top-nav ul li a { padding: 12px 10px; } } @media (min-width: 992px) { #top-nav ul li span, #top-nav ul li a { font-size: 15px; } } @media (min-width: 1040px) { #top-nav ul li span, #top-nav ul li a { font-size: 15px; } } @media (min-width: 1200px) { #top-nav ul.level1 { font-size: 15px; } } @media (min-width: 1400px) { #top-nav ul.level1 { font-size: 15px; } } @media (min-width: 1600px) { #top-nav ul.level1 { font-size: 15px; } } @media (min-width: 1800px) { #top-nav ul.level1 { font-size: 15px; } } #top-nav ul.level1 > li:hover > span, #top-nav ul.level1 > li > span:hover, #top-nav ul.level1 > li:hover > a, #top-nav ul.level1 > li > a:hover, #top-nav ul.level1 > li.invert > span, #top-nav ul.level1 > li.invert > a { background: #f2f2f2; text-shadow: none; } #top-nav ul.level1 > li.invert:hover > span, #top-nav ul.level1 > li.invert:hover > a, #top-nav ul.level1 > li.invert > span:hover, #top-nav ul.level1 > li.invert > a:hover { background: #002d6f !important; color: #FFF !important; } #top-nav ul.level1 > li.search:hover > a, #top-nav ul.level1 > li.search > a:hover { background: none; } #header.scroll #top-nav { margin-top: 15px; transition: all 0.15s ease-in-out 0.15s; } #header.alternate2 #top-nav ul.level1 > li > span, #header.alternate #top-nav ul.level1 > li > span, #header.scroll #top-nav ul.level1 > li > span, #header.alternate2 #top-nav ul.level1 > li > a, #header.alternate #top-nav ul.level1 > li > a, #header.scroll #top-nav ul.level1 > li > a { color: #002d6f; text-shadow: none;} #header.alternate2 #top-nav ul.level1 > li:hover > span, #header.alternate2 #top-nav ul.level1 > li > span:hover, #header.alternate2 #top-nav ul.level1 > li > span.active, #header.alternate #top-nav ul.level1 > li:hover > span, #header.alternate #top-nav ul.level1 > li > span:hover, #header.alternate #top-nav ul.level1 > li > span.active, #header.scroll #top-nav ul.level1 > li > span:hover, #header.scroll #top-nav ul.level1 > li > span.active, #header.alternate2 #top-nav ul.level1 > li:hover > a, #header.alternate2 #top-nav ul.level1 > li > a:hover, #header.alternate2 #top-nav ul.level1 > li > a.active, #header.alternate #top-nav ul.level1 > li:hover > a, #header.alternate #top-nav ul.level1 > li > a:hover, #header.alternate #top-nav ul.level1 > li > a.active, #header.scroll #top-nav ul.level1 > li > a:hover, #header.scroll #top-nav ul.level1 > li > a.active { color: #002d6f; } #header.scroll #top-nav ul.level1 > li.search:hover > a, #header.scroll #top-nav ul.level1 > li.search > a:hover { color: #8fc4eb; text-shadow: none; } #header.scroll #top-nav ul.level1 > li:hover > a { color: #fff; } #header.scroll #top-nav ul.level1 > li.invert > a, #header.scroll #top-nav ul.level1 > li.invert > span { color: #002d6f } #header.scroll #top-nav ul.level1 > li > span, #header.scroll #top-nav ul.level1 > li > a { color: #fff; text-shadow: none; } #header.scroll #top-nav ul.level1 > li > span:hover #header.scroll #top-nav ul.level1 > li > span.active, #header.scroll #top-nav ul.level1 > li > a:hover, #header.scroll #top-nav ul.level1 > li > a.active { color: #002d6f; } #header.scroll #top-nav ul.level1 > li:hover > a, #header.scroll #top-nav ul.level1 > li:hover > span { color: #002d6f; } #header #top-nav ul.level1 > li.search:hover > a, #header #top-nav ul.level1 > li.search > a:hover, #header.alternate2 #top-nav ul.level1 > li.search:hover > a, #header.alternate2 #top-nav ul.level1 > li.search > a:hover, #header.alternate #top-nav ul.level1 > li.search:hover > a, #header.alternate #top-nav ul.level1 > li.search > a:hover { color: #8fc4eb; text-shadow: none; } #top-nav ul.level2 li span, #top-nav ul.level2 li a { color: #002d6f; } #top-nav ul.level2 { background: #f2f2f2; left: -99999px; padding: 5px 0; position: absolute; top: auto; width: 240px; } #top-nav li:hover > ul.level2 { left: 5px; } #top-nav ul.level2 li { float: left; clear: left; width: 100%; } #top-nav ul.level2 > li > a { font-size: 15px; font-weight: 400; } #top-nav ul.level2 > li:hover > a, #top-nav ul.level2 > li > a:hover { background: #002d6f; color: #fff; position: relative; } #top-nav a.arrow::after { background: url('../img/ui/nav-bg-arrow.png') no-repeat 0 0; content: ""; display: none; height: 9px; margin-top: -1px; position: absolute; right: 11px; transform: translateY(-50%); top: 50%; width: 5px; } #top-nav a.arrow:hover::after, #top-nav li:hover > a.arrow::after { display: block; } #top-nav ul.level3 { background: #e6e6e6; box-shadow: 0 0 10px 0 rgba(0,0,0,.3); left: -99999px; padding: 5px 0; position: absolute; top: 0; width: 280px; } #top-nav li:hover > ul.level3 { left: 240px; } #top-nav ul.level3 li { float: left; clear: left; width: 100%; } #top-nav ul.level3 > li > a { font-size: 15px; font-weight: 400; } #top-nav ul.level3 > li:hover > a, #top-nav ul.level3 > li > a:hover { background: #002d6f; color: #fff; } #top-nav ul.level4 { background: #dadada; box-shadow: 0 0 12px 0 rgba(0,0,0,.3); left: -99999px; padding: 5px 0; position: absolute; top: 0; width: 280px; } #top-nav li:hover > ul.level4 { left: 280px; } #top-nav ul.level4 li { float: left; clear: left; width: 100%; } #top-nav ul.level4 > li > a { font-size: 15px; font-weight: 400; } #top-nav ul.level4 > li:hover > a, #top-nav ul.level4 > li > a:hover { background: #002d6f; color: #fff; } #top-nav ul li .overview_span, #top-nav ul.level2 > li.overview_plink { display: none; } /* NAV */ #nav { display: none; } /* SLICKNAV */ #mobile-nav { background: #fff; display: none; width: 100%; } #mobile-nav .container { padding-top: 10px; /*padding-bottom: 10px;*/ padding-bottom: 0; } div.slicknav_menu { padding: 0; margin-bottom: 0; background: none; } div.slicknav_menu a.slicknav_btn { clear: both; float: right; margin: 0; background: none; color: #002d6f; padding: 13px 10px 14px; } .slicknav_menu .slicknav_menutxt { display: none; } .slicknav_menu .slicknav_icon { margin: 0; } .slicknav_menu .slicknav_icon-bar { background-color: #002d6f; border-radius: 0; box-shadow: none; height: 3px; width: 30px; } .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { margin-top: 7px; } div.slicknav_menu ul.slicknav_nav { clear: both; float: left; width: 100%; padding: 0; margin-top: 38px; } div.slicknav_menu ul.slicknav_nav li {} div.slicknav_menu ul.slicknav_nav li.search { display: none; } div.slicknav_menu ul.slicknav_nav li a { color: #002d6f; font-size: 15px; font-weight: 800; margin: 5px 0; text-transform: uppercase; } .slicknav_nav .slicknav_row, .slicknav_nav a { padding: 15px; } .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { border-radius: 0; } div.slicknav_menu ul.slicknav_nav li a:hover { background: #e5e5e5; color: #3e81be; } .slicknav_nav .slicknav_arrow { margin: 0 0 0 8px; } div.slicknav_menu ul.slicknav_nav li .overview_link { display: none; } @media (max-width: 991px) { #mobile-nav { display: block; } } /* BANNER */ /*#banner-outer { float: none; margin: 0 auto; max-width: 1750px; position: relative; z-index: 1000; } */ #banner-outer { float: none; margin: 0 auto; position: relative; z-index: 1000; } #banner-outer #fader { max-width: 100%; width: 100%; margin: 0 auto; } #banner-outer ul.banner li, #banner-outer div.banner-item { background: #fff; } #banner-outer ul.banner li.text-color-db, #banner-outer div.banner-item.text-color-db { background: #fff; } #banner-outer ul.banner li { max-height: 600px; } /* 03-10-2016 client request to restrict maximum height of banner - cropping will occur */ /*#banner-outer ul.banner li.light, #banner-outer div.banner-item.light { background: #3e81be; }*/ /* 03-10-2016 client request to restrict maximum height of banner - cropping will occur */ #banner-outer div.banner-item img { display: block; height: auto; position: relative; width: 100%; z-index: 1000; } #banner-outer.default div.banner-item-image { max-height: 600px; overflow: hidden; } #banner-outer.short div.banner-item-image { max-height: 500px; overflow: hidden;} #banner-outer.extra_short div.banner-item-image { max-height: 350px; overflow: hidden; } /*#banner-outer ul.banner li.dark span.text-overlay { display: none; }*/ #banner-outer ul.banner li span.text-overlay { background: none; bottom: 0; left: 0; position: absolute; top: 0; width: 100%; z-index: 2000; } #banner-outer ul.banner li span.container, #banner-outer div.banner-item span.container { display: block; height: 100%; } #banner-outer ul.banner li span.text-outer, #banner-outer div.banner-item span.text-outer { } #banner-outer ul.banner li span.text-inner, #banner-outer div.banner-item span.text-inner { display: table; width: 100%; height: 100%;} #banner-outer ul.banner li span.text-wrap, #banner-outer div.banner-item span.text-wrap { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; color:#fff;} #banner-outer ul.banner li span.text-wrap.text-indent, #banner-outer div.banner-item span.text-wrap.text-indent { padding-left: 70px; padding-right: 70px; } #banner-outer ul.banner li span.text-wrap.text-al, #banner-outer div.banner-item span.text-wrap.text-al { text-align: left;} #banner-outer ul.banner li span.text-wrap.text-ar, #banner-outer div.banner-item span.text-wrap.text-ar { text-align: right; } #banner-outer ul.banner li span.text-wrap strong.title, #banner-outer ul.banner li span.text-wrap span.text, #banner-outer div.banner-item span.text-wrap strong.title, #banner-outer div.banner-item span.text-wrap span.text { color: #fff; display: block; font-family: 'Assistant', Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; letter-spacing: .05em; line-height: 1.1em; } #banner-outer ul.banner li.text-shadow span.text-wrap strong.title, #banner-outer ul.banner li.text-shadow span.text-wrap span.text, #banner-outer div.banner-item.text-shadow span.text-wrap strong.title, #banner-outer div.banner-item.text-shadow span.text-wrap span.text { text-shadow: 0 0 10px #000, 0 0 5px #000; } #banner-outer div.banner-item span.text-wrap span.text { letter-spacing: 0.05em; /* letterspacing reduced for h2-h6 as per client request 23-09-16 */} #banner-outer div.banner-item.text-color-db span.text-wrap strong.title, #banner-outer div.banner-item.text-color-db span.text-wrap span.text { color: #002d6f; text-shadow: none } #banner-outer div.banner-item.text-color-db span.text-wrap span.text { color: #8fc4eb; } #banner-outer ul.banner li span.text-wrap strong.title, #banner-outer div.banner-item span.text-wrap strong.title { font-size: 4.2em; } #banner-outer ul.banner li span.text-wrap span.text, #banner-outer div.banner-item span.text-wrap span.text { font-size: 2.267em; } #banner-outer ul.banner li span.text-wrap span.secondary_text, #banner-outer div.banner-item span.text-wrap span.secondary_text { font-size: 1.6em; } #banner-outer div.banner-item span.text-wrap { padding-top: 60px; } #banner-outer.short div.banner-item span.text-wrap { padding-top: 60px; } /* BANNER (Selectbox) */ /* HIDE SELECT FROM MOBILE/TABLET AS HOVER EVENT DOES NOT EXIST */ /*.touch #banner-outer ul.banner li span.selectbox, .touch #banner-outer div.banner-item span.selectbox { display: none !important; } */ #banner-outer ul.banner li span.selectbox, #banner-outer div.banner-item span.selectbox { height: 3em; line-height: 3em; margin: 1.5em auto 0; max-width: 292px; position: relative; width: 100%; z-index: 8000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #banner-outer div.banner-item span.selectbox:hover {} #banner-outer ul.banner li span.selectbox span.selectboxitems, #banner-outer div.banner-item span.selectbox span.selectboxitems { /*background: rgba(0,0,0,0.2);*/ border: 1px solid #fff; } .alternate #banner-outer ul.banner li span.selectbox span.selectboxitems, #banner-outer div.banner-item.dark span.selectbox span.selectboxitems { border: 1px solid #8fc4eb; } #banner-outer ul.banner li span.selectbox a.selectboxitem, #banner-outer div.banner-item span.selectbox a.selectboxitem { cursor: pointer; } #banner-outer ul.banner li span.selectbox a.selectboxitem, #banner-outer div.banner-item span.selectbox a.selectboxitem, #banner-outer ul.banner li span.selectbox span.selectboxitem, #banner-outer div.banner-item span.selectbox span.selectboxitem { color: #fff; display: none; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: .867em; font-weight: 600; height: 3em; letter-spacing: .05em; line-height: 3em; overflow: hidden; padding: 0 20px; text-align: left; text-shadow: 0 0 5px #000; text-transform: uppercase; } #banner-outer div.banner-item.light-no-shadow span.selectbox span.selectboxitem { text-shadow: none; } #banner-outer ul.banner li span.selectbox a.selectboxitem.active, #banner-outer div.banner-item span.selectbox a.selectboxitem.active { color: #8cc4eb; } #banner-outer div.banner-item span.selectbox:hover { } #banner-outer div.banner-item span.selectbox:hover span.selectboxitems { background: #00223b; } #banner-outer ul.banner li span.selectbox:hover a.selectboxitem, #banner-outer div.banner-item span.selectbox:hover a.selectboxitem, #banner-outer ul.banner li span.selectbox:hover span.selectboxitem, #banner-outer div.banner-item span.selectbox:hover span.selectboxitem, #banner-outer ul.banner li span.selectbox span.selectboxitem.default, #banner-outer div.banner-item span.selectbox span.selectboxitem.default { display: block; } #banner-outer ul.banner li span.selectbox span.selectboxitem.default span, #banner-outer div.banner-item span.selectbox span.selectboxitem.default span { background: url('../img/ui/arrow-down.png') right center no-repeat; } .alternate #banner-outer ul.banner li span.selectbox span.selectboxitem.default span, #banner-outer div.banner-item.dark span.selectbox span.selectboxitem.default span { background: url('../img/ui/arrow-down-dark.png') right center no-repeat; color: #002d6f; text-shadow: none; } .alternate #banner-outer ul.banner li span.selectbox span.selectboxitems:hover span.selectboxitem.default span, #banner-outer div.banner-item.dark span.selectbox span.selectboxitems:hover span.selectboxitem.default span { background: url('../img/ui/arrow-down.png') right center no-repeat; color: #fff; } #banner-outer ul.banner li span.selectbox a.selectboxitem:hover, #banner-outer div.banner-item span.selectbox a.selectboxitem:hover { color: #8cc4eb; } #banner-outer .bx-wrapper { margin-bottom: 0;} #banner-outer .bx-wrapper .bx-pager, #banner-outer .bx-wrapper .bx-controls-auto { bottom: 2em; } #banner-outer .bx-wrapper .bx-prev { left: 30px; } #banner-outer .bx-wrapper .bx-next { right: 30px; } #banner-outer .bx-wrapper .bx-prev, #banner-outer .bx-wrapper .bx-next { background: none; text-indent: 0; font-size: 3em; color: #FFF; } #banner-outer .bx-wrapper .bx-prev i, #banner-outer .bx-wrapper .bx-next i { text-shadow: 0 0 5px #000; } #banner-outer .bx-wrapper .bx-next { text-align: right; } #banner-outer .bx-wrapper .bx-pager.bx-default-pager a { background: #F6F6F6; border: 1px solid #EEE; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8); } #banner-outer .bx-wrapper .bx-pager.bx-default-pager a i { } #banner-outer .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner-outer .bx-wrapper .bx-pager.bx-default-pager a.active { background: none; border-color: #8fc4eb} /* BANNER OUTER - SECTIONS, PRODUCTS */ #banner-outer div.banner-item strong, #banner-outer div.banner-item span { display: block; } #banner-outer div.banner-item span.text-overlay { background: none; bottom: 0; left: 0; position: absolute; top: 0; width: 100%; z-index: 2000; } #banner-outer div.banner-item span.text-outer { position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 100%; z-index: 3000;} /* SEARCH */ /*#search { background: #edf2f5; clear: both; float: left; width: 100%; }*/ #search { clear: both; float: left; width: 100%; } #search .container-search { background: #edf2f5; padding-top: 10px; padding-bottom: 10px; } #search #searchForm { max-width: 100%; } #search #searchForm fieldset { padding: 0; margin: 0; position: relative;} #search #searchForm input { margin: 0; } #search #searchForm input.text { position: relative; padding-right: 60px; } #search #searchForm input.pure-button { position: absolute; padding: 0.5em 1em; right: 2px; top: 3px; } /* BREADCRUMBS div#breadcrumbs.scroll { background: #dadada; display: block; position: fixed; top: 80px; z-index: 5000; } div#breadcrumbs .container-breadcrumbs { background: #dadada; padding-bottom: 8px; padding-top: 8px; } div#breadcrumbs { margin: 0 0 3px; } div#breadcrumbs ul { float: left; margin: 0; margin-left: -4px; } div#breadcrumbs ul li { color: #002d6f; float: left; font-family: 'Assistant', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: 600; margin: 0 1px 1px 0; text-transform: uppercase; } div#breadcrumbs ul li a { border: none; color: #002d6f; display: block; float: left; line-height: 18px; padding: 4px 9px; position: relative; text-decoration: none; } div#breadcrumbs ul li span { display: block; float: left; line-height: 18px; padding: 4px 9px; }div#breadcrumbs ul li span.separator { font-size: 18px; font-weight: 400; padding: 3px 3px 5px; } div#breadcrumbs ul li a.active::after { background-color: #002d6f; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 9px; position: absolute; right: 0; } div#breadcrumbs ul li a:hover { background-color: #002d6f; color: #fff; } */ div#breadcrumbs .container-breadcrumbs { background: #dadada; padding-bottom: 8px; padding-top: 8px; } div#breadcrumbs { margin: 0 0 3px; } div#breadcrumbs ul { float: right; margin: 0; margin-left: -4px; text-align: right; } div#breadcrumbs ul li { color: #666; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .1em; margin: 0 1px 0 0; text-transform: uppercase; } div#breadcrumbs ul li a { border: none; color: #666; display: block; float: left; line-height: 1.2em; padding: 4px 9px; position: relative; text-decoration: none; } div#breadcrumbs ul li span { display: block; float: left; line-height: 18px; padding: 4px 15px; } div#breadcrumbs ul li span.separator { color: #666; font-size: 18px; font-weight: 400; padding: 1px 3px 3px; } /*div#breadcrumbs ul li a:hover::after, div#breadcrumbs ul li a.active::after { background-color: #333; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 9px; position: absolute; right: 0; }*/ div#breadcrumbs ul li a:hover, div#breadcrumbs ul li a.active { color: #333; } @media (max-width: 767px) { div#breadcrumbs.regular ul li.you_are_here, div#breadcrumbs.regular ul li span.you_are_here { display: block; width: 100%; } div#breadcrumbs .container-breadcrumbs { padding-bottom: 8px; padding-top: 8px; } div#breadcrumbs ul li { font-size: 12px; } } @media (max-width: 991px) { div#breadcrumbs ul { float: none; text-align: left; } } @media (min-width: 992px) { div#breadcrumbs .container-breadcrumbs { padding-bottom: 10px; padding-top: 10px; } div#breadcrumbs ul li { font-size: 14px; } } @media (min-width: 1200px) { div#breadcrumbs .container-breadcrumbs { padding-bottom: 16px; padding-top: 16px; } div#breadcrumbs ul li { font-size: 14px; } } @media (min-width: 1400px) { div#breadcrumbs .container-breadcrumbs { padding-bottom: 20px; padding-top: 20px; } div#breadcrumbs ul li { font-size: 14px; } div#breadcrumbs ul li span.separator { padding: 2px 3px 4px; } } @media (min-width: 1600px) { div#breadcrumbs .container-breadcrumbs { padding-bottom: 23px; padding-top: 23px; } div#breadcrumbs ul li { font-size: 14px; } div#breadcrumbs ul li a { padding: 4px 9px; } div#breadcrumbs ul li span.separator { padding: 2px 3px 4px; } } @media (min-width: 1800px) { div#breadcrumbs .container-breadcrumbs { padding-bottom: 23px; padding-top: 23px; } div#breadcrumbs ul li { font-size: 14px; } div#breadcrumbs ul li a { padding: 4px 9px; } div#breadcrumbs ul li span.separator { padding: 2px 3px 4px; } } /* MFE DEV - adding gradients */ /* yellow->orange / speakers */ .speakers div#breadcrumbs .container-breadcrumbs { background: #f3a534; background: linear-gradient(75deg, rgba(249,207,49,1) 0%, rgba(238,124,54,1) 60%); } .speakers div#breadcrumbs ul li, .speakers div#breadcrumbs ul li span.separator, .speakers div#breadcrumbs ul li a { color: #fff; } .speakers div#breadcrumbs ul li a:hover, .speakers div#breadcrumbs ul li a.active { color: #002d6f; } /* green->blue / source */ .source div#breadcrumbs .container-breadcrumbs { background: #f3a534; background: linear-gradient(75deg, rgba(139,197,63,1) 0%, rgba(37,169,224,1) 60%); } .source div#breadcrumbs ul li, .source div#breadcrumbs ul li span.separator, .source div#breadcrumbs ul li a { color: #fff; } .source div#breadcrumbs ul li a:hover, .source div#breadcrumbs ul li a.active { color: #002d6f; } /* pink->purple / electronics */ .electronics div#breadcrumbs .container-breadcrumbs { background: #8d2d86; background: linear-gradient(75deg, rgba(236,41,123,1) 0%, rgba(46,49,145,1) 60%); } .electronics div#breadcrumbs ul li, .electronics div#breadcrumbs ul li span.separator, .electronics div#breadcrumbs ul li a { color: #fff; } .electronics div#breadcrumbs ul li a:hover, .electronics div#breadcrumbs ul li a.active { color: #ec297b; } div#breadcrumbs.scroll { background: #dadada; display: block; position: fixed; top: 80px; z-index: 5000; } /* yellow->orange / speakers */ .speakers div#breadcrumbs.scroll { background: #f3a534; background: linear-gradient(75deg, rgba(249,207,49,1) 0%, rgba(238,124,54,1) 60%); } .speakers div#breadcrumbs.scroll .container-breadcrumbs { background: none; } /* green->blue / source */ .source div#breadcrumbs.scroll { background: #f3a534; background: linear-gradient(75deg, rgba(139,197,63,1) 0%, rgba(37,169,224,1) 60%); } .source div#breadcrumbs.scroll .container-breadcrumbs { background: none; } /* pink->purple / electronics */ .electronics div#breadcrumbs.scroll { background: #8d2d86; background: linear-gradient(75deg, rgba(236,41,123,1) 0%, rgba(46,49,145,1) 60%); } .electronics div#breadcrumbs.scroll .container-breadcrumbs { background: none; } /* PAGINATION */ div.pagination { margin-top: 2em; font-family: 'Assistant', Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; } div.pagination ol li { margin-bottom: 1em; } div.pagination ol li, div.pagination ol li a { height: 38px; line-height: 38px; } div.pagination ol li a { min-width: 38px; padding: 0 10px; background: #FFF; color: #002d6f; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #8CC4EB; font-weight: 600; } div.pagination ol li a:hover, div.pagination ol li a.active { background: #FFF; color: #8CC4EB; border-color: #8CC4EB;} div.pagination ol li a:hover { background: #F9F9F9; } div.pagination ol li a.active { font-weight: 700;} div.pagination ol li a.previous_next { border: none; padding: 0 .5em; color: #002d6f; font-size: .9em } div.pagination ol li a.previous_next:hover { color: #8CC4EB } div.pagination ol li a.previous { padding-left: 0 } div.pagination ol li a.next { padding-right: 0 } /* WRAP */ #wrap { padding: 2em 0; padding-bottom: 2.5em; } /*#page-home #wrap { padding: 1.5em 0; padding-bottom: 2em; }*/ #page-home #wrap { padding-top: 2.5em; padding-bottom: 2em; } #wrap.shift_down { margin-top: 150px} div.fragment .indent, #wrap .indent { padding: 0 70px; } /*div.fragment .indent, #wrap .indent { padding: 0; }*/ /* FRAGMENTS */ #fragments { float: left; clear: both; width: 100%; overflow: hidden; padding: 0; } #fragments .fragment { margin-left: auto; margin-right: auto; padding: 2.5em 0; position: relative; } #fragments .fragment.fragment_tpad0 { padding-top: 0 } #fragments .fragment.fragment_bpad0 { padding-bottom: 0 } #fragments .fragment.fragment_tpad0_5 { padding-top: 0.5em } #fragments .fragment.fragment_bpad0_5 { padding-bottom: 0.5em } #fragments .fragment.fragment_tpad1 { padding-top: 1em } #fragments .fragment.fragment_bpad1 { padding-bottom: 1em } #fragments .fragment.fragment_tpad2_5 { padding-top: 2.5em } #fragments .fragment.fragment_bpad2_5 { padding-bottom: 2.5em } #fragments .fragment.black_solid_bg { background-color: #000; } #fragments .fragment.dark_blue_bg, #fragments .fragment.global_scheme_bg { background-color: #002d6f; } #fragments .fragment .fragment_mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: 2000; } #fragments .fragment .fm_powder_blue { background-color: #edf2f5; background-color: rgba(210,223,230,0.4); } #fragments .fragment .fm_blue { background-color: #99b5ba; background-color: rgba(0,69,118,0.4); } #fragments .fragment .fm_dark_blue, #fragments .fragment .fm_global_scheme { background-color: #002d6f; background-color: rgba(0,69,118,0.8); } #fragments .fragment .fm_blue_gradient { background: url(../img/ui/fragment_mask_blue_gradient.png) 0 0 no-repeat; background-size: cover; } #fragments .fragment .fm_black { background-color: #999; background-color: rgba(0,0,0,0.05); } #fragments .fragment.white_tc .fm_black { background-color: #999; background-color: rgba(0,0,0,0.05); } #fragments .fragment .fm_black_gradient { background: url(../img/ui/fragment_mask_black_gradient.png) 0 0 no-repeat; background-size: cover; } #fragments .fragment .container { position: relative; z-index: 3000; } #fragments .fragment .container .dark_blue_bg .client-text *, #fragments .fragment.blue_bg .client-text *, #fragments .fragment .container .black_bg .client-text *, #fragments .fragment.white_tc .container .client-text * { color: #FFF; } #fragments .fragment.light .container .blue_bg .client-text *, #fragments .fragment.light .container .black_bg .client-text * { color: #999; } /*#fragments .fragment_wysiwyg, #fragments .fragment_wysiwyg_left, #fragments .fragment_wysiwyg_right { min-height: 400px; }*/ #fragments .fragment_wysiwyg_left.black_solid_bg, #fragments .fragment_wysiwyg_right.black_solid_bg { background-color: #000; } #fragments .fragment_wysiwyg_left.powder_blue_bg, #fragments .fragment_wysiwyg_right.powder_blue_bg { background: #edf2f5; } #fragments .fragment_wysiwyg_left.light_blue_bg, #fragments .fragment_wysiwyg_right.light_blue_bg { background: #7fa2ba; } #fragments .fragment_wysiwyg_left.blue_bg, #fragments .fragment_wysiwyg_right.blue_bg { background: #014576; } #fragments .fragment_wysiwyg_left.black_bg, #fragments .fragment_wysiwyg_right.black_bg { background: #222; } #fragments .fragment_wysiwyg_left.white_bg, #fragments .fragment_wysiwyg_right.white_bg { background: #FFF; } #fragments .fragment_wysiwyg_left.blue_bg .fragment_table_d *, #fragments .fragment_wysiwyg_right.blue_bg .fragment_table_d *, #fragments .fragment_wysiwyg_left.black_bg .fragment_table_d *, #fragments .fragment_wysiwyg_right.black_bg .fragment_table_d * { color: #FFF; } #fragments .fragment .fragment_table { display: table; width: 100%; /*padding: 3.5em 0 2.5em;*/} #fragments .fragment .fragment_table { height: 395px; } #fragments .fragment .fragment_table_d { height: 100%; } #fragments .fragment .fragment_table_d { padding: 0; display: table-cell; vertical-align: middle; width: 100%; } #fragments .fragment .fragment_image { position: absolute; top: 0; left: 0; width: 50%; } #fragments .fragment_wysiwyg h1:first-child, #fragments .fragment_wysiwyg h2:first-child, #fragments .fragment_wysiwyg h3:first-child, #fragments .fragment_wysiwyg h4:first-child, #fragments .fragment_wysiwyg h5:first-child, #fragments .fragment_wysiwyg h6:first-child, #fragments .fragment_wysiwyg p:first-child { margin-top: 0; } #fragments .fragment_wysiwyg h1:last-child, #fragments .fragment_wysiwyg h2:last-child, #fragments .fragment_wysiwyg h3:last-child, #fragments .fragment_wysiwyg h4:last-child, #fragments .fragment_wysiwyg h5:last-child, #fragments .fragment_wysiwyg h6:last-child, #fragments .fragment_wysiwyg p:last-child { margin-bottom: 0; } #fragments .fragment_wysiwyg_left .fragment_image { left: 50%; } #fragments .fragment_wysiwyg_left_wide .fragment_image { left: 58.3333%; width: 41.6667%; } #fragments .fragment_wysiwyg_right_wide .fragment_image { width: 41.6667% } #fragments .fragment_wysiwyg_left .fragment_table, #fragments .fragment_wysiwyg_right .fragment_table { height: auto; } #fragments .fragment_wysiwyg_left .client-text { padding-left: 70px; } #fragments .fragment_wysiwyg_right .client-text { padding-right: 70px; } #fragments .fragment_wysiwyg blockquote, #fragments .fragment_wysiwyg_left blockquote, #fragments .fragment_wysiwyg_right blockquote { color: #002d6f; font-family: 'Playfair Display', Georgia, Times, Times New Roman, serif; font-size: 1.6em; font-weight: 400; line-height: 1.6em; margin: 1em 0 .625em; position: relative; } #fragments .fragment_wysiwyg blockquote:before, #fragments .fragment_wysiwyg_left blockquote:before, #fragments .fragment_wysiwyg_right blockquote:before { background: url('../img/ui/quote_new_start.png') no-repeat center center; content: " "; display: block; height: 25px; position: absolute; left: -45px; top: 0; width: 32px; } #fragments .fragment_wysiwyg blockquote p, #fragments .fragment_wysiwyg_left blockquote p, #fragments .fragment_wysiwyg_right blockquote p, #fragments .fragment_wysiwyg blockquote div, #fragments .fragment_wysiwyg_left blockquote div, #fragments .fragment_wysiwyg_right blockquote div { color: #002d6f; } #fragments .fragment_wysiwyg blockquote div, #fragments .fragment_wysiwyg_left blockquote div, #fragments .fragment_wysiwyg_right blockquote div { margin-bottom: 1em; } #fragments .fragment_wysiwyg blockquote div:first-child, #fragments .fragment_wysiwyg_left blockquote div:first-child, #fragments .fragment_wysiwyg_right blockquote div:first-child { margin-top: 0; } #fragments .fragment_wysiwyg blockquote:after, #fragments .fragment_wysiwyg_left blockquote:after, #fragments .fragment_wysiwyg_right blockquote:after { background: url('../img/ui/quote_new_end.png') no-repeat center center; content: " "; display: inline-block; float: right; height: 25px; margin: -49px -45px 0 0; width: 32px; } /*#fragments .fragment_wysiwyg blockquote p:last-child:after, #fragments .fragment_wysiwyg_left blockquote p:last-child:after, #fragments .fragment_wysiwyg_right blockquote p:last-child:after, #fragments .fragment_wysiwyg blockquote div:last-child:after, #fragments .fragment_wysiwyg_left blockquote div:last-child:after, #fragments .fragment_wysiwyg_right blockquote div:last-child:after, #fragments .fragment_wysiwyg blockquote cite:last-child:after, #fragments .fragment_wysiwyg_left blockquote cite:last-child:after #fragments .fragment_wysiwyg_right blockquote cite:last-child:after { background: url('../img/ui/quote_new_end.png') no-repeat center center; content: ' '; display: inline-block; float: right; height: 25px; margin: 0 -45px 0 0; width: 32px; } #fragments .fragment_wysiwyg blockquote cite:last-child:after, #fragments .fragment_wysiwyg_left blockquote cite:last-child:after, #fragments .fragment_wysiwyg_right blockquote cite:last-child:after { margin: -52px -45px 0 0; } #fragments .fragment_wysiwyg blockquote p cite:last-child:after, #fragments .fragment_wysiwyg_left blockquote p cite:last-child:after, #fragments .fragment_wysiwyg_right blockquote p cite:last-child:after, #fragments .fragment_wysiwyg blockquote div cite:last-child:after, #fragments .fragment_wysiwyg_left blockquote div cite:last-child:after, #fragments .fragment_wysiwyg_right blockquote div cite:last-child:after, #fragments .fragment_wysiwyg blockquote p cite:last-child:after, #fragments .fragment_wysiwyg_left blockquote p cite:last-child:after, #fragments .fragment_wysiwyg_right blockquote p cite:last-child:after { content: ''; content: none; }*/ #fragments .fragment_wysiwyg cite, #fragments .fragment_wysiwyg_left cite, #fragments .fragment_wysiwyg_right cite { color: #5f8aa9; display: block; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: 600; line-height: 1.6em; } #fragments .fragment_wysiwyg blockquote cite, #fragments .fragment_wysiwyg_left blockquote cite, #fragments .fragment_wysiwyg_right blockquote cite { font-size: 0.625em; } #fragments .white_tc blockquote:before, #fragments .blue_bg blockquote:before, #fragments .black_bg blockquote:before { background-image: url('../img/ui/quote_new_start_alt.png'); } #fragments .white_tc blockquote:after, #fragments .blue_bg blockquote:after, #fragments .black_bg blockquote:after { background-image: url('../img/ui/quote_new_end_alt.png'); } #fragments .fragment_quote { background: #EDF2F5; padding: 2.5em 0; } #fragments .fragment_quote_centered { text-align: center; } #fragments .fragment_quote .quote-outer { background: url('../img/ui/quote_new_end.png') right bottom no-repeat; padding-right: 85px; } #fragments .fragment_quote blockquote { background: url('../img/ui/quote_new_start.png') left top no-repeat; font-family: 'Playfair Display', Georgia, Times, Times New Roman, serif; font-size: 1.6em; font-weight: 400; line-height: 1.6em; margin: 0; padding-left: 70px; } #fragments .fragment_quote blockquote p { color: #002d6f; } #fragments .fragment_quote cite { color: #5f8aa9; display: inline-block; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: 600; line-height: 1.6em; padding-left: 70px; } #fragments .fragment_quote blockquote cite { padding-left: 0; } #fragments .fragment_quote_small blockquote { font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.2em; font-weight: 300; } #fragments .fragment_quote_small blockquote p:first-child:first-line,#fragments .fragment_quote_small blockquote p:first-child:first-line { font-weight: 600; } #fragments .fragment_quote_small cite { color: #5f8aa9; font-size: 1em; font-weight: 600; } #fragments .fragment_quote_small blockquote cite { font-size: .833em; } #fragments .fragment_spacer { background: #fff; height: 2.5em; padding: 0; } #fragments .fragment_image img { max-width: 100%; height: auto; display: block; margin: 0 auto; } #fragments .fragment_button a.pure-button { display: block; width: 200px; max-width: 100%; margin: 0 auto; } .pure-button.pure-button-primary.wysiwyg-button { display: inline-block; padding: 0 6em; line-height: 3.5em; margin-top: 2em; text-decoration: none; } /* SUB BANNERS */ /*#subbanner_strap { background: #7fa2ba; clear: both; float: left; width: 100%; }*/ #subbanner_strap { clear: both; float: left; width: 100%; } .container-subbanner-strap { background: #7fa2ba; } #subbanner_strap .container { padding-top: 2.5em; padding-bottom: 2.5em; } #subbanner_strap h2.h1 {color:#fff; text-align: center; } #subbanner_strap #subbanner_wrapper, #subbanner_strap #subbanner div.items { width: 100%; margin: 0; padding: 0;} #subbanner_strap #subbanner_wrapper { position: relative; } #subbanner_strap #subbanner div.items div.item { padding: 0 15px;} #subbanner_strap #subbanner div.items div.item img { display: block; width: 100%; height: auto; padding-bottom: 1em; padding-top: 1em; } #subbanner_strap #subbanner div.items div.item strong { color: #FFF; font-weight: 400; text-align: center; display: block; line-height: 1.6em; padding: 0 15px } #subbanner_strap #subbanner_wrapper a.oc-prev, #subbanner_strap #subbanner_wrapper a.oc-next { position: absolute; left: -30px; top: 50%; margin-top: -1.2em; font-size: 2.4em; color: #FFF; } #subbanner_strap #subbanner_wrapper a.oc-next { left: auto; right: -30px; text-align: right; } /* PRODUCTS */ #products .product-item { clear: both; width: 100%; margin-bottom: 3em; } #products .product-item:nth-last-child(1) { margin-bottom: 0;} #products .product-item a { } #products .product-item a, #products .product-item span { /*vertical-align: top;*/ display: block; } #products .product-item .item-image img { margin: 0 auto; /*max-width: 400px;*/ width: 100%; height: auto; display: block; } #products .product-item .item-image.col-sm-push-6 img { } #products .product-item strong, #products .product-item span { display: block; } #products .product-item span.item-text-outer {} #products .product-item span.item-text-inner { margin: 0 auto; /*max-width: 370px; */ /*padding-bottom: 4em; */ position: relative; } #products .product-item strong.item-title { font-family: 'Playfair Display', Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing: 0em; line-height: 1.2em; font-weight: 400; color: #002d6f; font-size: 1.920em; font-style: normal; margin-bottom: .5em; } #products .product-item span.item-strapline, #products .product-item span.item-text { color:#666 } #products .product-item span.item-cta { display: inline-block; padding: 0 6em; line-height: 3.5em; margin-top: 2em; /*position: absolute; bottom: 0; left: 15px;*/} /* BRANDS */ #brands { background: #fff; clear: both; float: left; width: 100%; } /*#brands .container { padding-top: 2em; padding-bottom: 1em; }*/ #brands .container { padding-top: 2.5em; padding-bottom: .5em; } #brands h2.h1 { text-align: center; } #brands div.brands-outer { } #brands div.brand { padding-top: 2em; padding-bottom: 2em; } #brands div.brand.brand-inline { display: inline-block; padding-left: 1em; padding-right: 1em; max-width: 20%; width: 20%; box-sizing: border-box } #brands div.brand.brand-inline.brand-inline-6 { max-width: 16.5%; width: 16.5%; } #brands div.brand.brand-inline.brand-inline-7 { max-width: 14%; width: 14%; } #brands div.brand.brand-inline.brand-inline-8 { max-width: 12.5%; width: 12.5%; } #brands div.brand.brand-inline:first-child { padding-left: 0} #brands div.brand.brand-inline:nth-last-child(1) { padding-right: 0} #brands div.brand img { display: block; margin: 0 auto; width: 100%; max-width: 110px; height: auto; } /* ABOUT US CALLOUT */ /*#about-us-callout { background: #7fa2ba; clear: both; float: left; width: 100%; } #about-us-callout .container { padding-top: 1em; padding-bottom: 2em; } #about-us-callout * { color: #fff; border-color: #fff; } #about-us-callout h1 { font-size: 2.533em; }*/ #about-us-callout { background: #3e81be url('../img/ui/about-callout.jpg') no-repeat top center; background-size: cover; clear: both; float: left; width: 100%; } #about-us-callout .container { padding-top: 3em; padding-bottom: 3em; } #about-us-callout * { border-color: #fff; color: #fff; } #about-us-callout .block-title-wrap h1, #about-us-callout .block-title-wrap h2, #about-us-callout .block-title-wrap h3, #about-us-callout .block-title-wrap h4, #about-us-callout .block-title-wrap h5, #about-us-callout .block-title-wrap h6 { font-size: 1.8em; margin: .55556em 0; } #about-us-callout .block-title-wrap { text-align: left; } #about-us-callout .block-text-wrap-outer { border-right: 1px solid #fff; } #about-us-callout .block-text-wrap { padding-right: 15px; text-align: right; } @media (max-width: 991px) { #about-us-callout .block-title-wrap { text-align: center; } #about-us-callout .block-text-wrap-outer { border-right: none; } #about-us-callout .block-text-wrap { padding-right: 0; text-align: center; } } .tagline-wrap { margin: 40px 0; } .tagline-text { margin: 5px; } .tagline { font-size: 1.325em; font-weight: 600; letter-spacing: .05em; } .tagline-icons img { margin: 5px; } /* BECOME A DEALER FORM / FIND A DEALER FORM / LOGIN FORM */ #becomeADealerForm, #findADealerForm, #loginForm { max-width: 512px; margin: 0 auto; margin-bottom: 2.5em } #becomeADealerForm legend, #findADealerForm legend, #loginForm legend { text-align: center; text-transform: uppercase; border: none; } #becomeADealerForm label, #findADealerForm label, #loginForm label { display: none; } #becomeADealerForm li.validation, #findADealerForm li.validation, #loginForm li.validation { margin: 0 auto; margin-bottom: 1em; width: 304px; display: block; } #becomeADealerForm li.submit, #findADealerForm li.submit, #loginForm li.submit {} #becomeADealerForm li.submit .pure-button, #findADealerForm li.submit .pure-button, #loginForm li.submit .pure-button { width: 100%; } #becomeADealerForm input, #becomeADealerForm textarea, #findADealerForm input, #findADealerForm textarea, #loginForm input, #loginForm textarea { } p.alert { max-width: 512px; margin: 0 auto; margin-bottom: 2.5em; text-align: center; } /* ENQUIRY FORM */ #quickEnquiryForm { max-width: 512px; margin: 0 auto; margin-bottom: 2.5em } #quickEnquiryForm legend { text-align: center; text-transform: uppercase; border: none; } #quickEnquiryForm label { display: none; } #quickEnquiryForm li.validation { margin: 0 auto; margin-bottom: 1em; width: 304px; display: block; } #quickEnquiryForm li.submit .pure-button { width: 100%; } /* ENTRIES */ .entries { border-top: 1px solid #ddd; padding-top: 1.5em; } .entries li { padding-bottom: 1em; border-bottom: 1px solid #ddd; margin-bottom: 1em;} /*.entries li h3, .entries li h4 { text-transform: uppercase; }*/ .entries li div.entries-meta { margin-bottom: 0; } .entries li img.savethedate { float: right; width: 100px; height: auto; max-width: 20%; margin: 0 0 1em 1em; } .entries-reverse li span.image { float: left; } .entries li span.image img { float: left; max-width: 160px; } .entries-reverse li span.image img { float: right; } .entries-reverse li > div { float: right; } .entries-reverse li > div span.date { display: block; line-height: 1.6em; margin-bottom: 0.4em;} /* NEWS - GALLERY STYLE .entries-items .image { display: block; margin-bottom: .5em; } .entries-items h3 { font-size: 1.3em; line-height: 1.2em; } .entries-items .date { font-size: .8em; text-transform: uppercase; } .entries-items .entries-text p { margin-top: 0; } .entries-items .more { margin-bottom: 3em; } */ /* RESOURCES */ div.resources { margin: 1em 0 } div.resources div.item { font-size: 15px; margin: 1em 0; } div.resources div.item a, div.resources div.item img, div.resources div.item strong, div.resources div.item span { display: block; min-height: 50px; text-align: center; } div.resources div.item img { max-width: 100%; height: auto; margin: 0 auto; margin-bottom: .5em; } div.resources div.item a strong div.resources div.item a span { min-height: 56px; color: #069; text-align: center; } div.resources div.item a:hover strong, div.resources div.item a:hover span { color: #002d6f } div.resources div.item a span.ivc { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; display: block; max-width: 100%; max-height: 100%; width: 187px; margin-bottom: .5em } div.resources div.item a span.ivc img { margin: 0 auto; width: 100%; height: auto; } div.resources div.item div.resources_video { margin: 0 auto; text-align: center; max-width: 100%; width: 320px;} div.resources div.item div.resources_video span.title { display: block; margin-top: .5em; } .aside-nav { margin: 10px auto; margin-bottom: 30px; border: 1px solid #C9DCE9; padding: 5px 15px; width: 98%; max-width: 98%; list-style-type: none; } .aside-nav li { line-height: 1.6em; border-bottom: 1px solid #C9DCE9; width: 100%; padding: 10px 0; } .aside-nav li:nth-last-child(1) { border-bottom: none; } .aside-nav li a { color: #666; text-transform: uppercase; font-weight: 400; font-size: 1em} .aside-nav li a.active { color: #333;} .aside-nav li a:hover { color: #002d6f } /* USER DOWNLOADS */ #downloaded-other { margin-top: 1em; } .download_section { margin-bottom: 30px; } /* FOOTER */ #footer { background: #002d6f; } #footer .container-fluid { padding-top: 3em; padding-bottom: 3em; } #footer.condensed .container-fluid { padding-top: 2em; padding-bottom: 2em; } #footer a.follow { color: #fff; display: block; font-family: 'Playfair Display', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.5em; font-style: normal; letter-spacing: 0em; margin-top: 1em; } #footer a.follow span { padding-right: 5px; } #footer a.follow:hover { color: #7fa2ba; } #footer #footer-logo.center { margin-left: auto; margin-right: auto; display: block; text-align: center; } #footer strong { color: #fff; display: block; font-family: 'Playfair Display', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.5em; font-style: normal; font-weight: 400; letter-spacing: 0em; line-height: 1em; margin-bottom: 1em; } ul.footer-nav { font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 300; } ul.footer-nav li { width: 100%; padding: .2em 0; } ul.footer-nav li a { color: #fff; display: block; font-size: 1em; font-weight: 500; line-height: 1.4em; } ul.footer-nav li a:hover { color: #ec297b !important; } /* POST FOOTER */ #post-footer { font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; } #post-footer.alt { background: #002d6f; } #post-footer.alt .container-post-footer { color: #fff; padding-bottom: 1em; } #post-footer .container-post-footer { padding-top: 1em; padding-bottom: 1em; } #post-footer p, #post-footer ul { font-size: .8em; text-align: center; margin: 0.25em 0; } #post-footer p, #post-footer a, #post-footer ul.footer-nav li, #post-footer ul.footer-nav li a { border: none; color: #002d6f; } #post-footer.alt p, #post-footer.alt a, #post-footer.alt ul.footer-nav li, #post-footer.alt ul.footer-nav li a { color: #fff; } #post-footer a:hover, #post-footer ul.footer-nav li a:hover { color: #7fa2ba; } /* Constant Contact inline form (added via Javascript in framework php) */ .ctct-inline-form div.ctct-form-embed div.ctct-form-defaults { background-color: transparent !important; } .ctct-inline-form div.ctct-form-embed form.ctct-form-custom { margin: 0; /*max-width: none;*/ } .ctct-inline-form div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header { color: #fff; font-family: 'Playfair Display', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.5em; font-style: normal; font-weight: 400; letter-spacing: 0em; line-height: 1em; margin-bottom: 1em; } @media (min-width: 992px){ .ctct-inline-form div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header { font-size: 1.2em; } } .ctct-inline-form div.ctct-form-embed div.ctct-form-defaults { padding: 0; } .ctct-inline-form div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text { font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 1em; } .ctct-inline-form div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer { text-align: left; } /* Google Recaptcha v3 */ #ctct_recaptcha_0.g-recaptcha { display:none; } @media (max-width: 1199px) { #footer .container { padding-bottom: 1em; padding-top: 2em; } #footer div.row > div { margin-bottom: 2em; } } @media (max-width: 991px) { #footer-logo { display: block; width: 156px; clear: both; margin-left: auto; margin-right: auto; } #footer a.follow { padding: 0; margin-left: auto; margin-right: auto; } #post-footer a { display: inline-block; margin: 0 2px; } } @media (min-width: 992px) { #footer a.follow { font-size: 1.5em; } #footer strong { font-size: 1.2em; } ul.footer-nav li a { font-size: 1.1em; } } @media (min-width: 1200px) { } @media (min-width: 1400px) { } @media (min-width: 1600px) { #footer a.follow { font-size: 1.5em; } #footer strong { font-size: 1.2em; } ul.footer-nav li a { font-size: 1.1em; } } /* CONTENT */ /* #old-content .client-text blockquote { margin: 2em 0; margin-bottom: 1.5em; background: url('../img/ui/quotes.png') right bottom no-repeat; padding-right: 50px; line-height: 1.6em; } #old-content .client-text blockquote p { font-family: 'Playfair Display', Georgia, Times, Times New Roman, serif; font-size: 1.6em; font-weight: 400; color: #002d6f; background: url('../img/ui/quotes.png') 0 0 no-repeat; padding-left: 50px;} #old-content .client-text cite { font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; font-weight: 600; color: #7fa2ba; font-style: normal; padding: 0 50px; display: block; } #old-content .client-text blockquote > div { padding-bottom: .5em; } #old-content .client-text blockquote > div strong { color: #002d6f; } */ #old-content .client-text blockquote { /*clear: both;*/ background: url('../img/ui/quote_start.png') no-repeat scroll left top, url('../img/ui/quote_end.png') no-repeat scroll right bottom, #EDF2F5 none repeat scroll 0 0; font-size: 1em; line-height: 1.6em; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin: 2em 0; /*overflow: hidden;*/ padding: 3em 100px; } /* quote style 1 - smaller */ #old-content .client-text blockquote div { color: #002d6f; font-size: 1.2em; font-weight: 300; line-height: 1.6em; margin: 0 0 1em; } #old-content .client-text blockquote div + div { margin: 1em 0; } #old-content .client-text blockquote div:first-child:first-line { color: #002d6f; font-weight: 600; } #old-content .client-text blockquote div strong { color: #5f8aa9; font-size: 0.833em; font-weight: 600; } /* quote style 2 - larger */ #old-content .client-text blockquote p { background: none; color: #002d6f; font-family: 'Playfair Display', Georgia, Times, Times New Roman, serif; font-size: 1.6em!important; margin-top: 0; text-align: center; } #old-content .client-text blockquote p:last-child { margin-bottom: 0; } #old-content .client-text blockquote p strong { color: #5f8aa9; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: .625em; font-weight: 600; } @media (max-width: 991px) { #old-content .client-text blockquote { padding: 3em 5em; } } @media (max-width: 767px) { #old-content .client-text blockquote div img { display: block; float: none !important; margin: 1em auto !important; } } @media (max-width: 575px) { #old-content .client-text blockquote { padding: 4.5em 2em; } #old-content .client-text blockquote div { font-size: 1em; } #old-content .client-text blockquote p { font-size: 1.4em !important; } } /* hold off on clearing headings - client floats images to the right of multiple blocks of text */ /* #old-content .client-text h1, #old-content .client-text h2, #old-content .client-text h3, #old-content .client-text h4, #old-content .client-text h5, #old-content .client-text h6 { clear: both; }*/ #old-content .client-text > p > strong { font-family: 'Assistant', Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; color: #002d6f; font-size: 1.6em; line-height: 1.1em; margin-bottom: .5em; letter-spacing: .05em; text-transform: uppercase; } /* for sections/products/ pages style like a H2 */ #page-product #old-content .client-text > p > strong, #page-section #old-content .client-text > p > strong { font-size: 2em; } /* overrides */ #old-content .client-text > p > strong:first-child, #page-product #old-content .client-text > p > strong:first-child, #page-section #old-content .client-text > p > strong:first-child { display: block; margin-top: 1.2em; } #old-content .client-text > p.standfirst > strong, #page-product #old-content .client-text > p.standfirst > strong, #page-section #old-content .client-text > p.standfirst > strong { color: #666; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; letter-spacing: normal; text-transform: none; } #old-content .client-text > p > strong:before, #page-product #old-content .client-text > p > strong:before, #page-section #old-content .client-text > p > strong:before { content: ""; content: none; display: inline; margin-top: 0; } /*#old-content .client-text p:first-child, #page-product #old-content .client-text p:first-child, #page-section #old-content .client-text p:first-child { font-size: 1.2em; } #old-content .client-text p:first-child strong, #page-product #old-content .client-text p:first-child strong, #page-section #old-content .client-text p:first-child strong { color: #666; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; display: inline; font-size: 1em; letter-spacing: normal; text-transform: none; }*/ /* and fix for blockquotes affected by overrides */ #old-content .client-text blockquote p:first-child strong, #page-product #old-content .client-text blockquote p:first-child strong, #page-section #old-content #old-content .client-text blockquote p:first-child strong { color: #5f8aa9; font-size: .625em; font-weight: 600; } /* Large devices (Large desktops, more than 1199px) * /* No media query since this is the default in MM */ /* Medium devices (desktops, 1199px and down) */ @media (max-width: 1199px) { /*#search { display: block !important; }*/ #banner-outer { z-index: 3000;} /*#wrap { padding: 0 0 1.5em; }*/ #banner-outer ul.banner li span.text-wrap.text-indent, #banner-outer div.banner-item span.text-wrap.text-indent, div.fragment .indent, #wrap .indent { padding: 0; } #fragments .fragment_wysiwyg_left .client-text { padding-left: 0; } #fragments .fragment_wysiwyg_right .client-text { padding-right: 0; } #products .product-item .item-image img { margin-bottom: 1em} } /* Small devices (tablets, 991px and down */ @media (max-width: 991px) { #header { position: relative; top: auto; } #header #logo { background-image: url('../img/ui/logo_blue.png') !important; float: none; margin: 0 auto; } #top-nav ul.level1 { display: none; } #wrap { padding: 0 0 1.5em; } #fn-brands ul.footer-nav li { width: auto; display: inline-block; vertical-align: top; margin-right: 20px; } #fragments .fragment .fragment_table { height: 100%; } #fragments .fragment .fragment_table .fragment_table_d { padding: 0; } #fragments .fragment_wysiwyg_left .fragment_image, #fragments .fragment_wysiwyg_right .fragment_image { display: none; } #fragments .fragment_wysiwyg, #fragments .fragment_wysiwyg_left, #fragments .fragment_wysiwyg_right { min-height: inherit; padding: 1.5em 0 1em; } #fragments .fragment_quote { padding: 1em 0 1.5em;} #fragments .fragment_quote .quote-outer { background-size: 32px 25px; padding-right: 50px; } #fragments .fragment_quote blockquote { font-size: 1.3em; background-size: 32px 25px; padding-left: 50px; } #fragments .fragment_quote cite { font-size: .833em;} #fragments .fragment_quote_small blockquote { font-size: 1.1em } #fragments .fragment_quote_small cite { font-size: .833em; padding-left: 50px; } #fragments div.fragment_spacer { height: 1em } p.standfirsti { padding: 0; } .client-text cite { padding: 0; } #becomeADealerForm, #quickEnquiryForm { margin-top: 1em; margin-bottom: 1.5em; max-width: 100%; } } /* Extra Small devices (mobiles, 767px and down) */ @media (max-width: 767px) { #subbanner_strap #subbanner_wrapper a.oc-prev, #subbanner_strap #subbanner_wrapper a.oc-next { display: none; } #fragments .fragment_quote .quote-outer { background-size: 24px 16px; padding-right: 34px; } #fragments .fragment_quote blockquote { background-size: 24px 16px; padding-left: 34px; } #fragments .fragment_quote cite {padding-left: 34px; } } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { #products .product-item { margin-bottom: 5.25em; } #products .product-item span.item-image, #products .product-item span.item-text-outer { float: none; display: table-cell; vertical-align: middle; } /*#products .product-item span.item-image { padding-right: 50px; } #products .product-item span.item-image.col-md-push-6 { padding-left: 50px; padding-right: 0; }*/ /*#products .product-item span.item-text-inner { padding-left: 35px; } #products .product-item .col-md-pull-6 span.item-text-inner { padding-left: 0; padding-right: 35px; }*/ span.item-text-outer.col-xs-12.col-md-6 { padding-left: 25px; padding-right: 15px; } span.item-image.col-xs-12.col-md-6 { padding-left: 15px; padding-right: 15px; } span.item-text-outer.col-xs-12.col-md-6.col-md-pull-6 { padding-left: 15px; padding-right: 25px; } span.item-image.col-xs-12.col-md-6.col-md-push-6 { padding-right: 15px; padding-left: 15px; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* MEDIUM DEVICES ONLY */ @media only screen and (min-width: 992px){ } /* LARGE DEVICES ONLY */ @media only screen and (min-width: 1200px) { #banner-outer.short div.clip { max-height: 420px; overflow: hidden; } #banner-outer.extra_short div.clip { max-height: 350px; overflow: hidden; } } /* EX-SMALL, SMALL, MEDIUM DEVICES */ @media only screen and (max-width: 1199px) { #banner-outer ul.banner li span.text-wrap, #banner-outer div.banner-item span.text-wrap, #banner-outer.short ul li span.text-wrap, #banner-outer.short div.banner-item span.text-wrap { padding: 0; padding-top: 80px; } } /* MEDIUM DEVICES ONLY */ @media only screen and (min-width: 992px) and (max-width: 1199px){ } /* EX-SMALL & SMALL DEVICES */ @media only screen and (max-width: 991px) { #banner-outer ul.banner li span.text-wrap, #banner-outer div.banner-item span.text-wrap, #banner-outer.short ul li span.text-wrap, #banner-outer.short div.banner-item span.text-wrap { padding: 0; } #banner-outer ul.banner li span.text-outer, #banner-outer div.banner-item span.text-outer { background: #002d6f; padding: 20px 0;} #banner-outer ul.banner li span.text-wrap strong.title, #banner-outer div.banner-item span.text-wrap strong.title { color: #FFF !important; } #banner-outer div.banner-item span.text-wrap { padding-top: 0; } #banner-outer div.banner-item span.text-outer { position: relative; bottom: auto; } #banner-outer ul.banner li.no_img span.text-outer, #banner-outer div.banner-item.no_img img { display: none; } #banner-outer ul.banner li span.text-wrap strong.title, #banner-outer div.banner-item span.text-wrap strong.title {font-size: 2.6em; } #banner-outer ul.banner li span.text-wrap strong.title, #banner-outer div.banner-item span.text-wrap span.text {font-size: 1.4em;} #banner-outer .bx-controls { display: none; } } /* SMALL DEVICES ONLY */ @media only screen and (min-width: 768px) and (max-width: 991px) { } /* EX-SMALL ONLY */ @media only screen and (max-width: 767px) { }