@charset "UTF-8"; /* colors Blue:       #255bab Lgt Blue:   #e3e9f1 Drk Blue:	#16377b Gry Blue:	#94a1b6 Orange:		#cb3b14 Drk Orange:	#892309 */ /*********************************************************************************************** ************************************************************************************************ ************************************************************************************************ GENERAL INTERFACE LAYOUT ************************************************************************************************ ************************************************************************************************ *******************************/ body.admin-bar #header-group.is_stuck { margin-top: 32px;} *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} html, body { font-size: 16px; line-height: 1.5; font-weight: 400; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; color: #222; margin: 0; padding: 0; scroll-behavior: smooth;} main {display: block;} header:after, nav:after, section:after, article:after, footer:after, .inner:after, .row:after, .clearfix:after, #header-group:after, .wrapper:after { content: ""; display: table; clear: both;} #wrapper { width: 100%; position: relative;} .inner { max-width: 1366px; margin: 0 auto; padding: 0 40px; position: relative;} .inner-wider { min-width: 1000px;} .inner.slim { text-align: center; max-width: 740px;} /*HEADER---------------------------------------------*/ #header-group { z-index: 900; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: fixed; width: 100%; height: 200px; -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3); background-color: #FFF;} #header-group.is_stuck { height: 141px;} #header { overflow: hidden;} .header-logo { float: left; height: 109px; background-image: url(../png/logo.png); background-repeat: no-repeat; background-position: left center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: 100%;} .header-logo-mobile { padding-top: 0;} #header-group.is_stuck .header-logo { height: 70px;} .header-logo a { display: block; width: 324px; height: 100px; text-decoration: none;} #header-group.is_stuck .header-logo a { width: 220px; height: 70px;} .header-cta { font-size: 1.094em; /*17.5/16*/ line-height: 1.1; color: #d13f00; font-weight: 700; float: right; text-align: right; text-transform: uppercase; padding-top: 20px;} .header-cta a.tel { color: #d13f00; font-size: 2.171em; /*38/17.5*/ display: block;} #header-group.is_stuck .header-cta { padding-top: 12px; font-size: 1em;} #header-group.is_stuck .header-cta span { display: none;} #top-row { background-color: #e3e9f1; padding: 9px 0 0; line-height: 1.2; font-weight: 700; text-transform: uppercase; font-size: 0.938em; /*15/16*/ height: 40px; width: 100%; color: #255bab; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #top-row:after { content: ""; display: table; clear: both;} #header-group.is_stuck #top-row { height: 30px; padding-top: 5px;} ul.header-contacts { margin: 0; padding: 0; float: left; width: 375px;} ul.header-contacts li { display: inline-block; list-style: none; padding: 0 15px 0 0;} ul.header-contacts li a { font-weight: 700; text-decoration: none; color: #255bab; margin-left: 4px;} ul.header-contacts li a:hover { color: #255bab;} ul.header-contacts li .fas { margin-right: 5px;} #top-row-nav { float: right; width: calc(100% - 375px); text-align: right;} #top-row-nav ul, #top-row-nav ul li { padding: 0; margin: 0; list-style: none;} #top-row-nav > ul { overflow: hidden; padding: 0; margin: 0; list-style: none;} #top-row-nav > ul > li { list-style: none; line-height: 1.2; padding: 0 10px 0; margin: 0; display: inline-block;} #top-row-nav > ul > li:last-child { padding-right: 0;} #top-row-nav ul > li > a { color: #255bab; display: block; text-decoration: none;} #top-row-nav > ul > li.menu-item-has-children > a { background-image: url("../png/nav-arrow.png"); background-repeat: no-repeat; background-position: right 4px; padding: 0 20px 0 0;} #top-row-nav > ul > li:hover > a { color: #16377b;} #top-row-nav ul > li.menu-item-has-children:hover > a {} /*Sub Menus------------------------------------------*/ #top-row-nav ul.sub-menu { display: none; position: absolute; z-index: 100; width: 200px; font-size: 0.867em; /*13/15*/ line-height: 1.2; text-align: left; padding: 5px 0 8px;} /*First Tier-------------*/ #top-row-nav > ul > li > ul.sub-menu { background-color: #255bab;} #top-row-nav > ul > li:hover > ul.sub-menu { display: block; margin-left: -15px;} #top-row-nav > ul > li > ul.sub-menu > li { padding: 6px 15px; display: inline-block;} #top-row-nav > ul > li > ul.sub-menu > li > a { color: #FFF;} #top-row-nav > ul > li > ul.sub-menu > li:hover > a { color: #e3e9f1;} /*main nav-------------*/ #nav-bar { background: #004386; background: -moz-linear-gradient(top, #004386 0%, #004f99 21%, #085eaa 96%, #085eaa 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #004386), color-stop(21%, #004f99), color-stop(96%, #085eaa), color-stop(100%, #085eaa)); background: -webkit-linear-gradient(top, #004386 0%, #004f99 21%, #085eaa 96%, #085eaa 100%); background: -o-linear-gradient(top, #004386 0%, #004f99 21%, #085eaa 96%, #085eaa 100%); background: -ms-linear-gradient(top, #004386 0%, #004f99 21%, #085eaa 96%, #085eaa 100%); background: linear-gradient(to bottom, #004386 0%, #004f99 21%, #085eaa 96%, #085eaa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004386', endColorstr='#085eaa', GradientType=0);} #nav { height: 50px; background-position: left center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #nav:after { content: ""; display: table; clear: both;} #header-group.is_stuck #nav { height: 40px;} #nav ul, #nav ul li { padding: 0; margin: 0; list-style: none;} #nav > ul { overflow: hidden; padding: 0; margin: 0; list-style: none;} #nav > ul > li { float: left; list-style: none; line-height: 1.2; padding: 0; margin: 0; border-left: 1px solid #004286; border-right: 1px solid #1265b1;} #nav ul > li > a { color: #FFF; display: block; padding: 14px 15px 10px; text-decoration: none; font-weight: 700; height: 50px; text-transform: uppercase;} #header-group.is_stuck #nav ul > li > a { height: 40px; padding-top: 10px;} #nav > ul > li.menu-item-has-children > a { background-image: url("../png/nav-arrow-white.png"); background-repeat: no-repeat; background-position: right 10px top 18px; padding-right: 30px;} #header-group.is_stuck #nav > ul > li.menu-item-has-children > a { background-position: right 10px top 13px;} #nav > ul > li:hover > a { color: #fff; background-color: #002765;} #nav ul > li.menu-item-has-children:hover > a { color: #fff; background-color: #002765; background-image: url("../png/nav-arrow-white.png");} /*Sub Menus------------------------------------------*/ #nav ul.sub-menu { display: none; position: absolute; z-index: 100; width: 325px; line-height: 1.2; font-size: 0.938em; /*14/16*/ text-transform: none; -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3); padding: 15px;} /*First Tier-------------*/ #nav > ul > li > ul.sub-menu { background-color: #002765;} #nav > ul > li:hover > ul.sub-menu { display: block;} #nav > ul > li > ul.sub-menu > li { padding: 6px 6px 6px 18px; margin: 0; background-image: url("../png/arrow.png"); background-repeat: no-repeat; background-position: left 7px; height: auto;} #nav > ul > li > ul.sub-menu > li > a { color: #FFF; text-transform: none; font-weight: 400; padding: 0; height: auto;} #header-group.is_stuck #nav > ul > li > ul.sub-menu > li > a { height: auto; padding-top: 0;} #nav > ul > li > ul.sub-menu > li:hover > a { color: #71a5e5;} /*Second Tier-------------*/ #nav > ul > li > ul.sub-menu > li { position: relative;} #nav > ul > li > ul.sub-menu > li > ul.sub-menu { top: 0px; right: -200px; background-color: #0e65a0;} #nav > ul > li > ul.sub-menu > li:hover > ul.sub-menu { display: block;} #nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a { color: #fff;} #nav > ul > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { /*background-color:#f4d584;*/ color: #0e65a0;} /*TOUCH STYLES----------------------------------*/ .touch-device #NavMenu > li.menu-item-has-children > a:hover { /*remove hover style for touch*/ background-color: transparent; color: #fff;} .touch-device #NavMenu > li.menu-item-has-children:hover { /*remove hover style for touch*/ background-color: transparent; color: #FFF;} .touch-device #NavMenu > li.menu-item-has-children.active > a { /*in place of hover style*/ color: #000; background-color: #ffa201;} .touch-device #NavMenu > li.menu-item-has-children:hover > ul.sub-menu { /*remove hover style for touch*/ display: none;} .touch-device #NavMenu > li.menu-item-has-children.active > ul.sub-menu { display: block;} .touch-device #nav > ul > li > ul.sub-menu > li > ul.sub-menu { top: 0px; right: auto; position: relative; display: block !important; background: #0e65a0;} .touch-device #nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:before { content: "- ";} #nav .sub-menu-columns ul.sub-menu { width: 800px; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;} #nav .sub-menu-columns ul.sub-menu li { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ 
	break-inside: avoid-column; /* IE 11 */} /*CONTENT---------------------------------------------*/ #content { position: relative; padding: 230px 0 20px; min-height: 300px;} #content.notoppad { padding-top: 200px;} #content.nobottompad { padding-bottom: 0;} /*FOOTER---------------------------------------------*/ #footer { position: relative; padding: 0; color: #689fe1;} #footer .copyright:before { content: ""; display: table; clear: both;} #footer .copyright { font-size: 0.875em; /*14/16*/ padding: 10px 0 80px; color: #255bab; text-align: center;} #footer .copyright a { color: #255bab; text-decoration: none;} #footer .copyright a:hover { text-decoration: underline;} .addthis_inline_follow_toolbox { height: 38px; padding-top: 5px; overflow: hidden;} .addthis_inline_follow_toolbox p { display: none;} .footer-top { background-color: #003976; border-bottom: 1px solid #135ba0; border-top: 1px solid #ccd7e4; height: 18px;} .footer-bottom { border-top: 1px solid #003976; border-bottom: 1px solid #ccd7e4; padding: 30px 0 40px; background-color: #00183e;} .footer-top:after, .footer-bottom:after { content: ""; display: table; clear: both;} .footer-bottom .footer-left { width: calc(100% - 250px); float: left;} .footer-bottom .footer-right { width: 230px; text-align: right; float: right; padding: 0; margin: 0;} .address { font-size: 1.125em; /*18*/ line-height: 1.2; color: #689fe1;} .footer-cta { font-size: 1.094em; /*17.5/16*/ line-height: 1.1; color: #fff; font-weight: 700; text-transform: uppercase; padding-bottom: 20px;} .footer-cta a.tel { color: #fff; font-size: 2.171em; /*38/17.5*/ display: block;} .footer-cta .telText { font-size: 0.91em;} .flexRow { padding-top: 20px; color: #255bab; justify-content: space-between; display: flex; flex-direction: row; max-width: 600px; margin: 0 auto;} #menu-footer-menu > li { background-image: url(../png/arrow.png); background-repeat: no-repeat; background-position: -6px 6.5px; position: relative; padding-left: 13px;} /*MOBILE HEADER---------------------------------------------*/ .mobile-header { display: none; height: 80px; position: fixed; width: 100%; z-index: 1000; top: 0; text-align: center; background-color: #fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4);} .mobile-header .logowrap { margin: 0 auto; padding: 0 0 0 5px;} .mobile-header .logowrap .header-logo { margin-top: 0 !important; position: relative; bottom: 11px;} .mobile-header .logowrap .header-logo a { width: 200px;} .mobile-header .logowrap-horizontal { margin: 0 auto; max-width: 172px; padding: 4px 0 0 5px; float: left;} ul.mobile-header-phone-numbers { float: right; clear: right; font-size: 12px; color: #000; margin: 20px 0 0; padding: 0; list-style: none; line-height: 1.4;} ul.mobile-header-phone-numbers li { display: inline-block; margin: 0 10px 0; text-align: center;} ul.mobile-header-phone-numbers li a { display: block; font-size: 16px; color: #eb1c24; font-weight: 700;} ul.mobile-header-phone-numbers li a:hover { color: #222;} .mobile-header .header-cta{ font-size: 0.794em; padding-right: 12px;} .ToggleMenu.Open, .headerCall { width: 50px; height: 50px; background-repeat: no-repeat; margin: 15px 10px 0; background-color: #255bab;} .ToggleMenu.Open { float: left; background-image: url("../png/open-menu-button.png");} .ToggleMenu.Open:hover { background-color: #333;} .headerCall { float: right; background-color: #0c60a9; background-image: url(../contact-icon.html); background-position: center center; display: none;} .headerCall:hover { background-color: #D95E55;} .ToggleMenu.Close, .ToggleSubMenu.Close, .ToggleRight.Close { width: 50px; height: 50px; padding: 10px; background-image: url("../png/close-menu-button.png"); background-repeat: no-repeat;} .ToggleMenu.Close { float: right;} .ToggleSubMenu.Close, .ToggleRight.Close { float: left;} /*Side Menu WP---------------------------------------------------------*/ #sidemenu ul#SideMenu {} #sidemenu { clear: both; background-color: #16377b;} .sidr ul li ul li { line-height: 1.8 !important; font-size: 13px !important;} #sidemenu > ul { border: none !important; margin-top: 55px; /* margin-top: 15px;*/ margin-bottom: 0;} #sidemenu > ul > li { border-top: none !important; /*border-bottom:1px solid #7f442f;*/} #sidemenu .sub-menu { border: none !important;} #sidemenu ul > li > a { padding-left: 30px !important;} #sidemenu ul > li > a:hover { background-color: #255bab; color: #FFF;} #sidemenu .sub-menu li a { padding: 5px 15px;} /*menu-item-has-children*/ /*Firt tier with sub-menu---------------------*/ #sidemenu > ul > li.menu-item-has-children > a { background-image: url(../png/sidelinks-expand.png); background-repeat: no-repeat; background-position: left 6px;} #sidemenu > ul > li.menu-item-has-children.active > a { background-image: url(../png/sidelinks-close.png); background-color: #255bab !important;} /*Second Tier-------------------------------*/ #sidemenu > ul > li > ul.sub-menu { display: none; background-color: #255bab; border-top: none;} #sidemenu > ul > li > ul.sub-menu > li { border-top: none;} #sidemenu > ul > li > ul.sub-menu > li > a {} #sidemenu > ul > li > .sub-menu > li:hover > a { background-color: #3078e3; color: #fff;} /*Third Tier-------------------------------*/ #sidemenu > ul > li > ul.sub-menu > li > ul.sub-menu { border-top: none; margin-bottom: 20px;} #sidemenu > ul > li > ul.sub-menu > li > ul.sub-menu > li { border-top: none;} #sidemenu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 45px !important; padding: 0px 10px 0px 45px !important;} #sidemenu > ul > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { background-color: #EEE; color: #333;} #sidemenu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:before { content: "- ";} .sub-menu li:hover { border: none !important; /*background-color: #EEE !important;*/} /* Other */ #nav .search-cta-link { float: right !important; background-color: #cb3a13 !important; border-left: 1px solid #004286 !important;} #nav .search-cta-link a { border-left: 1px solid #1265b1 !important; border-right: 1px solid #1265b1 !important;} /*Side Menu other links/small menu----------------*/ .smallmenu { text-align: left; font-size: 0.867em; border: none !important; margin-top: 0 !important;} .smallmenu li { padding: 0; line-height: 42px !important; border: none !important;} .smallmenu li a { padding: 0 0 0 35px !important;} /*Side Menu cta---------------*/ .mobile-menu-call { font-weight: 700; background-color: #820202; color: #FFF; text-align: center; padding: 5px; font-size: 20px; margin-top: 55px; font-family: 'Oswald', sans-serif;} .mobile-menu-call a { color: #FFF; text-decoration: none;} /* FILTER STYLES */ .sf-level-0 { font-size: 15px; line-height: 20px; padding-top: 2px !important; padding-bottom: 2px !important; position: relative;} .sf-input-checkbox { position: absolute; top: 3px; left: 3px;} .sf-field-submit > input { background-color: #CB3B14; color: white; border: none; border-radius: 5px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; width: 100px; height: 40px; font-size: 18px; justify-content: center; text-align: center; padding-bottom: 10.8px;} /*********************************************************************************************** ************************************************************************************************ ************************************************************************************************ GENERAL STYLES ************************************************************************************************ ************************************************************************************************ ***********************************************************************************************/ a { outline: none; cursor: pointer; color: #055faa; transition: all 0.5s ease;} a:visited { color: #16377b;} a:hover { color: #d13f00;} a:hover, a:active, a:focus { outline: 0;} a.tel { white-space: nowrap; text-decoration: none;} p, h1, h2, h3, h4, h5, h6 { margin: 0 0 24px 0; padding: 0;} img { max-width: 100%; border: none; height: auto;} form { margin: 0px; padding: 0px;} input, textarea, select, option { font-size: 1em; resize: none; outline: none;} input, textarea, select { border: 1px solid #CCC; padding: 5px; margin: 2px;} input.formBoxWide, textarea.formBoxWide { width: 98%;} sup { font-size: 0.571em; /* 8 */} ul, ol { margin: 0 0 24px 12px; padding: 0 0 0 12px;} ul ul, ol ol { margin: 10px 0 0 12px; padding: 0 0 0 12px;} ul li { list-style: disc; margin: 0 0 0 2px; padding: 0 0 10px 2px;} ol li { margin: 0 0 0 2px; padding: 0 0 10px 2px;} ul.list-notopspace, ol.list-notopspace { margin-top: -24px;} ul.list-two-col { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px;} ul.list-two-col li { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */} ul.list-two-col:after { content: ""; display: table; clear: both;} .footerHr { max-width: 1290px; width: 100%; border-color: #223c74; background-color: #223c74; color: #223c74; border-style: solid; height: 1px; margin: 10px auto 30px;} .max1000 { max-width: 1320px; width: 100%; margin: 0 auto;} ul.list-six-col-footer { -moz-column-count: 6; -moz-column-gap: 40px; -webkit-column-count: 6; -webkit-column-gap: 40px; column-count: 6; column-gap: 40px; padding: 0; margin: 0;} ul.list-six-col-footer li { list-style: none; -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ padding: 5px 0; margin: 0; line-height: 1.1 !important;} ul.list-six-col-footer li a { color: #80a2e1; text-decoration: none; font-size: 0.938em;} 
