/* ======================================================== */
/* ALL DISPLAYS - Mobile First Frameworks - Default Query */
/* ======================================================== */

/* ======================================================== */
/* Global Typography */
/* ======================================================== */
/* Font Import */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

p {
	
	font-size: 1.05rem;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}

/* ======================================================== */
/* Global Styles */
/* ======================================================== */


/* ======================================================== */
/* Basic Internal Page Styles */
/* ======================================================== */
.basic-int {
	background-color:#fff;
	padding-top: 50px;
	padding-bottom: 80px;
}

.basic-int-content {
    padding-right: 30px;
    padding-top: 60px;
}

.basic-int-content h1 {
	color: #4d4b50;
	line-height: 1.375rem;
	font-weight: 600;
}

.basic-int-content h3 {
	color: #4d4b50;
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 300;
	padding-bottom: 30px;
	border-bottom: 3px solid #f7f7f7;
	margin-bottom: 20px;
	margin-top: 20px;
}

.basic-int-content h4 {
	color: #4d4b50;
	font-size: 1.05rem;
	line-height: 1.5rem;
	font-weight: 300;
}
/* ======================================================== */
/* How it works Styles */
/* ======================================================== */
/* Block 1 Styles */
/* Block 2 Styles */
.int-icons {
	background-color:#ebebeb;
	height: auto;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 20px;
}

.numbers {
	color: #EE0034;
	font-size: 2.375rem;
}

.int-icons-text h2 {
	font-size: 1.5rem;
}

.int-icons-text p {
	font-size: 1.1875rem;
	line-height: 1.75rem;
	border-bottom: none;
}

/* ======================================================== */
/* FAQ Styles */
/* ======================================================== */
/* Accordian Styles */
.card-header h5 a {
	font-size: 1.1875rem;
	color: #404040;
}

.card-header {
	background-color: #f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 25px;
	border-bottom: none;
}

.card {
	margin-bottom: 5px;
}

.card-body p {
	font-size: 1.4375rem;
	line-height: 2.25rem;
	font-weight: 300;
}

.card-body strong {
	font-size: 	1.375rem;
	line-height: 2rem;
	font-weight: 600;
}

/* ======================================================== */
/* About Styles */
/* ======================================================== */
.header-images {
    padding-top: 30px;
    padding-bottom: 30px;
}

.grading-scale-content {
	margin-top: 20px;
	background-color: #f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:30px;
	margin-bottom: 30px;
}

.grade {
	background-color: #d8d8d8;
	padding: 5px 15px 1px 15px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: 600;
	max-height: 50px;
}

.grade-block {
	padding-left: 15px;
	margin-bottom: 20px;
}

.grade-meaning p {
	font-size: 1.125rem;
	font-weight: 300;
}

/* ======================================================== */
/* Contact */
/* ======================================================== */
p.contact-title {
    font-size: 1.5rem;
    font-weight: 300;
    color: #727272;
}

p.contact-location {
    font-size: 1.0625rem;
    font-weight: 600;
    margin: 0;
    margin-top: -14px;
}

p.contact-address {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #404040;
}

p.contact-store {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #404040;
}

p.contact-directions {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #404040;
    margin-bottom: 5px;
    margin-top: -10px;
}

/* Form */
.form-row sup {
	color: #ee0034;
	font-size: 1rem;
	top: -0.08em;
	padding-left: 3px;
}

.basic-int-content .form-control {
    display: block;
    width: 100%;
    padding: 0.8rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #f4f4f4;
    border: none;
    border-radius: 0;
}

.basic-int-content .custom-select {
	display: inline-block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #f4f4f4;
    border: none;
    border-radius: 0;
	height: 50px;
}

.basic-int-content .col-form-label {
    color: #535353;
    font-size: 1rem;
    margin-bottom: .5rem;
}

.basic-int-content label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #535353;
    font-size: 1rem;
}

.btn-primary.contact-send {
    background-color: #4f5054;
    border: none;
    border-radius: 3px;
    float: right;
    font-size: 1.063rem;
    padding: 14px 55px;
    margin-top: 30px;
}

