/* ********************************************************************************************
	Full Width Elements (Div under container display in full width)
*********************************************************************************************** */

.alt-bg{
	width: 100%;
	max-width: 100%;
}

.alt-bg{
	margin-left: -1000px !important;
	margin-right: -1000px !important;
	padding-left: 1000px;
	padding-right: 1000px;
}

/* Insert This Class To Display Background Color */
.gray-bg,
.gray-bg .section-title span:before{background-color: #f3f3f3;}
.gray-bg{
	padding-top: 60px;
	padding-bottom: 60px;
}


/* ********************************************************************************************
	Section Heading
*********************************************************************************************** */

/* Style For Section Title & Page Title Box */
.section-title,
.page-title{font-weight: normal;margin-top: 0;position: relative;margin-bottom: 30px;clear: both;}

/* Style For Section Title & Page Title */
.section-title > *,
.page-title > *{  font-weight: 800;font-size: 25px;line-height: 30px;margin-bottom: 0px;}

.section-title h2{}
.section-title > *:after{content: "";border-bottom: 1px solid #ECECEC;width: 100%;position: absolute;top: 50%;left: 0;right: 0;max-width: 70px;width: 100%;margin-top: 10px;position: relative;  font-family: FontAwesome;display: block;}
.section-title.a-center > *:after{margin-left: auto;margin-right: auto;}
.section-title.full-border > *:after{max-width: none;}
.padd-right80{padding-right: 80px;}

/* Common hr */
.section-hr{clear: both;display: block;font-size: 0;line-height: 0;height: 0;margin: 0 0 10px;padding: 10px 0 0;background: none;border-bottom: 1px solid #ECECEC;text-indent: -9999em;overflow: hidden;}
.horizontal-break {height: 2px;width: 50px;margin: 20px auto 25px;background-color: #ECECEC;}


/* Secondary headings =========================================================== */

/* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,
.multiple-checkout h2,


/* Account headings =========================================================== */

/* Primary */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2{font-size: 18px;line-height: 24px;border-bottom: 1px solid #ECECEC;padding-bottom: 10px;}

/* Secondary */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4,
.order-info-box h2,
.addresses-list h2{font-size: 16px;line-height: 20px;}

/* Third */
.dashboard .box-info h4,
.addresses-list h3{font-size: 14px;line-height:18px;}

/* Generic Font Weight */
.f-weight-100{font-weight: 100;}
.f-weight-200{font-weight: 200;}
.f-weight-300{font-weight: 300;}
.f-weight-400{font-weight: 400;}
.f-weight-500{font-weight: 500;}
.f-weight-600{font-weight: 600;}
.f-weight-700{font-weight: 700;}
.f-weight-800{font-weight: 800;}
.f-weight-900{font-weight: 800;}


/* ********************************************************************************************
	Vertically Centered
*********************************************************************************************** */

/* Vertically aligned content */
.v-centered-content {
	display:table;
}
.v-centered-content .v-center {
	display:table-cell;
	vertical-align:middle;
}

/* Vertically aligned grid */
.v-grid-container {
	display:table;
	width:100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}
.product-tabs-content .v-grid-container{
	display: table;
	width: 100%;
}
.product-tabs-content .v-grid{
	float:none;
	display:table-cell;
	vertical-align:middle;
}


/* ********************************************************************************************
	Vertical links
*********************************************************************************************** */

/* Basic links, no separators */
.links > li { display: inline-block; vertical-align: middle;}
.links > li > a { display:block;}

/* Links With Separators (Position Right) */
.links-separators .links > li { margin-left:-3px;border-right: 1px solid;line-height: 9px; }
.links-separators .links > li > a {padding: 0 10px; }
.links-separators .links > li.last {border-right: none; }
.links-separators .links > li.last > a{padding-right: 0px;}
.links-separators .links > li.first > a{padding-left: 0px;}
.links-separators .links > li.hide-separator {border-right: none;}
.links-separators .links > li.separator-left { border-left: 1px solid ;border-right: none;}

/* Links With Separators (Position Left) */
.links-separators-left .links > li { margin-right:-3px; border-left: 1px solid;line-height: 9px;}
.links-separators-left .links > li > a {padding: 0 10px;}
.links-separators-left .links > li.first{border-left: none; }
.links-separators-left .links > li.first > a {padding-right: 0px;}
.links-separators-left .links > li.hide-separator { border-left: none; }
.links-separators-left .links > li.separator-right{ border-right: 1px solid;border-left: none; }


/* ********************************************************************************************
	Hide Elements
*********************************************************************************************** */

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }


@media only screen and (max-width: 1280px){
    .alt-bg{
    margin-left: -52px !important;
    margin-right: -52px !important;
    padding-left: 52px;
    padding-right: 52px;
    }
}


@media only screen and (max-width: 1024px){
    .alt-bg{
    margin-left: -30px !important;
    margin-right: -30px !important;
    padding-left: 30px;
    padding-right: 30px;
    }
}

@media only screen and (max-width: 768px){
    .alt-bg{
    margin-left: -22px !important;
    margin-right: -22px !important;
    padding-left: 22px;
    padding-right: 22px;
    }
}


@media only screen and (max-width: 640px){
    .alt-bg{
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 12px;
    padding-right: 12px;
    }
}

@media only screen and (max-width: 396px){
    .alt-bg{
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding-left: 10px;
    padding-right: 10px;
    }
}