@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,900|Open+Sans:400,400i,600,700,800|Raleway:400,500,600,700");
body {
font-family: 'Open Sans', sans-serif;
min-width: 320px;
}
a, input[type=submit], .btn {
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
}
p {
margin-bottom: 20px;
}
#wrapper {
position: relative;
overflow: hidden;
height: 100%;
min-height: 600px;
}
#header {
padding: 15px 0 0;
position: relative;
z-index: 999;
}
.telephone {
color: #6fcb28;
font: 700 18px/22px 'Lato', sans-serif;
padding: 0 15px;
}
.navbar.navbar-default {
background: none;
border: none;
margin: 0;
}
.navbar-brand {
padding: 0;
width: 240px;
height: auto;
}
.navbar-brand img {
width: 100%;
height: auto;
display: block;
}
.navbar-nav > li {
padding: 0 8px;
}
.navbar-default .navbar-nav > li > a {
padding: 8px 8px 22px;
border-bottom: 5px solid transparent;
color: #373737;
font-size: 14px;
font-weight: 600;
}
.navbar-nav > li:hover a, .navbar-nav > li.active a, .navbar-nav > li a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
border-color: #6fcb28;
background: transparent;
}
.navbar-nav > li ul {
position: absolute;
width: 240px;
left: 0;
top: 100%;
list-style: none;
padding: 0;
margin: 0;
background: #eee;
opacity: 0;
visibility: hidden;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
box-shadow: 0 2px 3px rgba(0, 0, 0, .33);
}
.navbar-nav > li ul li {
border-bottom: 1px solid #ccc;
position: relative;
}
.navbar-nav > li ul ul {
left: auto;
right: 100%;
top: 0;
}
.navbar-nav > li ul ul a {
padding-left: 20px;
}
.navbar-nav > li ul ul ul a {
padding-left: 30px;
}
.navbar-nav li li a {
padding: 5px 10px;
display: block;
}
.navbar-nav li li a:hover {
background: #6fcb28;
color: #fff;
text-decoration: none;
}
.has-drop-down-a {
position: relative;
}
.carousel-caption {
color: #285a95;
text-shadow: none;
max-width: 970px;
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
bottom: auto;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font: 24px/28px 'Raleway', sans-serif;
padding: 0 15px;
}
.carousel-caption h2 {
font-size: 50px;
line-height: 55px;
font-weight: 700;
margin: 0;
}
.carousel-indicators {
width: 100%;
max-width: 970px;
margin: 0 auto;
left: 0;
right: 0;
padding: 0 15px;
}
.carousel-indicators li {
background: #c9e3b3;
border-color: #c9e3b3;
}
.carousel-indicators li.active {
background: #6bca22;
border-color: #6bca22;
}
.carousel-indicators {
text-align: left;
}
.block {
padding: 45px 0;
}
.block .pull-right {
margin-left: 20px;
}
.block h2 {
font: 36px/40px 'Raleway', sans-serif;
margin: 0 0 15px;
}
.block h2.blue {
color: #285a95;
font-size: 30px;
line-height: 35px;
}
.block h3 {
font: 30px/35px 'Raleway', sans-serif;
margin: 0 0 15px;
color: #285a95;
}
.block h4 {
font: 600 20px/24px 'Raleway', sans-serif;
margin: 0 0 15px;
color: #404040;
}
.block.blue {
background: #285a95;
color: #fff;
}
.prod-serv .post a:hover, .prod-serv .post a:hover h3 {
text-decoration: none;
color: #285a95;
}
.prod-serv h3 {
font: 16px/18px 'Open Sans', sans-serif;
color: #fff;
background: #438ee6;
margin: 0;
padding: 5px 15px;
line-height: 25px;
text-align: center;
}
.columns ul.bullet-list {
list-style: none;
padding: 0;
margin: 0 -9px;
}
.columns ul.bullet-list li {
width: 49%;
display: inline-block;
vertical-align: top;
margin: 0 0 10px;
padding: 0 9px;
}
.columns ul.bullet-list li span.txt {
padding: 5px 15px 5px 30px;
line-height: 25px;
background: #f0f0f0;
color: #7d7d7d;
display: block;
position: relative;
}
.columns ul li .txt:before {
content: '»';
position: absolute;
left: 15px;
top: 6px;
}
.check-list {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.check-list li {
width: 45%;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 20px 20px 20px 24px;
color: #404040;
}
.check-list li:nth-child(2n+1) {
width: 54%;
}
.check-list li:after {
content: '';
position: absolute;
left: 0;
top: 25px;
border: 2px solid transparent;
border-color: transparent transparent #7eb624 #7eb624;
width: 15px;
height: 7px;
transform: rotate(-45deg) skewX(-25deg);
}
.block h3.heading3 {
font: 26px/30px 'Raleway', sans-serif;
color: #404040;
padding: 20px 0;
margin: 0 0 30px;
border-bottom: 1px solid #f0f0f0;
position: relative;
}
.block h3.heading3:after {
width: 106px;
height: 3px;
background: #438ee6;
content: '';
position: absolute;
left: 0;
bottom: -1px;
}
.block.bg {
background: url(//www.laboratoryglassapparatus.com/wp-content/themes/LaboratoryGlassApparatus/assets/images/bg.png);
color: #404040;
}
.upper-footer {
background: #f0f0f0;
padding: 70px 0 45px;
color: #7c7c7c;
}
.upper-footer .subheading {
display: block;
margin: 0 0 10px;
}
.upper-footer a {
color: #7c7c7c;
}
.upper-footer .connect a {
color: #004a99;
font-size: 12px;
}
.american-scientific {
margin-top: -30px;
display: block;
}
.tooltip-inner {
padding: 10px 20px;
max-width: 175px;
border-radius: 3px;
}
.lower-footer {
background: #285a95;
padding: 40px 0;
color: #fff;
}
.lower-footer nav ul {
list-style: none;
padding: 0;
margin: 0 0 10px;
}
.lower-footer nav ul li {
display: inline-block;
vertical-align: middle;
padding: 0 2px 0 0;
}
.lower-footer nav ul li a {
color: #fff;
}
.lower-footer nav ul li:before {
content: '|';
padding: 0 5px 0 3px;
color: #fff;
}
.lower-footer nav ul li:first-child:before {
display: none;
}
.upper-footer .container {
position: relative;
}
.lower-footer p {
display: inline-block;
}
.span.wpcf7-not-valid-tip {
font-size: 12px;
float: left;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
border-color: #6fcb28;
}
.caret {
display: none;
}
.back-top {
position: absolute;
left: 100%;
top: -45px;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
background: #f8f8f8;
border-radius: 2px;
color: #285a95;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
border: 1px solid #285a95;
}
.back-top i {
color: #285a95;
}
.back-top:hover {
background: #285a95;
}
.back-top:hover i {
color: #f8f8f8;
}
.lists {
overflow: hidden;
font-size: 16px;
line-height: 26px;
max-width: 640px;
}
.lists ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 50%;
}
.lists ul li {
position: relative;
padding: 0 0 0 22px;
}
.lists ul li:before {
font-family: 'Glyphicons Halflings';
position: absolute;
left: 0;
top: 1px;
content: "\e080";
font-size: 11px;
color: #285a95;
}
ul,ol{
list-style: none;
}
.sps ul li {
position: relative;
padding: 0 0 0 22px;
}
.sps ul li:before {
font-family: 'Glyphicons Halflings';
position: absolute;
left: 0;
top: 1px;
content: "\e080";
font-size: 11px;
color: #285a95;
}
.banner {
position: relative;
margin-top: -5px;
width: 100%;
float: left;
}
.banner iframe {
display: block;
}
.banner img {
width: 100%;
height: auto;
display: block;
}
.banner .caption {
position: absolute;
max-width: 970px;
padding: 0 15px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: #285a95;
}
.banner .caption h2, .banner .caption h2 p {
margin: 0;
font-size: 31px;
line-height: 35px;
font-weight: 700; }
#main {
clear: both;
width: 100%;
}
.product-post {
border-bottom: 1px solid #a299b3;
padding-bottom: 50px;
margin-bottom: 50px;
position: relative;
overflow: hidden;
}
.product-post h2 {
color: #285a95;
font-size: 30px;
line-height: 35px;
margin: 0;
}
.product-post > h4 {
margin: 0 0 30px;
}
.product-img {
border: 1px solid #c5c5c5;
margin: 0 18px 15px 0;
position: relative;
}
.product-img .zoom {
position: absolute;
right: 10px;
bottom: 0;
font-size: 25px;
border-radius: 50%;
color: #7f7f7f;
}
.product-post .readmore {
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
line-height: 40px;
background: #285a95;
color: #fff;
text-align: center;
border: 1px solid #285a95;
}
.product-post .readmore:hover {
background: #fff;
color: #285a95;
}
.post-detail {
border: none;
padding-bottom: 20px;
margin-bottom: 15px;
}
.product-list {
font-size: 18px;
line-height: 22px;
color: #404040;
}
.product-list .image {
border: 1px solid #c5c5c5;
background: #fff;
margin: 20px 0 15px;
padding: 2px;
}
.product-list .prod:hover .image {
border: 3px solid #285a95;
padding: 0;
}
.product-list .prod a:hover {
text-decoration: none;
}
.product-list .image img {
width: 100%;
height: auto;
display: block;
}
.form-control {
background: #efefef;
border: 1px solid #dedede;
border-radius: 0;
margin: 0 0 5px;
resize: none;
height: 40px;
}
.quote-order .form-control {
margin-bottom: 15px;
}
.file-control {
background: #efefef;
border: 1px solid #dedede;
border-radius: 0;
margin: 0 0 5px;
height: 40px;
overflow: hidden;
position: relative;
}
.file-control label {
height: 38px;
line-height: 38px;
padding: 0 15px;
}
.quote-order .date {
position: relative;
}
.quote-order .date .form-control {
padding-right: 35px;
}
.quote-order .date:after {
position: absolute;
right: 10px;
top: 8px;
background: url(//www.laboratoryglassapparatus.com/wp-content/themes/LaboratoryGlassApparatus/assets/images/icons.png) no-repeat 0 -282px;
width: 22px;
height: 23px;
content: '';
pointer-events: none;
}
.field {
width: 100%;
}
.field .verify-txt {
width: calc(100% - 185px);
float: left;
}
.field .verify-txt input {
width: calc(100% - 120px);
float: right;
}
.field input[type=submit] {
width: 178px;
float: right;
background: #69c125;
border: 1px solid #346b00;
height: 40px;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.field input[type=submit]:hover {
background: #346b00;
}
.contact-info {
list-style: none;
padding: 0;
margin: 0;
font-size: 18px;
line-height: 30px;
font-weight: 400;
}
.contact-info a {
color: #404040;
}
.contact-info li {
padding: 3px 0 20px 35px;
position: relative;
background: url(//www.laboratoryglassapparatus.com/wp-content/themes/LaboratoryGlassApparatus/assets/images/icons.png) no-repeat;
}
.contact-info address {
margin: 0;
}
.contact-info address .title {
display: block;
color: #285a95;
}
.contact-info li.adr {
background-position: 0 8px;
}
.contact-info li.phone {
background-position: -4px -95px;;
}
.contact-info li.fax {
background-position: -2px -162px;
}
.contact-info li.email {
background-position: 0 -221px;
} .jcf-hidden {
display: block !important;
position: absolute !important;
left: -9999px !important;
}
.jcf-input-wrapper {
width: 100%;
}
.jcf-upload-button {
width: 67px;
background: #929292;
color: #fff;
height: 38px;
line-height: 38px;
text-align: center;
float: right;
}
.text-section {
overflow: hidden;
border-top: 1px solid #a299b3;
clear: both;
padding-top: 32px;
}
.text-section .contact-info {
margin-bottom: 30px;
}
.text-section .contact-info li {
padding-bottom: 5px;
line-height: 23px;
}
.text-section h4 {
margin-bottom: 5px;
}
.table {
border: 5px solid #c4c4c4;
border-width: 0 0 5px;
text-align: center;
font-size: 15px;
}
.table th {
text-align: center;
}
.table tr th.logo-head {
padding: 0 !important;
background: #fff;
}
.table tr th.logo-head img {
margin-top: -3px;
float: left;
}
.table thead th {
background: #285a95;
padding: 18px 10px !important;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 28px;
font-weight: 400;
}
.table tbody th {
padding: 20px 10px !important;
font-size: 20px;
line-height: 22px;
color: #404040;
font-weight: 400;
background: #d3e9c2;
}
.table tbody td {
padding: 20px 10px !important;
background: #dbf2c8;
}
.table tbody td.dark {
background: #dcedc9;
}
.table tbody td span {
font-size: 13px;
display: block;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-width: 3px;
border-color: #fff;
}
.btn-pricelist {
width: 298px;
background: #69c125;
border: 1px solid #346b00;
border-radius: 0;
color: #fff;
font-size: 18px;
line-height: 25px;
font-weight: 600;
}
@media screen and (max-width: 1400px) {
.banner img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 140%;
margin: 0 -20%;
max-width: inherit;
}
}
@media screen and (max-width: 1199px) {
.back-top {
left: auto;
right: 15px;
top: -60px;
}
}
@media screen and (min-width: 1025px) {
.navbar-nav > li:hover > ul, .navbar-nav > li ul li:hover > ul {
opacity: 1;
visibility: visible;
}
.container {
width: 970px;
}
}
@media screen and (max-width: 1024px) {
.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul {
opacity: 1;
visibility: visible;
}
.check-list li, .check-list li:nth-child(2n+1) {
padding: 20px;
width: 100%;
}
.columns ul.bullet-list li {
width: 100%;
}
.lower-footer {
font-size: 11px;
}
.banner img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 200%;
margin: 0 -50%;
max-width: inherit;
}
.carousel-caption, .banner .caption {
max-width: 750px;
}
.carousel-indicators {
max-width: 750px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
display: none;
}
.field .verify-txt {
width: 100%;
}
.product-post h2 {
font-size: 26px;
line-height: 30px;
}
}
@media screen and (max-width: 767px) {
.zoomLens, .zoomContainer{
display: none;
}
.banner {
margin-top: 0;
}
.banner .caption h2 {
font-size: 20px;
line-height: 25px;
}
.has-drop-down-a:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
border: 5px solid transparent;
border-top-color: #000;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.hover > .has-drop-down-a:after {
border-top-color: transparent;
border-bottom-color: #000;
}
.navbar-collapse, .navbar-collapse.collapse {
position: fixed;
left: -250px;
top: 0;
width: 250px;
background: #ccc;
height: 100vh !important;
z-index: 99999;
transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
border: none;
overflow: auto;
}
.navbar-collapse .navbar-nav {
padding: 30px 0;
}
.navbar-collapse.collapse {
display: block !important;
}
.nav-open .navbar-collapse {
left: 0;
}
.navbar-toggle {
height: 40px;
}
.navbar-toggle:not(.collapsed) .sr-only + .icon-bar {
display: none;
}
.navbar-toggle:not(.collapsed) .icon-bar + .icon-bar {
margin: 0;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:last-child {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-top: -2px;
}
.navbar-nav li {
overflow: hidden;
}
.navbar-nav > li ul {
position: static;
opacity: 1;
visibility: visible;
max-height: 0;
width: 100%;
}
.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul {
max-height: 400px;
}
.navbar-brand {
width: 200px;
}
.carousel-caption h2 {
font-size: 20px;
line-height: 22px;
}
.carousel-caption {
font-size: 15px;
line-height: 18px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
display: none;
}
.carousel-control.left, .carousel-control.right {
background: none !important;
}
.carousel-caption {
position: static;
padding: 15px 20px;
transform: none;
-ms-transform: none;
-webkit-transform: none;
color: #fff;
background: #285a95;
}
.banner .caption {
position: static;
transform: none;
-ms-transform: none;
-webkit-transform: none;
color: #fff;
background: #285a95;
padding: 10px 15px;
}
.block .pull-right {
float: none !important;
width: 100%;
height: auto;
margin: 0 auto 15px;
}
.block h2, .block h2.blue {
font-size: 20px;
line-height: 25px;
}
.prod-serv img {
width: 100%;
height: auto;
display: block;
}
.prod-serv .post {
margin-bottom: 20px;
}
.block {
padding: 15px 0;
}
.upper-footer, .lower-footer {
padding: 25px 0;
}
.lower-footer {
text-align: center;
}
.lower-footer .col-sm-9 {
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}
.back-top {
top: -20px;
width: 30px;
height: 30px;
line-height: 30px;
border: 1px solid #285a95;
}
.banner img {
width: 300%;
margin: 0 -150%;
max-width: inherit;
}
.lists ul {
width: 100%;
float: none;
}
.american-scientific {
margin-top: 0;
}
.field input[type=submit] {
width: 100%;
}
.contact-info {
font-size: 16px;
}
.table thead th {
padding: 8px 5px !important;
font-size: 14px;
line-height: 16px;
}
.table tbody th {
padding: 8px 5px !important;
font-size: 14px;
line-height: 16px;
}
.table tbody td {
padding: 8px 5px !important;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: normal;
}
}