.basic-int-content form {
	padding-top:40px;
}

/* ======================================================== */
/* Checkout Process Page Styles */
/* ======================================================== */
/* Progress Bar Styles */
.progress {
	display: flex;
	overflow: hidden;
	font-size: .75rem;
	line-height: 1rem;
	text-align: center;
	background-color: #f4f4f4;
	border-radius: 0.25rem;
	margin-bottom: 30px;
}

.progress-bar {
	background-color: #ee0034;
}

/* Quantity Styles */
.btn-danger {
    color: #fff;
    background-color: #bdbdbd;
    border: none;
    border-radius: 5px;
    height: 100%;
}

.btn-danger:hover {
	background-color: #ee0034;
}

.btn-success {
    color: #fff;
    background-color: #bdbdbd;
    border-color: transparent;
    height: 100%;
}

.btn-success:hover {
	background-color: #ee0034;
	border-color: transparent;
}

.quantity-left-minus.btn.btn-danger.btn-number {
    font-size: 0.625rem;
}

.quantity-right-plus.btn.btn-success.btn-number {
    font-size: 0.625rem;
}

.subtotal {
	color: #3a3a3a;
}

#quantity {
	padding: 0;
	width: 0;
	text-align: center;
}

/* Header Styles */
.checkout hr {
	margin-top: 0px;
	margin-bottom: 1.25rem;
	border-top: 2px #ccc solid;
	padding: 0px !important;
}

.items hr {
	color: #ccc;
	margin-top: 25px;
	margin-bottom: 25px;
}

.col.checkout-contact {
    padding-bottom: 40px;
}

.checkout-header-1 h1 {
	font-size: 	1.125rem;
	text-align: left;
}

.checkout-header h1 {
	font-size: 	1.125rem;
	text-align: center;
}

.checkout-img {
    border: 1px #d5d5d5 solid;
    margin-bottom: 20px;
}

.checkout h2 {
	font-size: 	1.0625rem;
	line-height: 1.125rem;
	font-weight: 400;
	text-align: left;
}

.checkout h3 {
	color: #b2b2b2;
	font-size: 	0.9375rem;
	line-height: 1rem;
	border-bottom: none;
	margin-bottom: 0;
}

.checkout span {
	text-decoration: line-through;
	font-size: 	0.9375rem;
	line-height: 1rem;
	border-bottom: none;
}

.item-label {
	font-size:1.25rem;
	text-align: left;
	margin-bottom: -13px;
	font-weight: 600;
}

.review p {
	font-size: 1rem;
	border-top: none !important;
	margin-top: -32px !important;
	line-height: 1.3125rem;
}

.checkout-contact p {
	font-size: 1rem;
	line-height: 1.3125rem;
	margin-bottom: 5px;
}

.checkout-contact h2 {
	font-size: 1.125rem;
	text-align: left;
	font-weight: 600;
	border-bottom: 2px #ccc solid;
	padding-bottom: 10px;
	margin-bottom: 1.25rem;
}

.confirmation h2 {
	border-top: 2px #ccc solid;
	margin-top: 10px;
	padding-top: 25px;
	font-size: 1.5625rem;
	color: #474747;
	font-weight: 600;
}

.confirmation h3 {
	font-size: 1.375rem;
	line-height: 1.8125rem;
	color: #474747;
	font-weight: 400;
	border-bottom: none;
	margin: 0;
}

.confirmation p {
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #474747;
	font-weight: 400;
}

.confirmation h3 span {
	color: #EE0034;
	font-weight: 600;
}

/* Item Styles */
.progress-list-bar span {
	color: #EE0034;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.05rem;
	letter-spacing: -1px;
}

.progress-list-bar p {
	border-top: 2px #ccc solid;
	padding-top: 30px;
	margin-top: 10px;
}

.checkout {
    text-align: left;
}


.fa.fa-chevron-left {
    font-size: 0.875rem;
    color: #ee0034;
}

