@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
  font-family: 'sqr721ext';
  src:  url('../../../fonts/sqr721ext.ttf')  format('truetype');
}

@font-face {
  font-family: 'sqr721bext';
  src:  url('../../../fonts/sqr721bext.ttf')  format('truetype');
}


*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  /*! height: 100vh; */
}

body {
  font: 14px/1 'Open Sans', sans-serif;
  color: black;
  /*background: #eee;*/
}

a {
  text-decoration: underline;
  color:#ff6200
}

ul {
    font-size: 100%;
}

figure {
    margin: 8px 0 0;
}

.sqr-font {
  font-family: 'sqr721ext', Fallback, sans-serif; 
}


.top-icons {
  float: right;
  font-size:20px;
  padding: 5px 0px;
}



.nav-link {
  font-family: 'sqr721ext', Fallback, sans-serif; 
  text-decoration: none;
  color: black;
}

.green {
  color: #27b008;
}

.red {
  color:#e30909;
}

.nav-separator {
  border-top: 1px solid black;
  margin: 15px 70px;
}

.breadcrumbs {
  margin-left: 5%;
  font-size: small;
}

.breadcrumbs > ul > li > a {
  text-decoration: none;
  color: gray;
}

.breadcrumbs > ul > span {
  color: gray;
}

#page-left {
    width: 30%;
    float: left;
    margin-left: 5%;
    margin-bottom:50px;
}

.item-img {
  width: 100%;
}

.item-img-carousel-div {
    font-size: 0;
}

.carousel-a {
  display: inline-block;
  width: calc(25% - 6px);
  margin-right: 8px;
}

.carousel-a:nth-of-type(2n) {
  margin-right: 8px;
}
.carousel-a:nth-of-type(4n) {
  margin-right: 0;
}

.info-download-file-wrapper {
  float:left;
  width: 15%;
  margin-right:20px;
}

.info-download-file-wrapper > a {
  text-decoration:none;
}

.info-download-img {
  width:100%;
}

.info-download-text {
  white-space: nowrap;
  text-align: center;
  margin-top: 5px;
  color: #0c64f1;
}

.info-cert-wrapper {
  float:left;
  margin-right:15px;
}
.info-cert-wrapper > a > img {
  height:60px;
}

#page-right {
    width: 60%;
    margin-left: 2%;
    float: left;
    padding-bottom:50px;
}

.family-name {
  margin: 0;
}

.model-code {
  margin: 5px 0;
}

.item-reviews {
  float: left;
  height: 35px;
}

.item-reviews-p {
  float:left;
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.item-reviews-p > p {
  margin: 0;
  margin-left: 10px;
}

.option-set {
  margin-bottom:20px;
}

.optionBtn {
  width: 45px;
  height: 45px;
}

.optionBtn:focus {
  background: greenyellow;
}

.your-location {
  display: inline;
}
.click-to-confirm-location {
  font-size:small;
  text-decoration:none;
  display: inline;
}

.in-stock {
  color: #ff6200;
  font-weight: bold;
}

.checkbox-label {
  float:left;
  margin-left: 10px;
  padding-top: 6px;
}
        
.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 26px;
	position: absolute;
	top: -7px;
	left: 3px;
	color: green;
}

.addtocart-btn-container {
  float:right;
}

.addtocart-btn-container > button {
  background: #A1C057;
  /*padding: 15px 25px;*/
  color: white;
  font-size:120%;
  font-weight: bold;
  width: 200px;
    height: 50px;
    margin: 0 auto;
    vertical-align: middle;
}

button:focus {
  outline:0;
}

.qty-input-div {
  float:right;
}
.qty-input-controls {
  margin-right:10px;
  float:right;
}

 .qty-input{
    height: 50px !important;
    width: 50px !important;
    border: solid 3px #000000 !important;
    text-align: center;
    font-size: 20px !important;
    font-weight: bold;
        }
.qty-control-btn > button {
  height:28px;
  width:25px;
  border-color:#A1C057;
  border-style:solid;
  border-width:2px;
  font-weight:bold;
  font-size:22px;
}

.ctrl1 > button {
  border-left-width:0;
  border-bottom-width:1px;  
}

.ctrl2 > button {
  border-left-width:0;
  border-top-width:1px;  
}

