/* ------------------------------------------------------------------------------------------------- //////////////////////////////////////////////////////////////////////////////////////////////////// 02 - STYLE.CSS : LAYOUT //////////////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------------- */ /* General ----------------------------------------------- /////////////////////////////////////////////// */ .navbar { border: none; } .navbar-collapse.in { overflow-y: visible; } .container-fluid { max-width:1200px; background: #fff;position:relative; } .container-fluid.body { /*margin-top: -20px;*/ margin-bottom: 60px; padding-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.175); padding-left:0; padding-right:0; } .container-fluid.nobg { background: none; margin-right: auto; margin-left: auto; box-shadow: none; } .container-fluid.nobg.nav { position: relative; } .page-wrapper-line { /*margin-top: 20px;*/ background: url('../img/homepage/line-design-new.png') no-repeat; /* background-size: 100% 100%; */ background-position: 0% 100% !important; } body { padding-top: 0 !important; background:#fff; font-family:"aktiv-grotesk", sans-serif; color:#65696e; overflow-x: hidden;/* background: url('../img/green_line_globe.png') no-repeat center; */} body.l-grey { background-color: #f8f8f8; } .section.green-line {background: url('../img/green_line_globe.png') no-repeat center;background-position: 50% 20px;height: 170px; padding: 20px 0;} .col-md-8.content-panel { padding:0px 20px 20px; } .left-nav .content-panel { margin-bottom:20px; } form { padding: 20px 0; } img { max-width:100%; display:block; vertical-align:bottom; } /* Responsive images. Also, fixed spacing at bottom of image sometimes. */ div,span, ol,ul {padding:0;} ul,ul li { list-style-type:none; vertical-align:top; } ul li {padding-bottom: 5px;} ol li { padding-bottom:10px; margin-left:20px; padding-left: 10px; } ul.bullets { margin-left:20px; } ul.bullets li { list-style-type: disc; } ul.inline-50 { font-size:0; } ul.inline-50 > li { margin-left:0 !important; display: inline-block; width: 50%; padding-right: 25px; box-sizing:border-box; font-size:14px; list-style-type:none; } ul.inline-50 > li.last-child { padding-right:0; padding-left: 25px; } /* Fixes alignment issues */ h1 { display:block; font-size: 50px; font-family:"aktiv-grotesk", sans-serif; font-weight:400; line-height:1.125em; font-style:normal; } h1 { display:block; font-size: 28px; font-family:"aktiv-grotesk", sans-serif; font-weight: lighter; line-height:1.125em; font-style:normal; color: rgb(243, 120, 53); } h2 { display:block; font-size: 20px; font-family:"aktiv-grotesk", sans-serif; font-weight:normal; line-height:1.125em; font-style:normal; font-weight:100; margin-top: 30px; } h3 { display:block; font-size: 36px; font-family:"aktiv-grotesk", sans-serif; font-weight:normal; line-height:1.125em; font-style:normal;font-weight:100;} h4 { display:block; font-size: 20px; font-family:"aktiv-grotesk", sans-serif; font-weight:normal; line-height:1.125em; font-style:normal; font-weight:100; margin-top: 30px; } h5 { display:block; font-size:1.0em; font-family:"aktiv-grotesk", sans-serif; font-weight:400; line-height:1.125em; font-style:normal; } h6 { display:block; font-size:0.5em; font-family:"aktiv-grotesk", sans-serif; font-weight:400; line-height:1.125em; font-style:normal; } h1,h2,h3,h4,h5,h6 { clear: both; } .clearNone { clear: none !important; } iframe.pop-vid { width: 480px; } a { color: #008da8; } a[href="\#"], a[href=""] { cursor: default; text-decoration: none; } .col-md-9 a { color: #008da8; } [class^="col-md"] a.btn-success, [class^="col-md"] a.btn-danger, [class^="col-md"] a.btn-pill-grey, [class^="col-md"] a.btn-pill-orange { color: #fff; } /* Default definition for all links. */ th { padding: 10px; } td { font-size: 14px; } hr { margin-top: 10px; margin-bottom: 10px; } img.inline { display: inline-block; } .boxing { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fa { text-rendering: optimizeLegibility; } .odd { background: #f9f9f9; border-bottom: 1px solid #d8d6d6; } .even { background: #fff; border-bottom: 1px solid #d8d6d6; } .hide-overflow { overflow: hidden; } .leadership-indent { margin-left: 130px; } img.leadership { float:left; margin-bottom:3px; margin-right:12px; margin-top:3px ;width: 113px;} .modal-body img { width: auto !important; margin: 0 auto; } .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .row.full { width: 100%; margin: 0; } .error { border: 1px solid red; } .vam { display: inline-block; vertical-align: middle; width: 0; height: 100%; } .vab { display: inline-block; vertical-align: bottom; width: 0; height: 100%; } /*div ~ .vam { display: inline-block; vertical-align: middle; }*/ .slide .vam { display: block; width: 100%; height: 100%; font-size: 0; } .slide .vab { display: block; width: 100%; height: 100%; font-size: 0; padding-bottom: 75px; } .slide .vam>.filler { display: inline-block; vertical-align: middle; width: 0; height: 100%; } .slide .vab>.filler { display: inline-block; vertical-align: bottom; width: 0; height: 100%; } .slide .vam>.container-fluid { width: 100%; } .slide .vab>.container-fluid { width: 100%; } .tab-content table tr:first-child { color: #65696e; } .tab-content table td { vertical-align: top; } .tab-content .ec-table table { width: 80%; } .tab-content .ec-table table td:nth-child(1) { width: 20%; } .tab-content .ec-table table td:nth-child(2) { width: 80%; } table.two-col { width: 80%; } table.two-col td:nth-child(1) { width: 20%; } table.two-col td:nth-child(2) { width: 80%; } table.three-col { width: 80%; } table.three-col td:nth-child(1) { width: 20%; } table.three-col td:nth-child(2) { width: 20%; } table.three-col td:nth-child(3) { width: 60%; } /* CLEARFIX ----------------------------------------------- /////////////////////////////////////////////// */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */ ul.cf > li { display:block; float:left;} /* Misc ----------------------------------------------- /////////////////////////////////////////////// */ .img { background:#ccc; display:inline-block; overflow:hidden; } .img img { opacity:0; transition:opacity 1s; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; } .img.loaded img { opacity:1; } img.floatLeft { float:left; margin: 0 20px 20px 0; } img.floatRight { float: right !important; margin: 0 0 20px 20px !important; } img.noFloat { float: none !important; margin: 10px auto !important; } .order-items table tr { color:#65696e !important; } span.required { color:#ff0000; } .notice.important { color:#f37835; font-weight:bold; font-size:20px; line-height:1.5em; } .notice { font-style:italic; } .fa-spinner { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spinner 1.1s infinite linear; animation: spinner 1.1s infinite linear; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .hidden, .closed { display:none; } .toggle.navi_toggle { cursor: pointer; display:none;right:0;position:fixed;top:0;padding:23px 20px;box-shadow:0px 3px 2px rgba(0,0,0,0.4);transition:right 0.3s ease,background-color 0.3s ease;z-index:999;background-color:#fff;border-radius:100%} .toggle.navi_toggle li { padding-bottom:0; } .overlay {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:998;} .navi_toggle.active {display:block;right:70%;} html.active {overflow:hidden} .overlay.active {display:block;} .navi_toggle:hover {cursor:pointer;background:#eee;} .page-container .col_06 { margin-top:0; } table { margin-bottom:20px; clear:both; } table td { padding:10px; } table tr:first-child { color:#fff; } .culex table tr:first-child { color: inherit; } table.prod tr:first-child { color: inherit; } /*ul.bullets li { list-style-type:disc; margin-left:20px; }*/ ul.no-margin { margin-left:0; } table { margin-bottom:20px; } table td { padding:5px; } table.pad td { padding: 20px; box-sizing: border-box; } .f-left { float:left; margin-right: 20px; } .pad-right { padding-right:20px; } .pad-bot { padding-bottom: 20px; } .pad-sides { padding-right: 20px; padding-left:20px; } .pad-top { padding-top:20px !important; } .marg-top { margin-top: 20px; } .marg-bot { margin-bottom: 20px; } .center-text { text-align: center; } .no-pad { padding: 0; } .no-pad-left { padding-left:0; } .popup-cont { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: table; } .inner-popup { padding: 0; display: table-cell; vertical-align: middle; text-align: center; } .inner-popup .area { display: inline-block; position: relative; } .inner-popup .close { color:#fff; display:block; border:1px solid #fff; height:24px; width: 24px; padding-top:6px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; position: absolute; top: -15px; right: -15px; cursor:pointer; opacity: 1; font-size: 14px; line-height: 10px; font-weight: 100; } .dropdown-menu { border-radius:0; border: none !important; } .dropdown-xl { width: 750px; height: 300px; padding: 20px; margin-top: -1px; right: -50% !important; } .dropdown-lg { width: 600px; height: 250px; padding:20px;margin-top:-1px;right:-50% !important; } .dropdown-md { width:500px;/* min-height:182px;*/ height: 250px; padding:20px;margin-top:-1px;right:-50% !important;} .dropdown-products { background:url('../img/productMenu_newBg.png') no-repeat #fff;background-position: 0;/* background-size:contain; */ } .dropdown-contractResearch { background:url('../img/contractResearchMenu_newBg.png') no-repeat #fff;background-position: -70px; background-size:contain;} .dropdown-about { background:url('../img/aboutMenu_newBg.png') no-repeat #fff;background-position: 0;background-size:contain;} .dropdown-instrumentation {background:url('../img/instrumentationMenu_Bg.png') no-repeat #fff;background-position: -76px 150px;background-size: 50%;height: auto;max-height: 600px;} .dropdown-library { background:url('../img/libraryMenu_Bg.png') no-repeat #fff;background-position: 0;background-size:contain;} .dropdown-toggle .fa-chevron-down { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s; transition: transform .5s; } .dropdown-toggle .fa-chevron-down.flip { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s; } .open .dropdown-toggle .fa-chevron-down { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s; } .loading { background:url('../img/loading.gif'); } .btn { margin-bottom: 10px; } .btn.btn-corners { border-radius:0; border: none;} .btn-pill-sm.pad-bot { margin-bottom: 20px; } .btn-pill-sm { display: inline-block; cursor:pointer; padding: 4px 20px !important; font-size: 12px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; } .btn-pill-sm:hover { text-decoration:none; } .btn-pill-md { cursor:pointer; padding: 8px 24px !important; font-size: 14px; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; } .btn-pill-md:hover { text-decoration:none; } .btn-pill-lg { cursor:pointer; padding: 12px 45px !important; font-size: 16px; border-radius:24px; -webkit-border-radius: 24px; -moz-border-radius:24px; -ms-border-radius:24px; -o-border-radius:24px; } .btn-pill-lg:hover { text-decoration:none; } .btn-pill-blue { background: #008da8; color: #fff; } .btn-pill-blue:hover { background: #00788f !important; color: #fff; } .btn-pill-grey { background: #808587; color: #fff; border:none; } .btn-pill-grey:hover { background: #6a6e70 !important; color: #fff; } .btn-pill-orange { background: #f37835; color: #fff; } .quote-table .btn-pill-orange { padding: 5px !important; font-size:12px; } .btn-pill-orange:hover { background: #d96c31 !important; color: #fff; } .pagination { display: block; border-radius:0; text-align:center; font-weight:500; font-size:16px; } .pagination li { display:inline-block; } .pagination > li > span, .pagination > li > a { border:none; color: #868685; } .pagination > li > a:hover { border:none; color:#454544; } .pagination > li:first-child > span, .pagination > li:first-child > a, .pagination > li:last-child > span, .pagination > li:last-child > a { border-radius:0; font-weight:200; font-size:20px; line-height:20px; } .pagination > .active > span { background:none; border: none; color:#454544; } .pagination > .active > span:hover { background:none; color:#454544; } .left-nav h5 { color: rgb(243, 120, 53); font-weight: 500;background: #f5f5f5;padding: 10px;border-radius: 5px 5px 0 0;margin-bottom:0;} .left-nav h5 a { color: rgb(243, 120, 53); font-weight: 500;background: #f5f5f5;border-radius: 5px 5px 0 0;margin-bottom:0;} .left-nav .content-panel h5 { margin-top:0; } .left-nav ul { padding:0;margin:0; } .left-nav ul > li { transition:background-color 0.5s ease; padding-bottom:0; } .left-nav ul > li.active { background: #B5B4B4;} .left-nav ul > li:hover { background-color:#B5B4B4; } .left-nav ul > li > a { padding:10px; text-decoration:none; display:block; } .left-nav .menu li.has_sub { padding: 10px 0; } .left-nav .menu li.has_sub a { padding-left: 10px; display:inline; } .left-nav .menu .sub_menu li.has_sub a { padding-left: 30px; } .left-nav .dropdown { display: block !important; } /*.left-nav .sub_menu.dropdown { display: none; }*/ .left-nav .fa-chevron-down { color: rgb(243, 120, 53); display: none; color:#008da8; margin: 0 10px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s; transition: transform .5s;} .left-nav .has_sub .fa-chevron-down { display: inline-block; float: right; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s; transition: transform .5s;} .left-nav .has_sub .fa-chevron-down:hover {cursor:pointer;} .left-nav .sub_menu li { padding: 8px 0 8px 20px; } /*.left-nav .has_sub > .toggle.active > .fa.fa-chevron-down { display: inline-block; float: right; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s;}*/ .left-nav .sub_menu li { padding-left: 20px; } /*.left-nav .menu .sub_menu li.has_sub.sub ul { display: none; } .left-nav .menu .sub_menu li.has_sub.sub.active ul { display: block; }*/ .left-nav .menu .sub_menu li.has_sub.sub a { padding-left:50px; } /*.left-nav .sub_menu li.has_sub { padding-left: 20px; }*/ .left-nav .sub_sub_menu { display: none; /*padding-top: 10px;*/ background-color:#d7d7d7; } .left-nav .sub_sub_menu li:hover { background-color: #c3c3c3;} .left-nav .fa-chevron-down.flip { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s; } .social-media { text-align:left; font-size: 30px; } .show-768 { display: none; } .show-991 { display: none; } .show-1091 { display: none; } ul.social-media > li { text-align:center; display:inline-block; float:none; } ul.social-media > li.twitter a { color: #00aced; } ul.social-media > li.linkedin a { color: #007bb5; } ul.social-media > li.fb a { color: #3b5998; } ul.inline li { list-style-type: none !important; display: inline-block; } ul.inline li img { max-width: 150px; } ol.lower-roman > li { list-style-type:lower-roman; margin-left: 20px; } ol.lower-latin > li { list-style-type:lower-latin; margin-left: 20px; } img.mouse { margin-top: 20px !important; } img.contact-photo { margin-top: 15px; margin-bottom: 25px; } div.breadcrumbs { top: 0px; min-height: 30px; background: #c1d82f; max-width:1200px; margin:0 auto; padding: 5px 10px; } .content-panel > div.breadcrumbs { margin-left: -20px;margin-right: -20px; } div.breadcrumbs a { color: #403F3F; padding-left: 20px; padding-right: 20px; } div.breadcrumbs > span { color:#fff; } div.breadcrumbs.contact { background: none; padding: 0; margin-left:0; color: #fff;} div.breadcrumbs.contact a { color: #fff; } div.breadcrumbs.contact a:first-child { color: #fff; padding-left:0; } .dropdown-search { display: none; width: 638px; background: #fff; height: 100px; padding-top: 10px; padding-bottom: 20px; position: absolute;right: 0; top: 80px; z-index: 99;} .search-result { margin-bottom: 20px; } .results { width: 85%; margin: 0 auto; display: block; } form#page-search.nav-search { padding:0; } form#page-search.nav-search .form-group.page-search { margin: 20px auto;} .pad-bottom { padding-bottom:20px; } .banner { height: 300px; background-size:cover; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; padding:50px 0; } .banner .container-fluid { background:none; } .banner p.lead { font-size:32px; font-weight:bold; } .banner p { color:#fff; font-size:18px; margin-bottom:20px !important; } .banner a.btn-pill-sm, .banner a.btn-pill-md, .banner a.btn-pill-lg { display:inline-block; } .box.green { background: #93aa2b; min-height: 358px; color:#fff; } .box.green:nth-child(even) { background: #b3cf34;} .box.green:nth-child(4n+1) { clear: none; } .box.green:nth-child(3n+1) { clear: left; } .box.green h4 { font-weight: bold; } .box.green hr { background: #fff; height: 1px; } .box.green a { font-weight: bold; color: #fff; } .box.green a.btn-pill-md { font-weight: bold; } .box.green a.btn-pill-md:hover { text-decoration: none; } div#map { width: 100%; height: 400px; } div#globalMap { width: 100%; height: 400px; } #page-wrapper { margin-bottom: 0 !important; } .alert.toast {display:none;position:fixed; z-index:999; width:100%; bottom:0; margin: 0; text-align:center; } /* Homepage ----------------------------------------------- /////////////////////////////////////////////// */ /* Banner Slide Images */ .banner-container { margin: 0 auto; padding-bottom: 0; max-width: 1170px; width: 100%; background: #fff; } .banner-container .col-md-8 { padding: 0; } .banner-container .col-md-4 { padding-right: 0; } .homepage-banner.slides { position:relative; background-color: #000; } .homepage-banner .slide { /* height: 1080px; */ position: relative; transition:0.3s ease all; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important; float: left; width: 100%; margin-right: -100%;} .slide.banner-1 { background: url('../img/banner/homepage/slider-1.jpg'); } .slide.banner-2 { background: url('../img/banner/homepage/slider-3.jpg'); } .slide.banner-3 { background: url('../img/banner/homepage/slider-9.jpg'); } .slide.banner-4 { background: url('../img/banner/homepage/slider-8.jpg'); } .slide.banner-5 { background: url('../img/banner/homepage/slider-2.jpg'); } .slide.banner-6 { background: url('../img/banner/homepage/slider-7.jpg'); } /*.slide.banner-7 { background: url('../img/banner/homepage/slider-7.jpg'); }*/ /* Banner Slide Content */ .homepage-banner .container-fluid { /* padding-top: 25%; */ position: relative; margin-top: 0 !important; display: inline-block; vertical-align: middle; text-shadow: 0px 3px 20px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=45);} .homepage-banner h2 { font-family:"aktiv-grotesk-bold", sans-serif; color:#fff; font-size: 60px; margin-bottom: 20px; margin-top: 0; text-shadow: 0px 3px 20px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=45); } .homepage-banner p { color:#fff; font-size: 20px;/* margin-bottom: 30px;*/} .homepage-banner a { color: #f37835; font-size: 18px; text-transform: uppercase; display: block; text-align: left; font-weight: bold; line-height: 22px;} .homepage-banner a > i { } .slides .slide-nav { position:absolute; bottom:40px;right: 55%;margin-right:-100px; margin-bottom:0; background:rgba(0,0,0,0.5); padding:10px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px;} .slides.landing .slide-nav { margin-right: -70px; } .slides .slide-nav ul { text-align:center; margin: 0; padding: 0;} .slides .slide-nav ul > li { display:inline-block; cursor: pointer; padding-bottom:0; } .slides .slide-nav ul > li > a:hover { color:#fff; } ol.flex-control-nav { text-align:center; display:block; } ol.flex-control-nav li { display:inline-block; margin: 0 5px; padding-left:0; } ul.flex-direction-nav { display:none; } .hp .panels { margin-top: 0; background: transparent; } .hp .panel .panel-cont { position: absolute; bottom: 20px; width: calc(100% - 20px); } .hp #announcements.panel { background: url('../img/homepage/announcements-bg.jpg') no-repeat; background-size: cover; background-position: center center; } .hp #announcements.panel .orange-line { width: 75%; height: 1px; background: #f37835; margin-bottom: 15px; } .hp #announcements.panel p { font-size: 16px; } .hp #announcements.panel .orange { color: #f37835; font-size: 16px; font-weight: 700; margin-bottom: 5px; } .hp #spotlight.panel p { font-size: 16px; } .hp #spotlight.panel .blue-line { width: 75%; height: 1px; background: #008da8; margin-bottom: 15px; } .hp #spotlight.panel .blue { color: #008da8; font-size: 16px; font-weight: 700; margin-bottom: 5px; } .hp #spotlight.panel { background: url('../img/homepage/spotlight-bg.jpg') no-repeat; background-size: cover; background-position: center center; } .banner-container .hp .panels { padding: 0; margin-bottom: 0; } .hp .panels .panel-height-single { min-height: 150px; } .hp .panels .panel-height-single a { min-height: 300px; } .hp .panels .panel-height-single .call-off { min-height: 150px; } .hp .panel-height-single .fa-chevron-right { bottom: 150px; } .hp .panels .panel-height-single .call-on { min-height: 150px; top: 150px; } .hp .panels .panel-height-double { min-height: 310px; } .hp .panels .panel-height-double .call-on { min-height: 310px; top: 310px; } .hp .panels .panel-height-double .call-off { height: 310px; } .hp .panel-height-double .fa-chevron-right { bottom: 310px; } .hp .panels .panel-height-double a { min-height: 620px; } .hp .panels .panel-height-single.half-h { height: 220px; } .panels { padding:10px; background:#fff;margin-top: -40px; margin-bottom:30px; z-index: 899;} .panels .row { margin:0; } .panels .col-md-6 { padding:5px; font-size: 0;} .panels .panel { position:relative; padding:10px; margin-bottom: 0; border-radius: 0; border: none;box-shadow: none;color:#fff; font-size:18px; text-shadow:1px 2px 3px rgba(30,30,30,0.1); filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=45); } .panels .panel a { color:#fff; cursor:pointer; } .panels .panel > ul { margin-bottom:0; padding-left:0; } .panels .panel > ul > li { position:relative; padding:10px 5px; border:none; font-size: 14px;} .panels .panel > ul > li.odd { background:#dd5e1a; } .panels .panel > ul > li.even { background:none; } /* .panels .panel > ul > li > a { position:absolute; top:0; right:0; bottom:0; left:0; } */ .panels .panel > ul > li span { display:block; color:#f5ccb6; } .panels .panel strong { font-family:"aktiv-grotesk-bold", sans-serif; display:block; margin-bottom:5px; } .panels .panel-height-single { min-height:110px; margin-bottom: 10px; overflow: hidden; } .panels .panel-height-single a { min-height: 220px; } .panels .panel-height-single .call-off { position: absolute; height: 110px; width: 100%; top: 0px; left:0; padding: 10px; box-sizing: border-box; } .panels .panel-height-single .call-on { position: absolute; height: 110px; width: 100%; top: 110px; left: 0; padding-top: 10px; padding-left: 10px; box-sizing: border-box; background: rgba(0,0,0,.7); } .panels .panel-height-double { min-height:230px;margin-bottom: 0; overflow: hidden; } .panels .panel-height-double a { min-height: 460px; } .panels .panel-height-double .call-off { position: absolute; height: 230px; width: 100%; top: 0px; left:0; padding: 10px; box-sizing: border-box;} .panels .panel-height-double .call-on { position: absolute; height: 230px; width: 100%; top: 230px; left: 0; padding-top: 10px; padding-left: 10px; box-sizing: border-box; background: rgba(0,0,0,.7); } .panels .panel-width-sm { width:42.26%; display: inline-block; } .panels .panel-width-md { width:56.25%; margin-left: 1.4%; display: inline-block; vertical-align:top;} .panels .panel-width-md.margR { margin-right: 1.4%; margin-left: 0; } .panels .panel-width-lg { width:100%; } .panels .panel-height-single:last-child { margin-bottom:0; } .panel.grey { background:#98999c; } .panel.orange { background:#f37835; } .panel.green { background:#c1d82f; } .panel.blue { background:#3da6bb; } .panel > a { display:block; position:absolute; top:0; right:0; bottom:0; left:0; padding:10px; } /* .panel.grey > a:hover { background:url('../img/homepage/corner_grey.jpg') no-repeat; background-position:100% 100%; } */ .corner { display: none; position: absolute; z-index: 9999; right:0; bottom: 0; } .corner.show { display: block; } .panel .fa-chevron-right { color: #fff; position: absolute; z-index: 99999; right: 0; padding: 6px; } .panel-height-single .fa-chevron-right { bottom: 110px; } .panel-height-double .fa-chevron-right { bottom: 230px; } .grey .fa-chevron-right.color-chevron { color: #787878; } .orange .fa-chevron-right.color-chevron { color: #e06c39; } .blue .fa-chevron-right.color-chevron { color: #3994a7; } .green .fa-chevron-right.color-chevron { color: #94a63a; } #collaboration { background:url('../img/homepage/collaboration_bg.jpg') no-repeat; background-size:cover; background-position: 100% 100%;} #research { background:url('../img/homepage/40years_bg.jpg') no-repeat; background-size:cover; } #contract-services { background:url('../img/homepage/contract_services_bg.jpg') no-repeat; background-size:cover; } #compliance { background:url('../img/about/landing/compliance.jpg') no-repeat; background-size:cover; } #news { background:url('../img/about/landing/news.jpg') no-repeat; background-size:cover; } #alliances { background:url('../img/about/landing/alliances.jpg') no-repeat; background-size:cover; } #analytical { background:url('../img/products/landing/analytical.jpg') no-repeat; background-size:cover; } #instrumentation { background:url('../img/products/landing/instrumentation.jpg') no-repeat; background-size:cover; } #sampling { background:url('../img/products/landing/sampling.jpg') no-repeat; background-size:cover; } #distributors { background:url('../img/products/landing/distributors.jpg') no-repeat; background-size:cover; } #vetronics { background:url('../img/products/landing/vetronics.jpg') no-repeat; background-size:cover; } #library { background:url('../img/services/landing/library.jpg') no-repeat; background-size:cover; } #investigators { background:url('../img/services/landing/investigators.jpg') no-repeat; background-size:cover; } #glp { background:url('../img/services/landing/glp.jpg') no-repeat; background-size:cover; } #drug-dev { background:url('../img/services/landing/drug-dev.jpg') no-repeat; background-size:cover; } #bioanalysis { background:url('../img/services/landing/bioanalysis.jpg') no-repeat; background-size:cover; } #board { background:url('../img/about/landing/alliances.jpg') no-repeat; background-size:cover; } #voltammetry { background:url('../img/library/landing/voltammetry.jpg') no-repeat; background-size:cover; } #presentations { background:url('../img/library/landing/presentations.jpg') no-repeat; background-size:cover; } #separations { background:url('../img/library/landing/separations.jpg') no-repeat; background-size:cover; } #packing { background:url('../img/library/landing/packing.jpg') no-repeat; background-size:cover; } #return { background:url('../img/library/landing/return.jpg') no-repeat; background-size:cover; } #plans { background:url('../img/library/landing/plans.jpg') no-repeat; background-size:cover; } #info { background:url('../img/invest/landing/info.jpg') no-repeat; background-size:cover; } #events { background:url('../img/homepage/events_bg.jpg') no-repeat; background-size:cover; background-position: 50% 100%;} #events ul { margin-bottom:0; padding-left:0; } #events ul > li { position:relative; padding:10px 5px; border:none; } #events ul > li.odd { background:rgba(0,0,0,0.5); } #events ul > li.even { background:none; } #events ul > li span { display:block; color:#f5ccb6; } .form-group {clear:left;} .form-group.page-search { margin: 100px auto; text-align:center; /* border: 1px solid #000; */width: 85%; height: 36px; /* padding: 6px 12px; */ font-size: 14px; line-height: 1.42857143; color: #555; border: 1px solid #ccc;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; position: relative;display: block;} .form-group.page-search.main { margin:0 auto; } .form-control.page-search { width: 100%; display: inline-block !important; border: none; } ul.toggle{margin-top:10px;padding:5px;font-size:0;float:right;display:inline-block;transform:rotate3d(0,0,1,0deg);transition:transform .25s ease} ul.toggle>li{display:block;} ul.toggle>li>svg{margin-top:4px;transform:translate3d(0,0,0);transition:transform .25s ease} ul.toggle>li:first-child>svg{margin:0;padding:0} .open.mobile-button{background:#3d3e40} ul.toggle.active{transform:rotate3d(0,0,1,45deg)} ul.toggle.active>li>svg {} ul.toggle.active>li>svg.top{transform:translate3d(0,5px,0)} ul.toggle.active>li>svg.bot{transform:translate3d(0,-5px,0)} ul.toggle.active>li>svg.mid{transform:rotate3d(0,0,1,90deg)} .sub_menu {max-height:0px;overflow:hidden;background-color:#DCD8D8;box-shadow:inset 0px 3px 1px rgba(0,0,0,0.1);transition:max-height 0.3s ease;} .sub_menu.full { width: 100%; } .sub_menu.active {max-height:2000px; } .template table tr:first-child { color: #65696e; } /* About ----------------------------------------------- /////////////////////////////////////////////// */ /* .about-section { background: url('../img/homepage/line-design-new.png') no-repeat, url('../img/about/aboutSection_bg.jpg') no-repeat center; background-size: cover; padding-top:20px; } */ .about-section { background:url('../img/about/aboutSection_bg.jpg') no-repeat center; background-size:cover; padding-top:20px; } /*.about-section .page-wrapper { padding-top:20px; }*/ .about-section .container-fluid { margin-top: 0px; box-shadow: none; background: none;} .about-section .container-fluid .content-panel{ background:#fff; box-shadow: 0 2px 5px rgba(0,0,0,0.175); } /* Blog ----------------------------------------------- /////////////////////////////////////////////// */ .blog #page-wrapper { background: url(../img/blog/banner.jpg) no-repeat; background-size: 100% auto; background-position: 50% 122px; background-color: #ebebeb; } .blog .green-line { background: url(../img/green_line_globe.png) no-repeat center; background-position: 50% 20px; height: 170px; padding: 20px 0;background-color: #ebebeb !important; } .blog .left-nav { background: #008daa; padding-bottom: 0; padding-left:0; padding-right: 0; } .blog nav.navbar { margin-bottom: 400px !important; top:0 !important; } .blog .row.special-marg { margin-left: -20px; margin-right: -20px; } .blog .row.special-marg .menu ul:first-child { padding: 20px 15px 0 15px; background: #016886; } .blog .row.special-marg .menu ul:first-child li { border-bottom: none; } .blog .row.special-marg .menu ul:first-child li a { padding-bottom: 20px; padding-top: 0; font-size: 24px; } .blog .row.special-marg .menu ul:first-child li.active a { color: #fff; } .blog .row.special-marg .menu ul:last-child { padding: 0 15px 20px 15px; } .blog .row.special-marg .menu li { color: #fff; border-bottom: 1px solid #47a6ba; } .blog .row.special-marg .menu li.active { background: transparent; } .blog .row.special-marg .menu li.active a { color: #d96c31; } .blog .row.special-marg .menu li:hover { background: transparent; } .blog .row.special-marg .menu a { color: #fff; padding-left:0; padding-right:0; } .blog .row.special-marg .menu a:hover { background: transparent; color: #fff; text-decoration: none; cursor: pointer; } .blog .white-bg { background: #fff; padding: 0 20px; } .blog .white-bg .col-md-4 img { float: none !important; } .blog h1 { font-weight: 400; padding-bottom: 10px; } .blog h2 { color: #008daa; font-weight: 700; } .blog h4 { font-weight: 700; } .blog hr { border-bottom: 1px solid #ccc; } .blog p { margin-bottom: 20px; } .blog #financial_year .btn-pill-blue { display: block; width: 100px; margin-top: 20px; margin-bottom: 20px; } .blog #financial_year hr { margin-bottom: 30px; } .blog .btn-pill-blue>a { color: #fff !important; } .blog.blog-indiv .ban img { float: none; width: 100%; } .blog #financial_year { padding-bottom: 20px; } .blog .fb_iframe_widget { vertical-align: top; margin-bottom: 20px; } /*.blog form.form p { padding: 0; margin: 0; } .blog form.form p label { text-align: left; } .blog #pardot-form input.text { width: 100% !important; }*/ /* Invest ----------------------------------------------- /////////////////////////////////////////////// */ .tradingview-widget-container { width: 100% !important; padding-bottom: 30px !important; } .tradingview-widget-container iframe { width: 100% !important; } /* Contact ----------------------------------------------- /////////////////////////////////////////////// */ .contact-section { background:url('../img/contact/contactSection_bg.jpg') no-repeat center; background-size:cover; padding-top: 20px;background-attachment: fixed;} .contact-section.products { background:url('../img/contact/contactSection_products_bg.jpg') no-repeat center; background-size:cover; padding-top: 20px;background-attachment: fixed; } .contact-section .left-nav { background: #fff; padding-top:20px; } .contact-section .container-fluid { margin-top: 0px; box-shadow: none; background: none;} .contact-section .container-fluid .content-panel{ background: none; } .contact-section .container-fluid h1 { color: #c1d82f; margin-top: 10px;} .contact-section .container-fluid .contact-content { background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.175); display: inline-block; width: 100%; /* padding:20px; *//* height: 100%; */} .about-section .dark-bg, .contact-section div.dark-bg { background: rgba(0,0,0,.75); padding: 20px; margin-bottom: 30px; } .about-section .dark-bg h2, .contact-section div.dark-bg h2 { color: #fff; font-size: 24px;margin-top: 0;} .about-section .dark-bg p, .contact-section div.dark-bg p { color: #fff; } .about-section .dark-bg h2.contact-form, .contact-section h2.contact-form { color: #c1d82f;margin-top: 0;} .contact-section .form-control { background: rgba(255,255,255,.1); border: 1px solid #fff; color:#fff; } .about-section .dark-bg select.form-control option, .contact-section select.form-control option { color: #000; } .about-section .dark-bg label, .contact-section label { color: #fff; } select.form-control option { background: #fff; } /* Ask page */ .about-section .dark-bg .form-control { background:rgba(0,0,0,0.3); color: #fff; } .contact-content.contact-products { background: #fff; } .contact-content.contact-products ul li { list-style-type:none; } #contact_name {/* font-size:21px; */line-height:1.125em;height:auto;} /* Testimonials ----------------------------------------------- /////////////////////////////////////////////// */ .testimonials { } .testimonials div { padding:20px 20px 10px; background:#f5f5f5; margin-bottom: 20px; } /* Careers ----------------------------------------------- /////////////////////////////////////////////// */ .flexslider.careers { margin-top: 0; width: 100%; border: 6px solid #fff; box-shadow:0 2px 5px rgba(0,0,0,0.175); margin-bottom: 0; } .careers-section { background: url('../img/homepage/line-design-new.png') no-repeat, url('../img/careers/careersSection_bg.jpg') no-repeat center; background-size: cover; padding-top: 20px; } .careers-section .body { background: transparent; box-shadow:none; } .careers-section .container-fluid.body { margin-top: 50px; } .careers-section .box { box-shadow:0 2px 5px rgba(0,0,0,0.175); padding-top: 1em; padding-bottom: 1em; } .careers-section .careers-orange { background: #f47b23; width: 47.5%; margin-right: 2.5%; } .careers-section .careers-green { background: #b2d034; width: 23.75%; margin-right: 1.25%; } .careers-section .careers-blue { background: #008da8; width: 23.75%; margin-left: 1.25%; } .careers-section h2 { color: #fff; text-transform: uppercase; } .careers-section p { color: #fff; } .careers-section hr { height: 3px; } .careers-section .btn { padding: 7px; background: rgba(0,0,0,.2); } .careers-section .btn:hover { background: rgba(0,0,0,.4); } .careers-section .btn a { color: #fff; } .careers-section .btn a:hover { text-decoration:none; } .careers-section form { color: #fff; } .careers-section .btn.career-search { margin: 10px 0; } /* Discovery ----------------------------------------------- /////////////////////////////////////////////// */ .discovery { background: url('../img/discovery/discovery-bg.jpg') no-repeat; background-attachment:fixed; background-position-y: 0; } .discovery h1 { margin-top: 0; } .discovery .content h1 { text-align: center; } .discovery h2 { font-size: 20px; color:#f37836; } .discovery h4 { font-size: 16; font-weight: bold; } .discovery .breadcrumbs { background: transparent; color: #000; padding: 10px 0; } .discovery .breadcrumbs a:first-child { padding-left: 0; } .discovery .container-fluid { background: transparent; } .discovery .container-fluid.body { box-shadow: none; margin-top: 0; padding-top: 20px; } .discovery .left-nav .dropdown { background: #fff; } .discovery .left-nav h5 { border-radius: 0; } .discovery .social-media { background: #fff; } .discovery .content { background: #fff; padding: 20px; } .discovery .contact-info { background: #e6eef3; margin-bottom: 20px; padding: 10px; } .discovery .contact-info h4 { font-weight: bold; margin-top:0; } .discovery .contact-info p { margin-bottom: 15px; } .discovery .contact-info .icon { display: inline-block; vertical-align: top; width: 8%; } .discovery .contact-info .icon i.fa { color: #008da8; } .discovery .contact-info .text { display: inline-block; vertical-align: top; width: 90%; } .discovery img { position: relative; z-index:9; float: none; } .discovery .contact-info img { border: 4px solid #fff; margin-bottom: 15px; } .discovery .request-quote { background: url('../img/discovery/discovery-side-bg.jpg') no-repeat; background-size: cover; min-height: 130px; position: relative; margin: 0; } .discovery .request-quote h4 { color: #fff; font-weight: bold; position: absolute; bottom: 10px; left: 10px; margin: 0; } .discovery .request-quote h4 a { color: #fff; } /* Leadership ----------------------------------------------- /////////////////////////////////////////////// */ .leadership-section { background: url('../img/about/leadershipSection_bg.jpg') no-repeat; background-attachment:fixed;background-size: cover;} .leadership-section .body { background: transparent; box-shadow:none; } .leadership-section .left-nav { background:#fff; margin-top:40px;padding-top: 20px;} .leadership-section .breadcrumbs { background: transparent; margin-top:20px; color:#fff; padding: 5px 10px 5px 0; } .leadership-section .breadcrumbs a { color: #fff; } div.lead-profile { width: 100%; height: 400px; margin-bottom: 10px; background: #fff; overflow:hidden; float: left; } div.lead-profile p { color: #fff; } div.lead-profile span.head { font-size: 17px; font-weight: bold; } div.lead-profile h2 { color: #fff; font-size:23px; } div.lead-profile h3 { color: #fff; font-size:19px; } div.lead-profile .slide-cover { position: relative; height: 800px; margin-top: 0; transition:0.35s ease all; } div.lead-profile .slide-cover .bot { padding:20px; background: rgba(0,0,0,.8); height: 400px; overflow-y:auto;} div.lead-profile .slide-cover .top { height: 400px;text-align: center;padding: 20% 20px 20% 50%;} div.lead-profile .slide-cover .top.black h2 { color:#000; } div.lead-profile .slide-cover .top.black h3 { color:#000; } div.lead-profile .slide-cover .top.black hr { border-top: 1px solid #000; } div.lead-profile .slide-cover.cust-scroll::-webkit-scrollbar{ width: 16px; background: none; } div.lead-profile .slide-cover.cust-scroll::-webkit-scrollbar-thumb{ background:#ccc; } div.lead-profile .slide-cover.cust-scroll::-webkit-scrollbar-thumb:hover{ background:#ccc; } div.lead-profile .slide-cover.cust-scroll::-webkit-scrollbar-thumb:active{ background:#ccc; } div.lead-profile .slide-cover.cust-scroll::-webkit-scrollbar-track{ background: none; } div.lead-profile .slide-cover.cover { margin-top: -400px; transition:0.35s ease all; } div.lead-profile.profile1 { background: url('../img/about/Jackie_expand.jpg') no-repeat; background-size: cover; } div.lead-profile.profile2 { background: url('../img/about/Philip_expand.jpg') no-repeat; background-size: cover; } div.lead-profile.profile3 { background: url('../img/about/James_expand.jpg') no-repeat; background-size: cover; } /*div.lead-profile.profile4 { background: url('../img/about/connie_expand.jpg') no-repeat; background-size: cover; }*/ div.lead-profile.profile5 { background: url('../img/about/Jill_expand.jpg') no-repeat; background-size: cover; } div.lead-profile.profile6 { background: url('../img/about/Baim_expand.jpg') no-repeat; background-size: cover; } div.lead-profile.profile7 { background: url('../img/about/Stephanie_expand.jpg') no-repeat; background-size: cover; } div.lead-profile.profile8 { background: url('../img/about/Erica_expand.jpg') no-repeat; background-size: cover; } div.lead-profile.profile9 { background: url('../img/about/jason.jpg') no-repeat; background-size: cover; } div.lead-profile.profile10 { background: url('../img/about/danielle.jpg') no-repeat; background-size: cover; } /* Storefront ----------------------------------------------- /////////////////////////////////////////////// */ .navbar-brand { height: 80px; padding-left: 10px; padding: 10px; margin-left: 0 !important; } .navbar-brand > img.logo { max-height: 60px;} .nav li { padding-bottom:0; } .nav > li > a { color:#5d5d5d; /*padding-top:9px !important; padding-bottom:9px !important;*/ } /* .nav > li.header-cta { display:block; padding: 12px 12px 0px; } */ /* .transparent .nav > li.header-cta { text-shadow: 0 1px 3px rgba(0,0,0,1); } */ .nav.header-cta > li:first-child { margin-left:0px; } .nav.header-cta > li { margin-left:10px; } .nav > li > a.header-cta-btn { color:#fff !important; display:inline-block; margin-top:10px; } .navbar-sticky-top { position:relative; top:0; right:0; left:0; z-index:1000; border: none;} .transparent.header-top { color:#fff; min-height: 42px; background: none;} .transparent.header-top .navbar-right > li > a{ color:#fff; text-shadow: 0 1px 3px rgba(0,0,0,1); filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=45); } .transparent.header-top .navbar-right > li > a:hover{ background:none; } .header-top { color:#333; min-height: 42px; background:#f5f5f5;} .header-top .nav > li > a { color:#333; } .header-bottom { background:#fff; height: 80px;} .nav.navbar-right { margin-right:0 !important; } .header-bottom .navbar-right { margin-top: 35px; font-family: "nimbus-sans"; font-weight: 300; font-size: 18px;text-align: left;} .nav a { color: #403F3F; } .nav .badge { background: #008da8; } .nav .fa-shopping-cart { color: #008da8; } .nav .dropdown-menu { z-index:999; text-align: left;padding-left: 15px;} .nav .dropdown-menu.dropdown-user { padding-left: 0; text-align: left; } .page-header { border-bottom:none; } /* Content specific */ .row > div.page-header { margin: 0; } /* Storefront Products Filters */ .filter-menu, .filter-menu:visited, .filter-menu:active { color:#454545; text-decoration:none; font-size:20px; margin-top: 20px;} .filter-menu:hover { color:#898989; } .filters { /*background:#f7f7f7;*/ padding:0 15px; /*margin-top:20px;*/} ul.filters { padding: 0 0 0 30px; padding-left: 30px !important; } .filters div > ul { padding-left:0; margin-left:0; } .filters div > ul > li { margin-bottom:10px; } .filters li > a { color:#898989;cursor: pointer;} .filters li .form-control { display:inline-block; width:auto; } .filters li.active { background:transparent url("/assets/img/close.gif") no-repeat scroll 95% center / 10px auto; background-color:#ccc; padding-top:5px; } .filters li.category.active { background-image: none; background-color: transparent; } .filters li.category.active>a { padding-left: 15px; background: #ccc; font-weight: 600; display: block; padding-top: 5px; padding-bottom: 5px; } .filters li.active > a {font-weight:600;display:block;padding-left:15px;} .filters p.lead { color: #f37835; font-weight: bold; font-size: 18px; } #loader {position:absolute;left:0;right:0;height:100%;text-align:center; background:rgba(255,255,255,0.5);opacity:0;padding-top:200px;transition:all 0.3s ease-in-out;} #loader.active {z-index:999;opacity:1;} #loader > i {font-size:30px;} /* Product Grid */ .product-grid .product-container { height:330px; border:1px solid #ddd; margin-bottom: 30px; } .product-grid .product-container:hover { border:1px solid #f37835; } .product-grid .product-image { display:block; width:100%; /* background:#ddd; */ height:180px; } .product-grid .product-label { padding: 10px 20px; } .product-grid .product-label > p {} .product-grid .product-label > a { color:#65696e; } .product-grid .product-label > span { color:#3f4142; display:block; position:absolute; left:28px; bottom:44px; font-size:18px; font-weight: 500;} .product-grid .product-label > a.add-to-cart { display:block; position:absolute; right:28px; bottom:44px; font-size:10px; line-height:1.3em; padding:2px 5px; color:#f37835; border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border:1px solid #f37835; width:60px; text-align:center; text-decoration:none !important; } .product-grid .product-label > a.add-to-cart i{ font-size:18px; line-height:1.4em; } .product-grid .product-label > a.add-to-cart:hover { color:#fff; background:#f37835; } /* Product Detail Page */ .product { padding-bottom:60px; } .product h3 { font-size:24px; } .product-price { font-size:24px; font-weight:700; color:#454544; } .product .form-group { margin-top:40px; } .product .product-quantity { max-width:50px; text-align:center } #main_image_viewer { border: 1px solid #eee; box-sizing: border-box; height:400px; padding:20px; padding-left:40px; margin-top:20px; } #main_image_viewer > img { max-height:100%; margin:0 auto; } #gallery { width:100%; display:block; overflow-x: auto; overflow-y:hidden; } .product_images { padding:0; margin: 20px 0; } .product_images li { border:1px solid #eee; box-sizing:border-box; padding:10px; margin-left:20px; height:100px; width:100px; float:left; background-position: center !important; background-size: auto 95% !important; background-repeat: no-repeat !important; } .product_images li:first-child { margin-left:0; } .product_images li:hover, .product_images li.main { border:4px solid rgba(135,135,135); border-radius:1px; cursor:pointer; } /* Build Your Own Culex */ .custom-build-cont { background:url('../img/custom-build/questionaire_bg.jpg') no-repeat; background-size: cover; background-position: center; } .custom-build-cont .container-fluid { background:none; } .build-step { margin-top: 100px; text-align:center; color:#fff; margin-bottom: 40px; /* height: 600px; */} .build-step h2 { color:#c1d82f; margin-bottom: 20px; } /* .build-step p { margin-bottom:40px; } */ .build-step > a { display: block; width: 107px; color:#e5f4f7; opacity:0.6; border-bottom:1px solid; text-decoration:none; margin: 60px auto 0; cursor: pointer;} .build-step > a.btn-success { opacity:1; width: auto; padding: 10px 28px; font-size: 22px; color: #fff; background: #a5b925; margin-top: 34px; margin-right: 64px;} .build-step a:hover { opacity:1; } .build-step .boxes { padding-left: 0; text-align:center; } .build-step .boxes li { display:inline-block; margin-top:40px; height:225px; width:396px; } .build-step .boxes li a { font-size: 20px; line-height: 29px; padding:50px 32px; color:#e5f4f7; text-decoration:none; font-size: 24px; line-height: 29px; font-weight: 100; opacity: 1; display:block; margin:0 20px; padding: 50px 65px; height:100%; background: rgba(255,255,255,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.25); border: none;} .build-step .boxes li a:hover { background:rgba(0,141,168,0.75); } .build-step .boxes li a img { opacity:1; margin: 0 auto 20px; } .build-step .boxes.boxes-sm li { height:200px; width:300px; } .build-step .boxes.boxes-sm li a { display: table-cell; vertical-align: middle; height:200px; width:260px; padding:0; } .dropdowns { margin-top:40px; padding-left:0; text-align:center; } .dropdowns .dropdown { display:inline-block; } .dropdowns .dropdown > a { text-align:left; font-size: 22px; font-weight: 100; line-height: 35px; padding: 20px; display:block; width:400px; height:75px; margin:0 20px 20px; color:#e5f4f7; text-decoration:none; background: rgba(255,255,255,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.25); } .dropdowns .dropdown > a > i { float:right; /* margin-top:10px; */ } .dropdowns .dropdown .dropdown-menu { font-size: 0; top:75px; left: 20px; width: 400px; margin-top: 0; padding:10px 10px; background: #135468; background: rgba(19,84,104,0.9); } .dropdown-menu .col-sm-6 { width: 50%; } .dropdown-menu .col-sm-4 { width:33.33%; } .dropdowns .dropdown .dropdown-menu li { display:inline-block; width:33.33%; text-align:center; } .dropdowns .dropdown .dropdown-menu a { display:inline-block;padding:12px 20px } .dropdowns .dropdown .dropdown-menu a:hover, .dropdowns .dropdown .dropdown-menu a:focus, .dropdowns .dropdown .dropdown-menu a.active { background:rgba(0,0,0,0.3); } .build-step i { display: inline-block; height: 35px; width: 35px; background-repeat: no-repeat !important; background-size: contain !important; background-position: 100% 50% !important; } .build-step i.mouse { background:url('../img/custom-build/mouse-icon.png'); } .build-step i.squirrel { background:url('../img/custom-build/squirrel-icon.png'); } .build-step i.rat { background:url('../img/custom-build/rat-icon.png'); } .build-step i.rabbit { background:url('../img/custom-build/rabbit-icon.png'); } .build-step i.dog { background:url('../img/custom-build/beagle-icon.png'); } .build-step i.pig { background:url('../img/custom-build/pig-icon.png'); } .build-step i.monkey { background:url('../img/custom-build/monkey-icon.png'); } .build-step i.x-mark { background:url('../img/custom-build/x-icon.png'); } .build-step i.check-mark { background:url('../img/custom-build/check-icon.png'); } .build-step .form-group { text-align:right; } .build-step label { text-align: left; text-shadow:0 2px 5px rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=45); font-family:"aktiv-grotesk", sans-serif; font-weight:200; font-size: 16px; display: block; padding: 0; } .build-step input, .build-step select { /* display:inline-block; */ font-family:"aktiv-grotesk", sans-serif; font-weight:100; font-size:16px; /* width: 50%; */ margin-bottom:10px; color:#fff; background: rgba(255,255,255,0.25); box-shadow:0 2px 5px rgba(0,0,0,0.25); border:none; } .build-step .checkbox input { /* display:inline-block; */ /* margin-left:0; */ } .build-step .checkbox label { padding-left:30px; } .section.progress { height:auto; margin-bottom:0px; overflow: visible; background-color: rgba(243,120,53,0.0); border-radius:0; -webkit-box-shadow:none; box-shadow:none; position: relative; z-index: 999; } .progress-bar { margin-top: -8px; width:100%; height:8px; background: rgba(243,120,53,0.6);} #progress-label { position:absolute; z-index: 999; left: 60px; bottom: 20px; height:95px; width:135px; background:url('../img/custom-build/progress-bar-helper.png') no-repeat; } #progress-tracker { width:10%; background:#f37835; opacity: 1; margin-top: 0;} #progress-tracker.step-2 { width:20%; } #progress-tracker.step-3 { width:30%; } #progress-tracker.step-4 { width:40%; } #progress-tracker.step-5 { width:50%; } #progress-tracker.step-6 { width:60%; } #progress-tracker.step-7 { width:70%; } #progress-tracker.step-8 { width:80%; } #progress-tracker.step-9 { width:90%; } #progress-tracker.step-10 { width:100%; } /* Cart */ .cart-banner { background:url('../img/banner/shoppingcart-rev.jpg') no-repeat center; min-height: 300px; height: auto; } .cart-banner .banner-text .lead { /*text-shadow: 0px 2px 5px rgba(255,255,255,0.8);*/ } .cart-banner .banner-text p { color: rgb(59, 89, 152); /*text-shadow: 0px 2px 5px rgba(255,255,255,0.4);*/ text-shadow: -1px -1px 0 RGBA(165, 165, 165, 0.8), 1px -1px 0 RGBA(165, 165, 165, 0.8), -1px 1px 0 RGBA(165, 165, 165, 0.8), 1px 1px 0 RGBA(165, 165, 165, 0.8); } .cart-head { font-weight:bold; } .items > .row, .items > form > .row { padding:20px 0; border-bottom:1px solid #ddd; } .items .hlpr { display:inline-block; vertical-align: middle; height:100%; width:0; } .items .product-container, .items .product-quantity, .items .price-container {min-height: 100px;} .items .product-quantity > div, .items .price-container > div { display:inline-block; vertical-align:middle; } .price-container { font-weight:bold; } .items .product-container .product-image {max-width: 92px;max-height: 92px;display:inline-block; vertical-align: middle; border:1px solid #ebebeb;} .items .product-container .product-image img { max-height: 90px; margin: 0 auto; } .items .product-container .product-desc { display:inline-block; vertical-align: top; padding-left:10px; max-width: 450px; width: 75%; color:#979797; } .items .product-container .product-name { color:#979797; } .items .product-container .product-options li { padding-left:20px; } .items .product-container .discounts li {max-width:260px;color: #fff;text-shadow: 0px 1px 3px #333; filter: progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=45); background: #069;padding:5px 10px 5px 15px;text-align:right;margin-bottom: 10px;box-shadow: 0px 2px 3px #d0d0d0;} .items .product-container .discounts li i { text-shadow:none; text-align:right; color:#C1D82F; } .items .product-container .discounts li i:hover { color:#C1D82F; } .items .product-quantity > div > a { display:block; text-align: center; color:#979797; } .items .product-quantity > div > a.remove-item{ color:#f05a5a; } .items .product-quantity > div > input { display:block; text-align: center; padding: 6px 0px; width: 50px; } span.quote-only-warning { background-color:#fcf8e3; color:#8a6d3b; border:1px solid #faebcc; position:relative; } .cart-foot > div > div { padding: 40px 0; } .cart-foot .discount-code input { padding:7px 5px; margin:0 20px; } .cart-foot .cart-totals { padding-left: 20%; border-left: 1px solid #ddd;} .cart-actions a { margin-left: 16px; } .cart-actions a:first-child { margin-left:0; } .updating {height:100%;left:0;top:0;width:100%;text-align:center;position:absolute;background-color: rgba(255,255,255,0.8);display:none;z-index: 9000;} .updating.active { display:block; } .updating > i, .updating > span { display:inline-block; vertical-align:middle; text-align:center; font-size:30px; } .updating > span { height:100%; } /* OnePage Checkout */ .onepage-checkout-cont { /* margin-top:40px; */ margin-top: -20px;margin-bottom:60px; padding-bottom: 40px; background: #fff; box-shadow:0 2px 5px rgba(0,0,0,0.175); } .onepage-checkout-cont .page-header {/*border-bottom:4px #eee solid;padding-bottom: 0;*/margin-bottom: 40px !important; padding-bottom: 30px; } .tag-groups ul { margin-bottom: 30px; } form#product-search { padding-top: 0; font-size: 0; } form#product-search input { display: inline-block; vertical-align: top; width: 85%; font-size: 14px; border: none; } form#product-search button { display: inline-block; vertical-align: top; width: 15%; margin-bottom: 0; border: none; } form#product-search { border: 1px solid #ccc; padding-bottom: 0; margin-bottom: 20px; } form#product-search .form-group { margin-bottom: 0; } #checkout-progress { padding-left:0; } #checkout-progress li a { cursor:default; text-decoration:none; font-weight:bold; color:#d4d4d4; padding:0 10px 17px; transition:0.35s ease all; } #checkout-progress li a.active { color:#333; border-bottom: 4px solid; } .checkout-step { min-height:450px; } .checkout-step .nested, div#ship_collect { padding-left:40px; border-left:1px solid #ddd; } #order-summary { background:#ececec; padding:10px } #order-summary.cart-foot { background:none; padding:inital; } #order-summary .white-container { background:#fff; padding: 20px; } #order-summary .white-container ul { padding-left:0; } #order-summary .white-container ul div ul > li{ padding-left:20px; } #order-summary .white-container li { padding:5px 0; } #order-summary .white-container li > span { display:inline-block; width:50%; } #order-summary ul.product-listing > li { border-bottom:1px solid #ddd; padding:10px 0; } #order-summary ul.product-listing > li > div { display: block; } #order-summary ul.product-listing .product-price { font-size:14px; } #order-summary .quantity { font-size:12px;padding:10px 0 0 12px; } #order-summary .quantity .edit-quantity { } #order-summary .quantity .edit-quantity input { width:40px; padding:2px 5px; text-align:center } #order-summary .quantity .edit-quantity a { } #order-summary .white-container button { width:100%; } #order-summary .product-listing .discounts li { max-width:260px;color: #fff;text-shadow: 0px 1px 3px #333; filter: progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=45);background: #069;padding:5px 10px 5px 15px;text-align:right;margin-top:10px;margin-bottom: 10px;box-shadow: 0px 2px 3px #d0d0d0;} .security-notice { padding: 10px 10px 10px 60px; background:url('../img/checkmark-shield.png') no-repeat; background-position:20px 50%; } .security-notice p.lead { font-weight:500; margin-bottom: 0;} .security-notice p { font-size: 10px; } /* Culex Content Page ----------------------------------------------- /////////////////////////////////////////////// */ .culex { } .culex h1 { font-size: 26px; font-weight: 500; color: #2d2d2d; } .culex img { margin: 20px 0; border: 1px solid #ccc; padding: 20px; } .culex a.btn-pill-sm { float: right; } /* Culex Content Page ----------------------------------------------- /////////////////////////////////////////////// */ .culex { background-color: #f5f5f5; } .culex .container-fluid { background-color: #f5f5f5; margin-top: 0; padding-top: 30px; } .culex .body { box-shadow: none !important; } .culex h1 { font-size: 26px; font-weight: 500; color: #2d2d2d; } .culex img { margin: 20px 0; border: 1px solid #ccc; padding: 20px; } .culex a.btn-pill-sm { float: right; } .culex .intro { padding: 30px; background: #fff; } .culex .intro img { border: none; padding: 0; margin: 0 auto; } .culex .intro img.padR-200 { padding-right: 200px; padding-top: 30px; padding-bottom: 30px; } .culex .intro hr { margin-top: 30px; margin-bottom: 40px; border-top: 1px solid #ddd; } .culex .intro ul li { list-style-type: disc; margin-left: 20px; } .culex .intro ul li.dash { list-style-type: none; text-indent: -5px; } .culex .intro ul li.dash:before { content:"-"; text-indent: -5px; margin-right: 5px; } .culex-alt .cont-logo img { margin-bottom: 20px; } .culex-alt .intro a { color: rgb(255, 119, 51); } .culex-alt .intro p.block { display: block !important; text-align: center; } .culex-alt .intro img { display: block !important; float: none !important;} .culex .prods h2 { margin-top: 0; font-weight: bold; } .culex .prods { } .culex .prods ul { padding-left: 0; font-size: 0; } .culex .prods a { color:#F47B20; /*color: #65696e; */} .culex .prods a:hover { text-decoration: none; } /*.culex .prods ul li { padding: 30px; display: inline-block; vertical-align: top; background: #fff; width: 48.5%; margin-right: 3%; margin-top: 3%; } .culex .prods ul li:hover { box-shadow: 0px 3px 2px rgba(0,0,0,0.4); } .culex .prods ul li:hover h2 a { color: #f37835; } .culex .prods ul li:nth-child(2n+2) { margin-right: 0; } .culex .prods ul li ul { padding-left: 0; } .culex .prods ul li ul li { margin-right: 0; margin-top: 0; padding: 0; font-size: 14px; vertical-align: middle; } .culex .prods ul li ul li:hover { box-shadow: none; } .culex .prods ul li ul li img { border: none; padding: 0; margin-top: 0; margin-bottom: 0; }*/ .culex .prods ul li { padding: 30px; display: inline-block; vertical-align: top; background: #fff; width: 48.5%; margin-right: 3%; margin-top: 3%; } .culex .prods ul li:hover { box-shadow: 0px 3px 2px rgba(0,0,0,0.4); } .culex .prods ul li:hover h2 a { color: #f37835; } .culex .prods ul li:nth-child(2n+2) { margin-right: 0; } .culex .prods ul li ul { padding-left: 0; display: inline-block; vertical-align: middle; padding-left: 30px; max-width: 62%; } .culex .prods ul li ul li { margin-right: 0; margin-top: 0; padding: 0; font-size: 14px; vertical-align: middle; width: 100%; } .culex .prods ul li ul li:hover { box-shadow: none; } .culex .prods ul img { height: auto !important; border: none; padding: 0; margin-top: 0; margin-bottom: 0; display: inline-block; vertical-align: middle; max-width: 38% !important; } .culex.ec .prods ul li { max-height: 250px !important; } .culex-alt .prods ul { font-size: 0; } .culex-alt .prods ul li { width: 33.33%; margin-right: 0 !important; padding: 20px; } .culex-alt .prods ul li>div { display: block !important; } .culex-alt .prods ul li:hover { box-shadow: none; } .culex-alt .prods ul li:nth-child(2n+2) { margin-right: 2%; } .culex-alt .prods ul li:nth-child(3n+3) { margin-right: 0; } .culex-alt .prods ul img { display: block; width: 100% !important; height: 300px !important; margin: 0 auto 20px; } .culex-alt .standard-img.prods ul img { height: auto !important; max-width: 100% !important; } .culex-alt .prods ul li ul { display: block; max-width: 100%; padding-left: 0; } .culex-alt .prods h2 { text-align: center; } .culex-details { background: #fff; } .culex-details .grey-bar { background: #f5f5f5; height: 35px; } .culex-details .container-fluid { margin-top: -20px; padding: 20px; max-width: 1285px; } .culex-details .body { } /*.culex-details #accessories { display: none; } .culex-details #resources { display: none; } .culex-details #support { display: none; }*/ .culex-details h1 { color: #000; } .culex-details h2 { font-weight: bold; } .culex-details .intro ul { padding-left: 20px; } .culex-details .intro ul li { list-style-type: disc; } .culex-details .details ul { padding-left: 20px; } .culex-details .details ul li { list-style-type: disc; } .culex-details .prod-images { position: relative; height: 450px; overflow-x:hidden; } .culex-details .prod-images ul { position: relative; float:left; width: 100%; } .culex-details .prod-images ul li { display: block; position: relative; width: 40px; border: 1px solid #ddd; margin-bottom: 5px; } .culex-details .prod-images ul li:hover { cursor: pointer; } .culex-details .prod-images ul li.temp { position: absolute; height: auto; min-height: 300px; width: 100%; border: none; margin-bottom: 0; top:0; left: 40px; height: 100%; overflow: hidden; } /*.culex-details .prod-images ul li:first-child { position: absolute; height: auto; width: 100%; border: none; margin-bottom: 0; }*/ .culex-details .prod-images ul li img { margin: 0 auto; padding: 2px; } .culex-details .prod-images ul li.temp img { padding: 35px; width: auto !important; max-height: 100% !important;} /*.culex-details .prod-images ul li:first-child img { padding: 0; width: 170px; }*/ .culex-details .nav { margin-top: 30px; } .culex-details .side-nav { width: 100%; background: #fff; } .culex-details .side-nav ul { } .culex-details .side-nav ul li { padding: 0 !important; position: relative; } .culex-details .side-nav ul li:hover { background: #fff; cursor: pointer; } .culex-details .side-nav ul li span { position: absolute; top: 0; right: 0; } .culex-details .side-nav ul li .fa-chevron-down{ display: block; padding: 15px; } .culex-details .side-nav ul > li > a { display: block !important; border-bottom: 1px solid #ccc; padding: 10px !important; font-size: 17px; color: #000; } .culex-details .side-nav ul li a:hover { cursor: pointer; text-decoration: none; } .culex-details .side-nav ul li ul { display: none; } .culex-details .side-nav ul li ul.active { display: block; } .culex-details .side-nav ul li ul li { } .culex-details .side-nav ul li ul li a { font-size: 14px; color: #ccc; } .culex-details .side-nav ul li ul li a:hover { color: #008da8; text-decoration: underline; cursor: pointer; } .culex-details .side-nav ul li ul li ul { display: none; list-style-type: disc; } .culex-details .side-nav ul li ul li ul li { list-style-type: disc; padding-left: 20px; } .culex-details .side-nav ul li ul li ul li a { padding-left: 40px !important; } /* User Profiles ----------------------------------------------- /////////////////////////////////////////////// */ .user-nav > ul { margin-bottom: 40px; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end: 0; -webkit-padding-start:0; } .user-nav li { margin-bottom:0; } .user-nav li a { font-size:14px; color:#65696e; display:block; padding:10px; } .user-nav li a:hover { color:#333; text-decoration:none; background:#d4d4d4; } /* User Order List */ .order-list .order { padding: 10px 15px; border-bottom:1px solid #d4d4d4; } .order-list .order:last-child { border-bottom:none; } .order-list .order .order-items { margin-left:0; -webkit-padding-start:20px; } /* Content ----------------------------------------------- /////////////////////////////////////////////// */ .catalog-banner { height: 300px; background:url('../img/catalog-banner.jpg') no-repeat center; background-size:cover; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } .page-content { display:inline-block; width: 670px !important; padding: 20px 17px 0; margin-top: 0 !important; margin-left: 0 !important;} .page-content a { color:#f26722; } div.news {padding:20px;} div.news img {width:200px;} div.news ul, div.news ul > li {list-style-type:disc;} div.news ul.bullets > li { list-style-type: disc; } .panels .news > ul > li {padding:10px 5px;line-height:1.125em;} .intContact.bullets { margin-left: 0 !important; } .intContact .bullets { margin-left: 0 !important; } .intContact > li {float:left;width: 50%; margin-bottom: 40px; list-style-type: none !important; } .ingContact > li:last-child {padding-right: 0;} .intContact > li:nth-child(2n+1) {clear:left;} .intContact li .continent {font-size:20px;font-weight:bold; padding-bottom: 0px;} .intContact li i { padding-bottom: 10px; padding-top: 30px; display: block; } .intContact li img { padding-bottom: 5px; display: block; margin-bottom: 0; float: none; } .intContact li strong { font-size: 16px; padding-bottom: 10px; display: block; } .intContact p { padding-bottom: 0px; margin-bottom: 0; } .intContact p:last-child { padding-bottom: 0; } .intContact > li > ul > li { list-style-type: none !important; background: #fff; margin-bottom: 20px; padding: 20px; margin-right: 20px; } .contact-section .container-fluid .contact-content { background: transparent; } ul.press li, ul#annualreports li { margin-bottom:10px; } p.click { cursor: pointer; font-weight:bold; } table.arch { display: none; width: 100%; } table.arch.open { display: block; } /* "Responsive" Tables */ [data_index] {/*display: block;*/} li.select:hover { cursor: pointer; text-decoration: underline; } /* Issues Archive */ .issues_archive > li {width:25%;box-sizing:border-box;float:left; text-align:center;margin:10px 0;} .issues_archive > li > a {display:inline-block;} .issues_archive > li img {margin:0 auto;} /* Footer ----------------------------------------------- /////////////////////////////////////////////// */ .footer { background:#ebebeb; } .footer-container { padding: 30px 15px; font-size: 12px; line-height:18px; color: #8b8b8b; } .footer-container .footer-logo { margin:0 auto 30px; max-width: 280px;} .footer-container .copy { text-align: left; margin: 10px auto 0; color:#bababa } .footer-container ul { margin-left:0; } .footer-container ul li:first-child { border-left:none; } .footer-container ul li:last-child { padding-right: 0; } .footer-container ul li { padding:0 10px; border-left:1px solid #8b8b8b; } .footer-container ul li a { color:#8b8b8b; } .footer-container address { margin-bottom:0; font-weight:bold; /* font-size: 12px; */text-align: right;} /* ------------------------------------------------------------------------------------------------- //////////////////////////////////////////////////////////////////////////////////////////////////// 04 - STYLE.CSS : MEDIAQUERIES //////////////////////////////////////////////////////////////////////////////////////////////////// ------------------------------------------------------------------------------------------------- */ /* Smartphones ----------------------------------------------- /////////////////////////////////////////////// */ @media (max-width:480px) { .mobi { display:block !important; } .full { display:none !important; } /* body {padding-top: 10px !important;} */ div.breadcrumbs a { padding-left: 10px; padding-right: 10px; } .culex-details .prod-images { height: 550px; } .culex-details .prod-images ul li.temp img { height: auto !important; } .nav.header-cta > li:first-child { margin-right:0; } .toggle.navi_toggle {display:block;} .toggle.navi_toggle.active {right:80%;} nav.navbar {z-index: 999;position:fixed;width:80%;left:auto;right:-80%;height:100%;background-color:#fff;box-shadow: 0px 3px 2px rgba(0,0,0,0.4);transition:right 0.3s ease;overflow-y:auto;} nav.navbar.active {right:0;} .navbar-top-links {height:auto;text-align:center;} nav.navbar .navbar-top-links a, nav.navbar .navbar-top-links li {float:none;display:block;} .header-top .navbar-top-links li {display:inline-block;} .header-bottom {box-shadow:none;} .header-bottom .navbar-left img {margin:0 auto;} .header-bottom .navbar-right {margin:0;text-align: left;} .header-bottom .container-fluid {padding:0;} .dropdown-menu {max-height:0px;padding:0;margin:0;overflow:hidden;transition:max-height 0.3s ease;position:relative;left:auto;right:auto !important;box-shadow:none;border:none;text-align:center;width:100%;/*display:block;*/background:#fff;} li.open .dropdown-menu {max-height: 5000px;} .dropdown-menu div, .dropdown-menu ul {padding:0;margin:0;} .dropdown-menu ul > li {display:block;} .dropdown-menu ul > li > a {padding:10px 20px;} .cont [class^="col_0"] { margin-left:0; width:100%; } .left-nav .menu > h5 {margin:0;border-radius:0;border:1px solid;border-top:none;} .left-nav .menu > h5:first-child {border-top:1px solid;} .left-nav .menu > h5:hover {cursor:pointer;} .left-nav .menu > ul { width: 100%; max-height:0px;overflow:hidden;transition:max-height 0.3s ease;border:1px solid #F37835;border-bottom:none;border-top:none;box-sizing:border-box;} .left-nav .menu > ul.active {max-height: 1000px;border-bottom:1px solid #F37835;} .left-nav li.has_sub { padding: 10px;} .left-nav .dropdown { display: none; } i.fa.fa-chevron-down { display: block; float: right; margin-right: 20px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s; transition: transform .5s;} .left-nav h5 .fa-chevron-down { color: rgb(243, 120, 53); margin-right: 10px; } .left-nav h5.active .fa-chevron-down { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s; } i.fa.fa-chevron-down.flip { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s; } .issues_archive > li {width:50%;} /* Homepage Panels */ .panels .panel { width:100%; margin-left:0; } .panels .panel-width-sm { width:100%; margin-bottom:10px; } .panels .panel-width-md { width:100%; margin-left:0; } .panels .panel-width-md.margR { width:100%; margin-right:0; margin-bottom: 10px; } iframe.pop-vid { width: 100%; } } /* Portrait Tablets ----------------------------------------------- /////////////////////////////////////////////// */ @media (min-width:480px) and (max-width:768px){ .mobi { display:block !important; } .full { display:none !important; } .blog .left-nav .menu > ul { height: auto; max-height: 10000px; } /* body { padding-top: 10px !important; } */ .toggle.navi_toggle {display:block;} nav.navbar {z-index: 999;position:fixed;width:70%;left:auto;right:-70%;height:100%;background-color:#fff;box-shadow: 0px 3px 2px rgba(0,0,0,0.4);transition:right 0.3s ease;overflow-y:auto;} nav.navbar.active {right:0;} .nav > li { width: 100%; } .navbar-top-links {height:auto;text-align:center;} /*.navbar-sticky-top .navbar-top-links a, .navbar-sticky-top .navbar-top-links li {float:none;display: block;}*/ .header-top .navbar-top-links li {display: block;} .header-bottom {box-shadow:none;} .header-bottom .navbar-left img {margin:0 auto;} .header-bottom .navbar-right {margin:0;} .header-bottom .container-fluid {padding:0;} .dropdown-menu {max-height:0px;padding:0;margin:0;overflow:hidden;transition:max-height 0.3s ease;position:relative;left:auto;right:auto !important;box-shadow:none;border:none;text-align:center;width:100%;/*display:block;*/display:none; background:#fff;} li.open .dropdown-menu {max-height:1500px;} .dropdown-menu div, .dropdown-menu ul {padding:0;margin:0;} .dropdown-menu ul > li {display:block; } .dropdown-menu ul > li > a {padding:10px 20px;} .dropdown-menu hr { display:none; } .cont [class^="col_0"] { margin-left:0; width:100%; } .left-nav .menu > h5 {margin:0;border-radius:0;border:1px solid;border-top:none;} .left-nav .menu > h5:first-child {border-top:1px solid;} .left-nav .menu > h5:hover {cursor:pointer;} .left-nav .menu > ul {max-height:0px;overflow:hidden;transition:max-height 0.3s ease;border:1px solid #F37835;border-bottom:none;border-top:none;box-sizing:border-box;} .left-nav .menu > ul.active {max-height: 1000px;border-bottom:1px solid #F37835;} .left-nav li.has_sub { padding: 10px;} .left-nav li.has_sub .dropdown li.has_sub { padding: 0; } .left-nav .dropdown { display: none; } .left-nav .fa-chevron-down { display: block; float: right; margin-right: 20px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s; transition: transform .5s;} .left-nav h5 .fa-chevron-down { color: rgb(243, 120, 53); margin-right: 10px; } .left-nav .fa-chevron-down.flip { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; transition: transform .5s; } .issues_archive > li {width:33.333%;} .cont [class^="col_0"] { margin-left:0; width:100%; } /* Homepage Panels */ .panels .panel { width:100%; margin-left:0; } .panels .panel-width-sm { width:100%; margin-bottom:10px; } .panels .panel-width-md { width:100%; margin-left:0; } .panels .panel-width-md.margR { width:100%; margin-right:0; margin-bottom: 10px; } } /* Landscape Tablets ----------------------------------------------- /////////////////////////////////////////////// */ @media (min-width:769px) and (max-width:979px){ .mobi { display:none !important; } .full { display:block !important; } .navbar-brand { height: 80px; width: 165px; padding-top: 20px; padding-bottom: 20px;} .header-bottom .navbar-right { font-size: 15px; } .dropdown-products.dropdown-xl { right: -120% !important; } .dropdown-contractResearch.dropdown-xl { right: -190% !important; } .dropdown-about.dropdown-md { right: -275% !important; } } /* Default ----------------------------------------------- /////////////////////////////////////////////// */ @media (max-width:991px) { .mobi { display:none !important; } .full { display:block !important; } .blog .eq-height { height: auto !important; margin-top: 0; } /* Storefront Product Filters */ .filters { /*background:#f5f5f5;*/ margin: 0; /*padding:20px 0;*/ } .filters > ul > li { display:inline-block; width:24%; } .filters a.active {font-weight:600;} .footer-container { font-size:12px; line-height:12px; } .footer-container .copy { text-align: center; } .footer-container address { text-align: center; width: 100%; } .footer-container ul { margin-top: 10px; width: 100%; float: none !important; } .footer-container ul li { display: block; width: 100%; text-align: center; padding: 5px 0; border-left: none; } #filter-drop-toggle { cursor: pointer; } .filters p.lead { cursor: pointer; } .filters p.lead>i { display: inline-block; } .hide-991 { display: none; } .show-991 { display: block; } .blog #page-wrapper { background-position: 0 122px; } .careers-section .box { width: 100%; margin-top: 20px; margin-right:0; margin-left:0; } .careers-section .careers-orange { margin-top: 0; } .app_cap .col-md-6 { margin-bottom: 15px; } .app_cap .form-group { margin-bottom:0; } .container-fluid.body { margin-top:0; position: relative; top: 0px; } .culex-alt .intro p { margin-top: 0 !important; } .culex-alt .intro img { float: none; width: 100%; max-width: 400px; padding-right: 0 !important; } .culex-alt .cont-logo img { float: none !important; margin: 0 auto 20px; display: block; } .hp.col-md-4 { padding-left:0; float: none; } .banner-container .col-sm-12 { float: none; } .hp #announcements.panel { margin-top: 15px; } /* .homepage-banner .container-fluid { margin-top: inherit !important; } */ } @media (max-width:1250px) { .hide-1250 { display: none; } .page-wrapper-line { background-image: none; } .section.green-line { background: url('../img/green_line_globe_sm.png') no-repeat center;background-position: 100%;background-size: contain; } .quote-table td.long { width: 100px; padding: 0; display:block; border:none; } } @media (min-width:1200px) { /* New column width 20% */ .filters .col-lg-5 { width:20%; } } @media (min-width:992px) { /* New column width 20% */ .filters .col-md-5 { width:20%; } } @media (max-width:1200px){ .banner-container { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px);} } @media (max-width:1100px) { .header-bottom .navbar-right { font-size: 14px; } .header-bottom .navbar-right .btn-pill-orange { margin-top: 5px; } } @media (max-width:1091px) { .hide-1091 { display: none; } .show-1091 { display: block; } .checkout.text-right { text-align:left; } .checkout.text-center { text-align:left; } .checkout .items .product-container .product-desc { margin-bottom: 20px; } } @media (max-width:1024px) { .nav>li>a { padding: 7px; } .checkout-product-block { margin-bottom: 20px; border-bottom: 1px solid #ccc; } .culex-alt .prods ul li { width: 48.5%; } .culex-alt .prods ul li:nth-child(2n+2) { margin-right: 0; } .culex-alt .prods ul li:nth-child(3n+3) { margin-right: 2%; } .tab-content .ec-table table { width: 100%; } table.two-col { width: 100%; } table.three-col { width: 100%; } /*.homepage-banner .slide { height: auto !important; }*/ } @media (max-width:844px) { .checkout .items .product-quantity > div > a { text-align:left; } .quote-table .btn-pill-orange { padding: 3px !important; font-size:10px; } .culex .intro img { float: none !important; margin: 0 0 20px; } .culex-alt .cont-logo img {margin: 0 auto 20px; } } @media (max-width:820px) and (min-width:769px){ .navbar-brand { width: 135px; } } @media (max-width: 768px) { .blog #page-wrapper { padding-top: 200px; background-position: 0 0; } .blog .left-nav .menu > ul { border: none; } .hide-768 { display: none !important; } .show-768 { display: block !important; } .intContact li { width: 100%; padding-top: 20px; } .left-nav { margin-top: 10px; } .box { width: 100% !important; } .culex .prods ul li { width: 100%; margin-right: 0; } .culex-alt .prods ul li { width: 100%; margin-right: 0; display: block; } .culex-alt .prods ul li:nth-child(2n+2) { margin-right: 0; } .culex-alt .prods ul li:nth-child(3n+3) { margin-right: 0; } .culex-alt .prods ul img { height: auto !important; } /*.culex .prods ul li ul li { width: 46.5%; margin-right: 5%; } .culex .prods ul li ul li:last-child { margin-right: 0; }*/ .culex-details .grey-bar { height: 75px; } .dropdown-xl, .dropdown-lg, .dropdown-md { height: auto; } table { width: 100% !important; } table.special { width: 100%; } /*table td { width: 100% !important; }*/ table td .style3 { display: none; } table td:before { display: block; content: attr(data-th); font-weight: bold;} table td > img { height:initial !important;width:initial !important;display:none; } table.show-img td > img { display:block; } table#assays_list td { display:none; } table#assays_list th { display:none; } table#assays_list td:nth-child(1) { display: block; } table#assays_list th:nth-child(1) { display: block; } .style5 { float: left !important; } .nav .dropdown-menu.dropdown-user { text-align: center; } .navbar-sticky-top .navbar-top-links a, .navbar-sticky-top .navbar-top-links li { font-size: 16px; float:none; display: block; margin: 0 auto; } .mobile.fa.fa-chevron-down { float: right; } .pull-right { margin-bottom: 20px; } .header-bottom .navbar-right { margin: 0 auto; width: 100%; } .nav.navbar-right { width: 100%; } .navbar-left { float: none !important; } .navbar-brand { width: auto; margin: 0 auto; float:none; } .dropdown-search { width: 100%; bottom: -100px; top: auto; } .dropdown-menu .col-sm-6, .dropdown-menu .col-sm-4 { width:100%; } div.lead-profile .slide-cover .top { padding: 275px 10% 0; } ul.inline-50 > li { display: block; width: 100%; padding-right: 0; } ul.inline-50 > li.last-child { padding-left: 0; } ul.mobile { display: block; } [data_index] {display:none;} [data_index].active {display: block;} .homepage-banner h2 { font-size: 30px; margin-bottom: 15px; margin-top: 0; } .homepage-banner p { font-size: 16px; margin-bottom: 10px; } .cart-actions a { display: block; margin-bottom: 10px; text-align:center; margin-left:0; } } @media (max-width:528px) { .checkout .cart-foot .cart-totals { padding-left:0; } .checkout .pad-left-528 { padding-left: 20px; } } @media (max-width: 480px) { img { float: none; margin:0; } img.floatLeft { float: none; margin:0 0 20px; } img.floatRight { float: none !important; margin: 0 0 20px !important; } img.leadership { float:none; } .hide-overflow { overflow: visible; } .leadership-indent { margin-left: 0; } .build-step .boxes li { width: 100%; } .build-step .boxes.boxes-sm li { width: 260px; } .dropdowns .dropdown > a { margin: 0 auto 20px; } .build-step > a.btn-success { width: 100%; margin-right: 0; margin-bottom: 20px; } .slides .slide-nav { margin-bottom: 10px; } .filters .col-sm-5 { width:100%; } table td { padding: 3px; font-size: 10px; } .cart-foot .cart-totals { border-left:0; } .checkout .pull-right { float: none !important; width: 100%; } .checkout .discount.btn-pill-grey { width: 100%; margin: 10px auto; display: block; } .checkout .cart-foot .discount-code input { margin: 0; width: 100%; } .checkout .items .product-container .product-desc { width: 100%; display: block; } .checkout .items .product-quantity > div > a { text-align: left; } .quote-table .btn-pill-orange { padding: 3px !important; font-size:4px; } .blog .left-nav .menu > ul { height: auto; max-height: 10000px; } } @media (max-width: 375px) { .dropdowns .dropdown > a { width: 325px; } .dropdown-search { position: relative; top: 0; } div.lead-profile .slide-cover .top { padding-top: 230px; } div.lead-profile.profile1 { background-position: 20%; } div.lead-profile.profile2 { background-position: 20%; } div.lead-profile.profile3 { background-position: 20%; } div.lead-profile.profile4 { background-position: 20%; } div.lead-profile.profile5 { background-position: 20%; } div.lead-profile.profile6 { background-position: 20%; } div.lead-profile.profile7 { background-position: 20%; } div.lead-profile.profile8 { background-position: 20%; } .culex-details .prod-images { height: 600px; } .blog #page-wrapper { padding-top: 130px; } } @media (max-width: 375px) { .dropdowns .dropdown > a { width: 325px; } .dropdown-search { position: relative; top: 0; } } @media print { .items .col-md-6 {width:66%;float:left;} .items .col-md-6:first-child {width:33%;} .items .product-container > .product-image{float:left;width:25%;} .items .product-container > .product-desc {float:left;} .toggle.navi_toggle, .items .hlpr {display:none;} a[href]:after { content: none !important; } .social-media li a { max-width: 10px; font-size: 10px; } .social-media li a:after { content: " "; } .catalog-banner { height: 20px; } .footer { display: none; } .left-nav { display:none; } }