.fa.fa-chevron-right {
    font-size: 0.875rem;
    color: #ee0034;
}

.selection p {
	color: #ee0034;
	font-weight: 600;
	font-size: 1rem;
}

.disclaimer p {
	font-size:0.875rem;
	color: #757575;
	text-align:left;
}

/* ======================================================== */
/* Sidebar */
/* ======================================================== */
.basic-int-sidebar h1 {
	font-size: 1.5rem;
	color: #3a3a3a;
	font-weight: 500;
	padding-bottom: 5px;
	border-bottom: 3px solid #f7f7f7;
	margin-top: 30px;
}

.int-sidebar-header {
	background-color:#f7f7f7; 
	max-height:750px;
	margin: 20px 0px;
}

.int-sidebar-header h2 {
	font-size: 1.25rem;
	color: #EE0034;
	font-weight:600;
	padding: 15px;
}

.locations-holder {
	background-color: #f7f7f7;
	max-height: 750px;
	overflow-x: scroll;
}

.int-sidebar-state {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px;
}

.locations-holder h2 {
	color: #EE0034;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 20px 0;
}

.sidebar-address {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}

.int-sidebar-state strong {
	font-size: 1.0625rem;
	line-height: 1.625rem;
	font-weight: 700;
}

.int-sidebar-state p {
	font-size: 0.9375rem;
	line-height: 1.5rem;
	font-weight: 400;
}

.sidebar-address a {
	color: #404040;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 15px;
}

.sidebar-address i {
	color: #EE0034;
	font-weight: 600;
	padding: 0 10px 0 0;
}

/* Sidebar Checkout Styles */

.checkout-sb-title {
	background-color: #e8e8e8;
	padding: 30px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

.checkout-sb-title h2 {
	color: #474747;
	margin-bottom: 0px;
	font-size: 1.125rem;
	font-weight: 600;
}

.checkout-sb-price, .checkout-sb-extra {
	background-color: #f3f2f2;
	padding: 30px 20px 20px;
	margin-left: 0px;
	margin-right: 0px;
}

.checkout-sb-extra {
	padding: 0 20px 30px;
}

.checkout-sb-price p {
	font-weight: 600;
}

p.price-compare {
	text-decoration: line-through;
}

p.price-total {
	color: #eb0d3a;
}

p.tbd {
	color: #6b6b6b;
}

p.promo-fine {
	color: #757575;
	font-size: .875rem;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: 500;
}

.checkout-sb-extra img {
	width: 200px;
	margin: 0 auto;
	display: block;
	padding-top: 30px;
}

.checkout-4 .checkout-sb-extra img {
	padding-top: 0;
}

/* ======================================================== */
/* CUSTOM, IPHONE RETINA */
/* ======================================================== */ 
@media only screen and (min-width : 320px) {
.basic-int-content {
    padding-right: 15px;
    padding-top: 15px;
}
}

/* ======================================================== */
/* EXTREA SMALL DEVICES, PHONES */
/* ======================================================== */
@media only screen and (min-width : 480px) {

}

/* ======================================================== */
/* SMALL DEVICES, TABLETS */
/* ======================================================== */
@media only screen and (min-width : 768px) {

.checkout h2 {
	text-align: center;
}

.checkout h3 {
	text-align: center;
}

.checkout {
    text-align: center;
}

.checkout-item h2 {
	text-align: left;
}

.checkout-item h3 {
	text-align: left;
}
}

/* ======================================================== */
/* MEDIUM DEVICES, DESKTOPS */
/* ======================================================== */
@media only screen and (min-width : 992px) {
.int-icons-text {
	margin-left: -15px;
}

.checkout-sb-price p {
	font-size: .9rem;
}

}

/* ======================================================== */
/* LARGE DEVICES, WIDE SCREENS */
/* ======================================================== */
@media only screen and (min-width : 1200px) and (max-width : 1230px) {

}

@media only screen and (min-width : 1200px) {
	
	.checkout-sb-price p {
	font-size: 1.05rem;
	}

}