.checkboxes-wrapper {
  float: left;
}
.addtocart-wrapper {
  float:right;
}

section {
  display: none;
  padding: 45px 10px 10px 10px;
  border: 2px solid lightgray;
  margin-top: -30px;
}

#tabsdiv {
    margin-right:10px;
    margin-left: 10px;
    height: 66px;
}

.tab {
    font-family: 'sqr721ext', Fallback, sans-serif;
    width: 20%;
    float:left;
    text-align: center;
    background:lightgray;
    border-width: 1px 1px 1px 0;
    border-color: grey;
    border-style: solid;   
    line-height: 66px;
}

.tab:first-of-type {
    border-left: 1px solid grey;
}

.tab:hover {
    cursor: pointer;
}

.tab.active123 {
  /*color: #555;*/
  /*border: 1px solid #ddd;*/
  /*border-top: 2px solid orange;*/
  /*border-bottom: 1px solid #fff;*/
  background:#A1C057; 
}

#numOfShowrooms {
  margin-top: 5px;
}

.tab > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tabcontent.active123
{
  display: block;
}

.specscolumn {
    width: 50%;
    float:left;
}

#content-left {
    padding-right: 10px;
}

#content-right {
   padding-left: 10px;
}

.innerspecscolumn-left {
    width: 50%;
    float:left;
}

.innerspecscolumn-right {
    width: 50%;
    float:right;
    text-align: right;
}

.specname {
    font-weight: bold;
}

.clear {
  clear:both;
}

.green-bg-container {
  background:#A1C057;
  padding: 7px 10px;
  /*text-align: center;*/
  margin: 15px 0;
}

.green-bg-text {
  font-size: large;
  font-family: 'sqr721bext', Fallback, sans-serif;
}

 .family-prod-qty {
  float: right;
  font-size: small;
  padding-top:3px;
  font-family: 'sqr721ext', Fallback, sans-serif;
 }

.family-prod-info {
  text-align: center;
}

.family-prod-info > p:first-child {
  margin: 10px 0 5px 0;
  font-family: 'sqr721ext', Fallback, sans-serif;
}

.family-prod-info > hr {
  margin:0 15px 5px 15px;
  border-top-color: #bebebe;
}

.family-prod-price {
  color: orangered;
  font-family: 'sqr721bext', Fallback, sans-serif;
}


/*.arrow {
  padding: 15px 0;
}

.arrow-left {
  float: left;
}

.arrow-right {
  float: right;
}

.arrow-img {
  
}

.family-products {
 
}*/

.owl-dots {
  margin-bottom: 8px;
}

.owl-prev {
        width: 43px;
    height: 67px;
    position: absolute;
    top: 20%;
    display: block!IMPORTANT;
    /* border: 0px solid black; */
}

.owl-next {
    width: 43px;
    height: 67px;
    position: absolute;
    top: 20%;
    right: -25px;
    display: block!IMPORTANT;
    border:0px solid black;
}

/*Showroom*/

.showroom-dist {
  float: right;
  text-align: right;
}

.text-left {
  text-align: left;
}

.orange-text {
  color:orange;
  /*font: 14px/1 'Open Sans', sans-serif;*/
}

.showroom-img-div {
  height: 170px;
  float: left;
}

.showroom-img {
  max-width: 100%;
  max-height: 100%;
}

.showroom-info {
  float:left;
  margin-left: 20px;
  /*display: flex;*/
  flex-direction: column;
  justify-content: space-between;
  margin-bottom:10px;
}

.showroom-reviews {
  float: left;
 /*  height: 50px;
  padding-top: 15px;
 position:relative;*/
}

.showroom-reviews .reviewCount {
  line-height: 28px;
  position: relative;
  top: -8px;
  left: 4px;
}

.review-bulbs {
  max-width:100%;
  max-height: 100%;
  margin-left:-4px;
  float: left;
}

.review-bulbs:first-child {
  margin-left:-10px;
}

.reviews-p {
  float:left;
width:100%;
  height: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
 
}

.reviews-p > p {
  margin:0;
  margin-left:0px;
}

.book-viewing-btn-container {
  float:right;
}

.book-viewing-btn-container > button {
  background: #A1C057;
  padding: 10px;
  color: white;
  font-weight: bold;
}

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}