/**

 * Main Template CSS Stylesheet

 * 

 * BOOTSTRAP v3.4.0

 *

 */

.clearBoth {

   clear: both;

}

.forward {

    float: right;

}

.back {

    float: left;

}



/* This is used to re-size images */

img {

    max-width: 100%;

    height: auto;

    border: 0;

}



.qmix > br {

    display: none;

}



.normalprice, .productSpecialPriceSale {

    text-decoration: line-through;

}



#back-to-top {

    position: fixed;

    bottom: 5rem;

    right: 1rem;

    z-index: 1;

    text-align: center;

    cursor: pointer;

    transition: opacity 0.2s ease-out;

    opacity: 0;

}



#back-to-top.show {

    opacity: 1;

    z-index: 1;

}



/* Added by Carlos */

.payments {text-align:center;}



#tagline {Display:none;}

.phone1 {text-align: right; padding-top: 35px;margin-bottom: -40px;margin-right: 40px;}



#navCatTabs a {text-decoration:none;}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-instagram {
  background: #125688;
  color: white;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}


#ezpagesBarHeader {width:50%;float:right;margin-top:10px;}

#navMainWrapper {width:99%;}

.financepage {background-color:#D01515 !important;width:100%;text-align:center;font-size:18px;font-weight:bold;color:#ffffff;font-family: "Open Sans", sans-serif !important;}

.btn1 {
  border: none;
  background-color: #000000;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}

.btn1:hover {background: #eee;}

.success {color: red;}



.rounded-bottom {

    border-top-right-radius: .25rem !important;

    border-top-left-radius: .25rem !important;

}



.nav-link {text-decoration:none;}

h2 {font-size: 1.25rem;}



/* set height of scrollable area in mobile menu */

div#navbarSupportedContent {

    max-height:2.5vh;

	font-size:12px;

    /*overflow-y:auto;*/

}



#navbar-spacer.mt-5.pt-4 {

	padding-top:0px !important;

}



.zca-banner {

    text-align: center;

}



.ot-title {

    text-align: right;

}

.ot-text,

.totalCell {

    text-align: right;

}



.centeredContent {

    text-align: center;

    padding: 1rem;

}



table.tabTable td {

    padding: 0.5rem;

}

#indexProductList-cat-wrap {

    margin-bottom: 1rem;

}

#productsListing-bottomRow {

    margin-top: 1rem;

}



.sideBoxContent select {

    margin-bottom: 1rem;

}

#navCatTabs a,

#navCatTabs a:hover {

	border:none;}

	

#categoriesTabs {border-top: 0px solid #604F50;border-bottom: 0px solid #604F50;}

/*{border: 2px solid black;}

    border: 0.125rem solid #007faf;*/





/* Added as Custom*/

.d-block {text-align:center;}

.homepic {margin-top:-10px;}
.form-inline {margin-top:10px;}







/* These CSS media queries control how many columns of cards display on the login, checkout_shipping, checkout_payment & checkout_confirmation pages */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { 

.card-columns {

  -webkit-column-count: 1;

  -moz-column-count: 1;

  column-count: 1;}

	.form-inline .input-group {width:90%;}
.phone2 {display:none;}

}


/*
@media (max-width: 576px) { 

div#navbarSupportedContent {

    max-height:90vh;

	font-size:12px;

    /*overflow-y:auto;*/

/*	}}



@media (max-width: 576px) { 

div#ezpagesBarHeader {

    display:none;


    /*overflow-y:auto;*/

/*	}}*/

@media (max-width: 576px) { 

.phone1 {display:none;}
	#ezpagesBarHeader {display:none;}
	.phone2 {color:#ffffff;text-align:center;}
	
	}




@media only screen and (orientation:portrait) {
/*bof responsive*/
div#ezpagesBarHeader {display:none;}
div#navbarSupportedContent {max-height:90vh;font-size:12px;/*overflow-y:auto;*/}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {display:none;}
#taglineWrapper {padding-top:10px;}
nav.navbar {background-color: #333333;width: 100%;}
.mx-3  {margin-left: 0rem !important;}
#navBreadCrumb ol {margin-top: -30px;}
.phone1 {display:none;}




/*  Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

.card-columns {

  -webkit-column-count: 1;

  -moz-column-count: 1;

  column-count: 1;

}

}



/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

.card-columns {

  -webkit-column-count: 2;

  -moz-column-count: 2;

  column-count: 2;

}

}



/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

.card-columns {

  -webkit-column-count: 2;

  -moz-column-count:2;

  column-count: 2;

}

}