ul.list-six-col-footer li a:hover { color: #FFF;} ul.list-six-col-footer:after { content: ""; display: table; clear: both;} iframe { border: none;} img.alignleft { float: left; margin: 0 40px 30px 0;} img.alignright { float: right; margin: 0 0 30px 40px;} img.aligncenter { margin: 20px auto; display: block;} img.border, .border { border: 4px solid #ccc;} img.circle-img { border-radius: 50%; max-width: 100%; max-height: 100%; -webkit-shape-outside: circle(50%); shape-outside: circle(50%); shape-margin: 20px; border: 4px solid #bdc8d9;} .hoverImg:hover, a.hoverImg:hover, a.hoverImg img:hover, input.hoverImg:hover { -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65;} hr { background-color: #e3e9f1; margin: 0 auto 34px; height: 4px;} hr.hr-shorty { max-width: 80px;} /***btns***/ a.btn, input.btn { cursor: pointer; text-decoration: none; display: inline-block; padding: 8px 30px 10px; font-weight: 700; color: #FFF; background: #cb3b14; border: none; line-height: 1.2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-transform: uppercase; letter-spacing: 2px;} a.btn:hover, input.btn:hover { color: #FFF; background: #255bab;} a.home-btn { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 95%; bottom: 15px;  padding: 8px 10px 10px; letter-spacing: 1px;} a.btn.alt, input.btn.alt, a.btn.lrg, input.btn.lrg { background: #255bab;} a.btn.alt:hover, input.btn.alt:hover, a.btn.lrg:hover, input.btn.lrg:hover { background: #16377b;} a.btn.lrg, input.btn.lrg { text-align: center; padding: 15px 20px; font-size: 1.375em; /*22/16*/}  /* classes */ h1, .title { line-height: 1.2; font-size: 1.875em; /*30*/ font-weight: 700; color: #255bab; border-bottom: 4px solid #e3e9f1;} h1 a.tel, .title a.tel, h1 a, .title a { color: #255bab; text-decoration: none;} h1 a:hover, .title a:hover { color: #16377b;} h2, .subtitle { line-height: 1.2; font-size: 1.500em; /*24*/ font-weight: 700; color: #16377b;} h2 a.tel, .subtitle a.tel { color: #16377b;} h3 { font-size: 1.500em; /*24*/ line-height: 1.2; font-weight: 700; color: #91a2b9; text-transform: uppercase;} h3 a.tel { color: #91a2b9;} h4, .subtitle2 { line-height: 1.2; font-size: 1.500em; /*24*/ color: #055faa; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;} h4 a.tel, .subtitle2 a.tel { color: #055faa;} h5, .closing-title { font-weight: 700; text-transform: uppercase; line-height: 1.2; font-size: 1.375em; /*22/16*/ color: #cb3b14; margin-top: 40px;} .category-left h5, .category-left .closing-title { margin-top: 0;} h5 a.tel, .closing-title a.tel { color: #cb3b14; text-decoration: none;} h6 { font-size: 1.125em; /*18*/ color: #255bab;} .products-template-default h6 { color: #222;} .alertTxt, .alertTxt a { color: #F00;} .largeTxt { font-size: 1.200em;} .smallTxt { font-size: 0.800em;} .txt-color, #content p.txt-color, #content p.txt-color a, .txt-color a { color: #cb3b14;} .uppercase { text-transform: uppercase;} .horizontal, .horizontalClear { margin: 0px; padding: 0px 0px 5px; width: auto; border-top: 1px dotted #CCC;} .horizontalClear { clear: both;} .nowrap, .tel { white-space: nowrap;} .tel { display: inline-block;} a.tel { text-decoration: none; color: #222;} .floatRight { float: right;} .floatLeft { float: left;} .align-left { text-align: left;} .align-right { text-align: right;} .align-center { text-align: center;} .forcebr { display: block;} .noforcebr .forcebr { display: inline;} .circleNumber { background-color: #0c60a9; display: block; float: left; margin-right: 10px; margin-top: -4px; width: 36px; height: 36px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; color: #FFF; line-height: 1.1; text-align: center; padding: 4px;} .circled { border-radius: 50%; max-width: 100%; max-height: 100%; border: 8px solid #eb2836;} .circled, .shape { -webkit-shape-outside: circle(50%); shape-outside: circle(50%); shape-margin: 20px} .mobile-only { display: none !important;} .indent { margin: 0 5%;} .addthis_inline_share_toolbox { float: right;} .addthis_default_style { display: flex; flex-direction: row; justify-content: space-around; position: relative; left: 13px;} /*quote box*/ .quotebox { background-color: #EEE; border: 1px solid #CCC; padding: 14px; margin: 10px auto 20px;} .quotebox .author { font-style: italic; text-align: right; display: block;} .quotebox.floatRight, .quotebox.floatLeft { width: 40%;} .quotebox.floatRight { margin: 10px 0 20px 25px;} .quotebox.floatLeft { margin: 10px 25px 20px 0;} .shadowed { -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.4);} /************ allow video & maps to resize  **************/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} .embed-container.embed-square { padding-bottom: 80.25%;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .loading { background-image: url("../gif/preloader.gif"); background-repeat: no-repeat; background-position: center center;} /* TO CLEAR FLOATS */ .brclear { clear: both; height: 0; margin: 0; font-size: 5px; line-height: 0px;} /*HOME*/ #slider { height: 300px; background-color: #FFF; position: relative; overflow: hidden; width: 100%; margin: 0; background-image: url("../gif/preloader.gif"); background-repeat: no-repeat; background-position: center center;} #slider .inner { height: 300px; position: relative;} #slider .royalSlider { width: 100%; height: 300px;} #slider .rsDefault, #slider .rsDefault .rsOverflow, #slider .rsDefault .rsSlide, #slider .rsDefault .rsVideoFrameHolder, #slider .rsDefault .rsThumbs { background-color: #07182a;} #slider .home-banner-slide { background-size: cover;} #slider .rsBullets { background: none; bottom: 10px;} #slider .rsBullet { height: 16px;} #slider .home-banner-content { padding: 50px 0 0; max-width: 680px; margin: 0;} #slider h1, #slider h2 { margin-bottom: 10px; font-size: 2.250em; /*36*/ font-weight: 700; color: #fff; text-transform: uppercase; border-bottom: none;} #slider p { color: #fff; font-size: 1.500em; /*24/16*/ line-height: 1.2; font-weight: 400; margin-bottom: 30px;} #slider .btn { background-color: #cb3b14; color: #FFF;} #slider .btn:hover { background-color: #255bab; color: #FFF;} .block { display: block; padding: 40px 0; margin: 40px 0;} .block:after { content: ""; display: table; clear: both;} .block.intro { padding: 0; text-align: center; font-size: 1.375em; /*22*/} .stylized-heading, h2.stylized-heading { font-size: 1.500em; /*24*/ text-transform: uppercase; font-weight: 900; letter-spacing: 2px;} .block.intro h2.stylized-heading { font-size: 1.091em; /*24/22*/} .stylized-heading .stylized-heading-line { display: inline-block; border-left: 1px solid #90b7e6; border-right: 1px solid #90b7e6; padding: 12px 16px;} .stylized-heading .stylized-heading-noline { padding: 12px 10px; display: inline-block;} .home-cta { font-size: 0.909em; /*22/24*/ line-height: 1.2; max-width: 695px; margin: 50px auto 10px; text-align: right;} .home-cta .cta-img { float: right; margin: 0 40px; max-width: 176px;} .home-cta .cta-img img { margin: 0 auto;} .home-cta p { margin-bottom: 15px;} .home-cta .btn { font-size: 0.727em; /*16/22*/ padding: 8px 20px 10px;} .home-cta-title { color: #892309; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; line-height: 1.1;} .home-cta-title span { display: block; color: #cb3b14; font-size: 1.364em; /*30/22*/} .block.video { background-color: #0c60a9; background-image: url("../jpg/bkgd-blue.jpg"); background-size: cover; background-position: center center; font-size: 1.500em; /*24*/ color: #fff;} .block.video h2, .block.video h3, .block.video h4 { color: #86beff; font-size: 1.500em; /*36/24*/ letter-spacing: 2px; margin-top: 30px; text-transform: none;} .block.blog { padding: 20px 0 0;} .block.blog h3 { font-size: 1.750em; /*28/16*/ line-height: 1.2; font-weight: 700; text-transform: uppercase;} .jcarousel-wrapper.logos { background-color: #e3e9f1; padding: 40px 0;} body.home .jcarousel-wrapper.logos { padding: 15px 0 40px;} .jcarousel-wrapper.logos p { text-align: center; margin: 0 auto; padding: 10px 0 20px; font-size: 1.375em; /*22*/} .jcarousel-wrapper.logos .jcarousel { background-color: #FFF; border: 4px solid #bdc8d9; min-height: 150px; padding: 20px 0;} .jcarousel-wrapper.logos .jcarousel img { padding: 0 15px;} .jcarousel-wrapper.logos .jcarousel-control-prev, .jcarousel-wrapper.logos .jcarousel-control-next { top: 25%;} body.home .jcarousel-wrapper.logos .jcarousel-control-prev, body.home .jcarousel-wrapper.logos .jcarousel-control-next { top: 50%;} .highlight-wrap { padding: 30px 0; display: flex; justify-content: space-around; flex-wrap: wrap;} .highlight-wrap.accessory, .highlight-wrap.industry-main { padding: 0;} .highlight-wrap.accessory .highlight{ flex: 1 0 21%; /* explanation below */ margin: 0 1% 40px; max-width: 46%;} .highlight-wrap.accessory .highlight img{ max-width: 200px;} .highlight { margin: 0 0 40px; border: 4px solid #e4ebf6; text-align: center; position: relative; flex-basis: 100%;} .highlight-wrap.industry-main .highlight { padding-bottom: 5px; font-weight: 700; flex-basis: 23%;} .highlight-content { padding: 18px 26px 50px; position: relative;} .highlight-wrap.accessory .highlight-content { padding: 10px; padding-bottom: 50px;} .highlight-content h3 { letter-spacing: normal; text-transform: none; font-size: 1.750em; /*28*/ font-weight: 700; color: #055faa; margin-bottom: 18px;} .highlight-wrap.accessory .highlight-content h3 { font-size: 1.250em; /*20*/} .highlight-content h3 a { color: #055faa; text-decoration: none;} .highlight-content h3 a:hover { color: #cb3b14;} .highlight-wrap a { text-decoration: none;} .highlight-content a.btn { padding-left: 12px; padding-right: 12px; letter-spacing: normal;} 
.highlight-wrap.accessory .highlight img { padding: 10px;} .highlight-wrap.accessory .highlight-content ul { margin-bottom: 0;} .highlight-wrap.accessory .highlight-content li { margin-bottom: 0; padding-bottom: 10px; text-align: left; line-height: 1.2; font-size: 0.875em; /*14*/} .highlight-wrap.industry-main .highlight img { padding: 0; margin: 0 auto 5px;} .highlight-wrap-home .highlight{ width: 30%; flex-basis: auto;} .highlight-wrap.accessory .accessory-img { min-height: 110px;} /**pages***/ .royalSlider { max-width: 100%;} .rsOverflow { max-width: 100%;} .rsContainer { max-width: 100%;} .gallery-slider { max-width: 640px; width: 100%; margin-bottom: 24px;} .gallery-slider img { width: 100%;} .industry .rsBullets { display: none;} .client-logos-wrap { text-align: center; display: flex; flex-wrap: wrap; margin: 0 -10px;} .client-logos-wrap:after { content: ""; display: table; clear: both;} .client-logo { margin: 0 1% 20px; color: #FFF; background-color: #fff; border: 1px solid #CCC; width: 18%; /*235/1286*/} .client-logo img { display: block; max-width: 100%; margin: auto; padding: 10px;} .mailing-list { max-width: 300px; margin: auto;} .mailing-list:after { content: ""; display: table; clear: both;} .widget-area .mailing-list{ margin: 15px auto 40px;} /**categories***/ .category-left { width: calc(100% - 620px); float: left;} .category-right { width: 580px; float: right;} .cta-block-solid { line-height: 1.2; margin: 20px auto; background-color: #cb3b14; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 15px;} .cta-block-solid .cta-img { float: left; margin: 0; width: 176px;} .cta-block-solid .cta-img img { margin: 0 auto; display: block;} .cta-block-solid .cta-txt { width: calc(100% - 200px); float: right;} .cta-block-solid p { margin-bottom: 15px;} .cta-block-solid a.btn { font-size: 0.813em; /*13/16*/ padding: 6px 15px 8px; border: 1px solid #FFF; background: none;} .cta-block-solid a.btn:hover { background-color: #FFF; color: #cb3b14;} .cta-title { color: #efb091; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; line-height: 1.1; margin-top: 5px; font-size: 1.125em; /*18*/} .cta-title span { display: block; color: #FFF; font-size: 1.333em; /*24/18*/} .section-title { text-align: center; margin: 40px 0; /*border-top: 20px solid #e4e8f0;*/ background-color: #e4e8f0; height: 20px; overflow: visible;} .stickyTitle { display: none;} .header-section-title { text-align: center; margin: 40px 0; margin-top: 0; /*border-top: 20px solid #e4e8f0;*/ background-color: #e4e8f0; height: 20px; overflow: visible; position: relative; top: 40px; /*	display: none;*/} .header-section-title-bg { background: white; height: 100px;} .section-title span { display: inline-block; color: #95a0b7; background-color: #FFF; font-weight: 900; text-transform: uppercase; line-height: 1; font-size: 1.875em; /*30*/ padding: 10px 15px; margin: -16px 0 0;} /**product list**/ .product-block-wrap:after { content: ""; display: table; clear: both;} .product-block-wrap { border: 10px solid #e4ebf6; padding: 5px; margin-bottom: 30px; background-color: white;} .product-block-wrap-header { border: 10px solid #e4ebf6; padding: 5px; margin-bottom: 30px; background-color: white; display: none; border-bottom: 1px solid #e4ebf6;} .product-block { border-top: 1px solid #e4ebf6; font-size: 0.938em; /*15*/ line-height: 1.3; padding: 8px 5px; display: flex; flex-wrap: nowrap; justify-content: space-between; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .product-block:hover { background-color: #eaeff9;} .product-block.block-title:hover { background-color: #fff;} .product-block.block-title { border-top: none; text-transform: uppercase; font-weight: 700; color: #94a1b6; line-height: 1;} .product-thmb, .product-title, .product-brightness, .product-resolution, .product-enclosure, .product-size, .product-aspect, .product-sale, .product-touchscreen { padding-top: 10px;} .block-title div { padding-top: 0;} .product-thmb { width: 14%; padding-top: 0;} .product-title, .product-brightness, .product-enclosure, .product-sale { width: 16%;} .product-size { width: 8%; text-align: center;} .product-aspect, .product-resolution, .product-touchscreen { width: 22%; text-align: center;} .product-thmb, .product-brightness { text-align: center;} .product-thmb img { max-height: 60px; width: auto; margin: auto;} .product-title h4 { font-size: 1.133em; /*17/15*/ letter-spacing: normal; text-transform: none; margin-bottom: 0;} .product-title a { text-decoration: none;} .product-sale, .product-sale-pg { color: #cb3b14; font-weight: 700;} .block-title .product-sale { color: #94a1b6;} .product-block ul { padding: 0; margin: 0;} .product-block li { padding: 0; margin: 0; list-style: none; display: inline-block;} .product-block li::after { content: ',\00a0'} .product-block li:last-child::after { content: ''} .accessory-block-wrap { display: flex; flex-wrap: wrap; justify-content: space-between;} .accessory-block { width: 32%; border: 10px solid #e4ebf6; padding: 20px;} /***product search***/ .no-result { padding: 20px; text-align: center; font-weight: 700; font-size: 1.375em; /*22*/ color: #255bab;} .searchandfilter li[data-sf-field-input-type=checkbox] label, .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=range-radio] label, .searchandfilter li[data-sf-field-input-type=range-checkbox] label { padding-left: 23px;} .sf-input-text{ width: 92%;} /**product detail***/ .product-left { width: calc(100% - 620px); float: left;} .product-right { width: 580px; float: right; position: relative;} .product-right img.aligncenter { margin-bottom: 0; margin-top: 0;} .product-right img { max-height: 400px; width: auto; position: relative;} .product-links {} .product-links .pdfprnt-buttons { display: inline-block;} .product-links .pdfprnt-buttons a { cursor: pointer; text-decoration: none; display: inline-block; padding: 8px 30px 10px; font-weight: 700; color: #FFF; background: #cb3b14; border: none; line-height: 1.2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-transform: uppercase; letter-spacing: 2px;} .product-links .pdfprnt-buttons a:hover { color: #FFF; background: #255bab;} .product-links .pdfprnt-button-title { padding: 0; vertical-align: inherit;} .product-links *{ padding-top: 10px;} .lineart { display: block; position: relative;} span.mag-glass { background-image: url(../png/magnify-glass.png); background-repeat: no-repeat; background-size: contain; width: 50px; height: 50px; position: absolute; left: 45%; top: 40%; opacity: .8; z-index: 99; display: block;} .product-left ul { margin-top: 32px;} .product-left ul li { line-height: 1.4; padding-top: 5px; padding-bottom: 5px;} #enlarge-image img { max-height: 600px; width: auto;} .product-tab { margin: 30px auto; padding: 0; border-bottom: solid 10px #e4ebf5; line-height: 1.2; font-size: 1.500em; /*24*/ color: #055faa; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;} .product-tab ul:after { content: ""; display: table; clear: both;} .product-tab ul { margin: 0; padding: 0;} .product-tab li { margin: 0; padding: 0; display: block; white-space: nowrap; list-style: none; float: left;} .product-tab li#tab1.on, .product-tab li#tab2.on, .product-tab li#tab3.on, .product-tab li#tab4.on { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #e4ebf5;} .product-tab a:link, .product-tab a:visited, .product-tab a:hover { float: left; margin: 0 0 -2px; padding: 20px 30px; text-decoration: none; white-space: nowrap; display: inline-block; color: #055faa; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px 2px 2px 2px; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; transition: background 300ms ease-out;} .product-tab a:hover { color: #16377b;} .product-tab li.on a:link, .product-tab li.on a:visited, .product-tab li.on a:hover { margin-bottom: -1px;} #specification_div { overflow-x: auto;} .spec-scroll { 	display: none; } /*form pages*/ #rfq-form { width: 50%; min-width: 580px;} @media (max-width: 600px) { #rfq-form {   min-width: auto;   width: 90%; }} .form-wrap { max-width: 700px;} /*FAQ PAGE*/ .questionBox { background-color: WhiteSmoke; border: 1px solid LightGray; padding: 10px; margin-bottom: 20px; color: red; width: 350px; max-width: 100%;} .answers span { margin-top: -180px; /* Size of fixed header */ padding-bottom: 180px; display: block;} /*FOR THE TEST PAGE*/ .mobileHeader { border-bottom: 1px solid #e4ebf6; display: none; margin-bottom: -80px;}  /*********************************************************************************************** ************************************************************************************************ ************************************************************************************************ GRID STYLES ************************************************************************************************ ************************************************************************************************ *******************************/ .gridrow { margin-left: -2.03252%; margin-right: -2.03252%; /*background-color:#333;*/} .gridrow.padded { /*for outside margins*/ margin-left: 0; margin-right: 0;} .gridrow.padVert { margin-top: 34px; margin-bottom: 34px;} /*Grid after only works with IE8+ */ .gridrow:after { content: ""; display: table; clear: both;} /**/ .lt-ie8 .gridrow { overflow: visible; _height: 1%;} /*.lt-ie8 .gridrow {  overflow: auto;  zoom: 1;  }*/ .gridcol { margin: 0 2.03252% 10px; /*20*/ float: left; overflow: visible; box-sizing: border-box;} .gridrow .gridrow .gridcol { /*background-color:#fff;*/} 
.one.gridcol { width: 4.26829%; /*42*/} .two.gridcol { width: 12.60162%; /*124*/} .three.gridcol { width: 20.93495%; /*206*/} .four.gridcol { width: 29.26829%; /*288*/} .five.gridcol { width: 37.60162%; /*370*/} .six.gridcol { width: 45.93495%; /*452*/} .seven.gridcol { width: 54.26825%; /*534*/} .eight.gridcol { width: 62.60162%; /*616*/} .nine.gridcol { width: 70.93495%; /*698*/} .ten.gridcol { width: 79.26829%; /*780*/} .eleven.gridcol { width: 87.60162%; /*862/984*/} .twelve.gridcol { width: 95.93495%; /*944/984*/} .gridrow.two-up .gridcol { width: 45.93495%; /*452*/} .gridrow.three-up .gridcol { width: 29.26829%; /*288*/} .gridrow.four-up .gridcol { width: 20.93495%; /*206*/} /*20px (10,10) Margin-------------------------------------------------------------*/ .gridrow.smallmargin { margin-left: -1.01626%; margin-right: -1.01626%;} .gridrow.smallmargin .gridcol { margin: 0 1.01626% 10px;} .gridrow.smallmargin .one.gridcol { width: 6.30081%;} .gridrow.smallmargin .two.gridcol { width: 14.63414%;} .gridrow.smallmargin .three.gridcol { width: 22.96747%;} .gridrow.smallmargin .four.gridcol { width: 31.30081%;} .gridrow.smallmargin .five.gridcol { width: 39.63414%;} .gridrow.smallmargin .six.gridcol { width: 47.96747%;} .gridrow.smallmargin .seven.gridcol { width: 56.30081%;} .gridrow.smallmargin .eight.gridcol { width: 64.63414%;} .gridrow.smallmargin .nine.gridcol { width: 72.96747%;} .gridrow.smallmargin .ten.gridcol { width: 81.30081%;} .gridrow.smallmargin .eleven.gridcol { width: 89.63414%;} .gridrow.smallmargin .twelve.gridcol { width: 97.96747%;} .gridrow.smallmargin.two-up .gridcol { width: 47.96747%;} .gridrow.smallmargin.three-up .gridcol { width: 31.30081%;} .gridrow.smallmargin.four-up .gridcol { width: 22.96747%;} /*END Margin-------------------------------------------------------------*/ .gridcol.right { float: right;} .gridcol img { max-width: 100%;} .gridcol.center { text-align: center;} .gridcol.imagefull img { width: 100%;} .push-six.gridcol { margin-left: 48.98373% !important; /*six plu the margin ercent*/} @media (max-width : 800px) { .tabletview.gridrow .gridcol {   width: 100% !important;   float: none;   margin-left: 0 !important;   margin-right: 0 !important; }} @media (max-width : 768px) { .gridcol {   width: 100% !important;   float: none;   margin-left: 0 !important;   margin-right: 0 !important; } .gridrow {   width: 100%;   margin-left: 0 !important;   margin-right: 0 !important; } .gridrow.padded .gridcol {   margin: 0 0 10px; }} /*Search Bar Header*/ .conditionalFlex { display: flex; flex-direction: row;} .productsContainer { position: -webkit-sticky; position: sticky; top: 80px; z-index: 90; margin-bottom: 10px;} .productsFlex { display: flex;} .filterDiv { background-color: #265bab; max-height: 300px; color: white; padding: 15px; overflow: scroll; margin: 0 auto; width: 100%; overflow-x: hidden;} .filterDivHidden { max-height: 60px; overflow-y: hidden;} .filterDiv .subFilterDiv { height: 40px; position: sticky;} .filterDiv p { font-size: 20px;} .filterDiv .filterTitle { float: left;} .filterDiv .filterClose { float: right;} .filterDiv form { margin: 0 auto; width: 250px;} .filterFormHidden { display: none;} .filterOpenButton { display: none; cursor: pointer;} .filterCloseButton { cursor: pointer;} .filterOpenButtonOpened { display: inline-block;} .filterCloseButtonClosed { display: none;} .searchandfilter ul {   margin-left: 0;   padding-left: 0;} .filterDiv h4{ color: white;} #product80{ height: 60px;} @media (max-width: 930px) { .productsFlex .mobileHeader {} .productsFlex .products20 {}} .tablepress .odd td { background-color: #E4EBF5 !important;} .percent80 { width: 80% !important;} /*ADDITIONAL IMAGES SECTION*/ .additionalImageFlex {   display: flex; justify-content: center;} .additionalImageFlex img{   width: 100px;   max-height: 75px; max-width: 100px; margin-right: 10px; cursor: pointer;} .mainImageBox{ height: 400px; } .wp-post-image{ cursor: pointer;} .mainImageBox .importantBlock{ display: block !important;} .fancybox-slide .importantBlock{ display: inline-block !important;} /*ACCESSORY PAGE*/ .drawing_div_accessory{ text-align: center;  max-width: 100%;  padding-right: 3%;  float: left;} .highlightAccessories{ padding: 5px; width: 275px; margin-left: 1%; margin-right: 1%; flex-basis: 275px;} .accessoriesFlex{ display: flex; flex-wrap:wrap; flex-direction: row;} .highlightAccessories .highlight-content{ padding-bottom: 0;} .highlightAccessories ul{ margin-bottom: 5px;     position: relative;   left: -15px; text-align: left;} .highlightAccessories h3{     letter-spacing: normal;   text-transform: none;   font-size: 1.350em;   font-weight: 700;   color: #055faa;   margin-bottom: 18px;} .accessoryImgContainer{ height: 150px;} .accessoryImgContainer a{   display: table-cell;   height: 150px;   width: 215px;   vertical-align: middle;} .highlightAccessories img{ margin: 0 auto;} .btn-accessory-container{ position: absolute; bottom: 10px; width: 100%; font-size: 0.875em; font-weight: 700; text-transform: uppercase;} .btn-accessory-container a{ color: #cb3b14;} .btn-accessory-container a:hover{ color: #255bab;}  a.btn-accessory{ text-align: center;} .back-btn { margin-top: 15px;} .back-btn a { font-size: 0.875em; font-weight: 700; text-transform: uppercase; color: #cb3b14; text-decoration: none;} .back-btn a:hover { color: #255bab;} .lineArtCaption{ margin-top: 20px; font-size: 18px;}.otherSections{ display: none; border: 10px solid #e4ebf6; border-top: 0px solid transparent; } .otherSections p{ padding: 0 10px;} .page-id-1397 .product-block-wrap, .page-id-1700 .product-block-wrap, .page-id-1703 .product-block-wrap{ border-bottom: 0px solid transparent; margin-bottom: 0; } .page-id-1397 .otherSections, .page-id-1700 .otherSections, .page-id-1703 .otherSections{ display: flex; justify-content: center; flex-wrap: wrap; padding-top: 20px; } .page-id-1397 .otherSections p.sevenToTwelve{ display: none; } .page-id-1700 .otherSections p.thirteenToNineteen{ display: none; } .page-id-1703 .otherSections p.twentyOneToSixtyFive{ display: none;	}