/* Global style sheet */
/* Table of content
* FONTS
* COLORS
* HEADERS
* GRID
* EMPLOYEE PRICING BRAND
*/
/* $FONTS */
@font-face {
font-family:'GillSans';
font-style:normal;
font-weight:normal;
src: url('/static/css/GillSans/gillsans.eot');
src: url('/static/css/GillSans/gillsans.eot?#iefix') format('embedded-opentype')
,url('/static/css/GillSans/gillsans.woff') format('woff')
,url('/static/css/GillSans/gillsans.ttf') format('truetype')
,url('/static/css/GillSans/gillsans.svg#webfont') format('svg');
}
@font-face {
font-family:'GillSansBold';
font-style:normal;
font-weight:bold;
src: url('/static/css/GillSans/gillsansb.eot');
src: url('/static/css/GillSans/gillsansb.eot?#iefix') format('embedded-opentype')
,url('/static/css/GillSans/gillsansb.woff') format('woff')
,url('/static/css/GillSans/gillsansb.ttf') format('truetype')
,url('/static/css/GillSans/gillsansb.svg#webfont') format('svg');
}
@font-face{
font-family:'OpenSans';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/OpenSans/OpenSans-Regular-webfont.eot');
src:url('/static/css/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
url('/static/css/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
url('/static/css/OpenSans/OpenSans-Regular-webfont.svg#webfont') format('svg');
}
@font-face{
font-family:'OpenSansLight';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/OpenSans/OpenSans-Light-webfont.eot');
src:url('/static/css/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
url('/static/css/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
url('/static/css/OpenSans/OpenSans-Light-webfont.svg#webfont') format('svg');
}
@font-face{
font-family:'OpenSansBold';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/OpenSans/OpenSans-Bold-webfont.eot');
src:url('/static/css/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
url('/static/css/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
url('/static/css/OpenSans/OpenSans-Bold-webfont.svg#webfont') format('svg');
}
@font-face {
font-family: 'RobotoLight';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/Roboto/Roboto-Light-webfont.eot');
src:url('/static/css/Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Roboto/Roboto-Light-webfont.woff') format('woff'),
url('/static/css/Roboto/Roboto-Light-webfont.ttf') format('truetype'),
url('/static/css/Roboto/Roboto-Light-webfont.svg#webfont') format('svg');
}
@font-face{
font-family:'Roboto';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/Roboto/Roboto-Regular-webfont.eot');
src:url('/static/css/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Roboto/Roboto-Regular-webfont.woff') format('woff'),
url('/static/css/Roboto/Roboto-Regular-webfont.ttf') format('truetype'),
url('/static/css/Roboto/Roboto-Regular-webfont.svg#webfont') format('svg');
}
@font-face{
font-family:'RobotoBold';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/Roboto/Roboto-Bold-webfont.eot');
src:url('/static/css/Roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Roboto/Roboto-Bold-webfont.woff') format('woff'),
url('/static/css/Roboto/Roboto-Bold-webfont.ttf') format('truetype'),
url('/static/css/Roboto/Roboto-Bold-webfont.svg#webfont') format('svg');
}
/* NOTE: Currently trying out Novecento Book as the definition for both Novecento and NovecentoBook for consistency.*/
/* Eventually we should remove the definition of one and pick a name, but for now this shouldn't break anything. */
@font-face {
font-family:'Novecento';
src:url('/static/css/Novecento/novecentowide-book-webfont.eot');
src:url('/static/css/Novecento/novecentowide-book-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Novecento/novecentowide-book-webfont.woff') format('woff'),
url('/static/css/Novecento/novecentowide-book-webfont.ttf') format('truetype'),
url('/static/css/Novecento/novecentowide-book-webfont.svg#novecento_wide_lightregular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'NovecentoBook';
src:url('/static/css/Novecento/novecentowide-book-webfont.eot');
src:url('/static/css/Novecento/novecentowide-book-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Novecento/novecentowide-book-webfont.woff') format('woff'),
url('/static/css/Novecento/novecentowide-book-webfont.ttf') format('truetype'),
url('/static/css/Novecento/novecentowide-book-webfont.svg#novecento_wide_lightregular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'NovecentoLight';
src:url('/static/css/Novecento/novecentowide-light-webfont.eot');
src:url('/static/css/Novecento/novecentowide-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Novecento/novecentowide-light-webfont.woff') format('woff'),
url('/static/css/Novecento/novecentowide-light-webfont.ttf') format('truetype'),
url('/static/css/Novecento/novecentowide-light-webfont.svg#novecento_wide_lightregular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'NovecentoBold';
src:url('/static/css/Novecento/novecentowide-bold-webfont.eot');
src:url('/static/css/Novecento/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/Novecento/novecentowide-bold-webfont.woff') format('woff'),
url('/static/css/Novecento/novecentowide-bold-webfont.ttf') format('truetype'),
url('/static/css/Novecento/novecentowide-bold-webfont.svg#novecento_wide_boldregular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'SourceSansLight';
src: url('/static/css/SourceSansNew/source_sans_light.eot');
src: url('/static/css/SourceSansNew/source_sans_light.eot?#iefix') format('embedded-opentype'),
url('/static/css/SourceSansNew/source_sans_light.woff') format('woff');
}
@font-face {
font-family: 'SourceSans';
src: url('/static/css/SourceSansNew/source_sans_regular.eot');
src: url('/static/css/SourceSansNew/source_sans_regular.eot?#iefix') format('embedded-opentype'),
url('/static/css/SourceSansNew/source_sans_regular.woff') format('woff');
}
@font-face {
font-family: 'SourceSansBold';
src: url('/static/css/SourceSansNew/source_sans_semibold.eot');
src: url('/static/css/SourceSansNew/source_sans_semibold.eot?#iefix') format('embedded-opentype'),
url('/static/css/SourceSansNew/source_sans_semibold.woff') format('woff');
}
@font-face {
font-family: 'SourceSansItalic';
src: url('/static/css/SourceSansNew/source_sans_regular_italic.eot');
src: url('/static/css/SourceSansNew/source_sans_regular_italic.eot?#iefix') format('embedded-opentype'),
url('/static/css/SourceSansNew/source_sans_regular_italic.woff') format('woff');
}
@font-face {
font-family: 'BebasNeue';
font-style: normal;
font-weight: normal;
src: url('/static/css/BebasNeue/BebasNeue-webfont.eot');
src: url('/static/css/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/BebasNeue/BebasNeue-webfont.woff') format('woff'),
url('/static/css/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
url('/static/css/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
}
@font-face {
font-family: 'Mohave';
font-style: normal;
font-weight: normal;
src: url('/static/css/MohaveTypeface/mohave-webfont.eot');
src: url('/static/css/MohaveTypeface/mohave-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/MohaveTypeface/Mohave.otf') format('truetype');
}
@font-face {
font-family: 'MohaveBold';
font-style: normal;
font-weight: bold;
src: url('/static/css/MohaveTypeface/mohave-webfont.eot');
src: url('/static/css/MohaveTypeface/mohave-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/MohaveTypeface/Mohave.otf') format('truetype');
}
@font-face {
font-family: 'MohaveBoldNew';
font-style: normal;
font-weight: bold;
src: url('/static/css/MohaveTypeface/mohave-bold-webfont.eot');
src: url('/static/css/MohaveTypeface/mohave-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/MohaveTypeface/Mohave-Bold.otf') format('truetype');
}
@font-face {
font-family:'NotoSerif';
src:url('/static/css/NotoSerif/NotoSerif-Regular-webfont.eot');
src:url('/static/css/NotoSerif/NotoSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/NotoSerif/NotoSerif-Regular-webfont.woff') format('woff'),
url('/static/css/NotoSerif/NotoSerif-Regular-webfont.ttf') format('truetype'),
url('/static/css/NotoSerif/NotoSerif-Regular-webfont.svg#NotoSerifRegular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'NotoSerifItalic';
src:url('/static/css/NotoSerif/NotoSerif-Italic-webfont.eot');
src:url('/static/css/NotoSerif/NotoSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/NotoSerif/NotoSerif-Italic-webfont.woff') format('woff'),
url('/static/css/NotoSerif/NotoSerif-Italic-webfont.ttf') format('truetype'),
url('/static/css/NotoSerif/NotoSerif-Italic-webfont.svg#NotoSerif_Italicregular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'NotoSerifBoldItalic';
src:url('/static/css/NotoSerif/NotoSerif-BoldItalic-webfont.eot');
src:url('/static/css/NotoSerif/NotoSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/static/css/NotoSerif/NotoSerif-BoldItalic-webfont.woff') format('woff'),
url('/static/css/NotoSerif/NotoSerif-BoldItalic-webfont.ttf') format('truetype'),
url('/static/css/NotoSerif/NotoSerif-BoldItalic-webfont.svg#NotoSerif_BoldItalicregular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Montserrat';
src: url('/static/css/paw/fonts/Montserrat/MontserratRegular.eot');
src: url('/static/css/paw/fonts/Montserrat/MontserratRegular.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Montserrat/MontserratRegular.woff') format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
font-family:'MontserratBold';
src: url('/static/css/paw/fonts/Montserrat/MontserratBold.eot');
src: url('/static/css/paw/fonts/Montserrat/MontserratBold.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Montserrat/MontserratBold.woff') format('woff');
font-weight:700;
font-style:normal;
}
@font-face {
font-family:'MontserratLight';
src: url('/static/css/paw/fonts/Montserrat/MontserratLight.eot');
src: url('/static/css/paw/fonts/Montserrat/MontserratLight.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Montserrat/MontserratLight.woff') format('woff');
font-weight:700;
font-style:normal;
}
@font-face {
font-family:'MontserratSemiBold';
src: url('/static/css/paw/fonts/Montserrat/Montserrat-SemiBold.eot');
src: url('/static/css/paw/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Muli';
src: url('/static/css/paw/fonts/Muli/MuliRegular.eot');
src: url('/static/css/paw/fonts/Muli/MuliRegular.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Muli/MuliRegular.woff') format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
font-family:'MuliBold';
src: url('/static/css/paw/fonts/Muli/MuliBold.eot');
src: url('/static/css/paw/fonts/Muli/MuliBold.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Muli/MuliBold.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'MuliLight';
src: url('/static/css/paw/fonts/Muli/MuliLight.eot');
src: url('/static/css/paw/fonts/Muli/MuliLight.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Muli/MuliLight.woff') format('woff');
font-weight:300;
font-style:normal;
}
@font-face {
font-family:'MuliItalic';
src: url('/static/css/paw/fonts/Muli/MuliRegularItalic.eot');
src: url('/static/css/paw/fonts/Muli/MuliRegularItalic.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Muli/MuliRegularItalic.woff') format('woff');
font-weight:400;
font-style:italic;
}
@font-face {
font-family:'LatoBold';
src: url('/static/css/paw/fonts/Lato/Lato-Bold.eot');
src: url('/static/css/paw/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Lato/Lato-Bold.ttf') format('truetype'),
url('/static/css/paw/fonts/Lato/Lato-Bold.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Lato';
src: url('/static/css/paw/fonts/Lato/Lato-Regular.eot');
src: url('/static/css/paw/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('/static/css/paw/fonts/Lato/Lato-Regular.ttf') format('truetype'),
url('/static/css/paw/fonts/Lato/Lato-Regular.woff') format('woff');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'Abril';
font-style:normal;
font-variant:normal;
font-weight:normal;
src:url('/static/css/paw/fonts/Abril/Abril.ttf') format('truetype');
}
@font-face{
font-family:'SourceSerifProBold';
font-style:normal;
font-weight:normal;
src: url('/static/css/SourceSerifPro/SourceSerifPro-Bold.otf') format('truetype');
}
@font-face{
font-family:'SourceSerifProBoldIt';
font-style:normal;
font-weight:normal;
src: url('/static/css/SourceSerifPro/SourceSerifPro-BoldIt.otf') format('truetype');
}
/* anti aliased fonts for chrome */
/* Read more at http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/#MQ0KgI6PIcCzFpO8.99*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'Novecento';
src: url('/static/css/Novecento/novecentowide-book-webfont.svg#novecento_wide_bookregular') format('svg');
}
@font-face {
font-family: 'NovecentoBook';
src: url('/static/css/Novecento/novecentowide-book-webfont.svg#novecento_wide_bookregular') format('svg');
}
@font-face {
font-family: 'NovecentoLight';
src: url('/static/css/Novecento/novecentowide-light-webfont.svg#novecento_wide_bookregular') format('svg');
}
@font-face {
font-family: 'NovecentoBold';
src: url('/static/css/Novecento/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg');
}
@font-face{
font-family:'OpenSansBold';
src: url('/static/css/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
}
@font-face{
font-family:'RobotoBold';
src: url('/static/css/Roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
}
@font-face {
font-family: 'RobotoLight';
src: url('/static/css/Roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg');
}
}
/* quick reference classes */
.os {font-family:'OpenSans', Arial, sans-serif;}
.osLight {font-family:'OpenSansLight', Arial, sans-serif;}
.osBold {font-family:'OpenSansBold', Arial, sans-serif;}
.roboto {font-family:'Roboto', Arial, sans-serif;}
.robotoBold {font-family:'RobotoBold', Arial, sans-serif;}
.robotoLight {font-family:'RobotoLight', Arial, sans-serif;}
.novecento {font-family: 'NovecentoBook', Arial, sans-serif;}
.novecentoLight {font-family: 'NovecentoLight', Arial, sans-serif;}
.novecentoBold {font-family: 'NovecentoBold', Arial, sans-serif;}
.sourceSans {font-family: 'SourceSans', Arial, sans-serif;}
.sourceSansLight {font-family: 'SourceSansLight', Arial, sans-serif;}
.sourceSansBold {font-family: 'SourceSansBold', Arial, sans-serif;font-weight:normal;}
.sourceSansItalic {font-family: 'SourceSansItalic', Arial, sans-serif;}
.notoSerif {font-family: 'NotoSerif', Georgia, sans-serif;}
.notoSerifItalic {font-family: 'NotoSerifItalic', Georgia, sans-serif;}
.notoSerifBoldItalic {font-family: 'NotoSerifBoldItalic', Georgia, sans-serif;}
.mohave {font-family: 'Mohave', Arial, sans-serif;font-weight:normal;text-transform: uppercase;}
.mohaveBold {font-family: 'MohaveBoldNew', Arial, sans-serif;font-weight:normal;text-transform: uppercase;}
.montserrat {font-family: 'Montserrat';}
.montserratBold {font-family: 'MontserratBold';}
.montserratLight {font-family: 'MontserratLight';}
.montserratSemiBold {font-family:'MontserratSemiBold';}
.muli {font-family: 'Muli'; }
.muliBold {font-family: 'MuliBold';}
.muliLight {font-family: 'MuliLight';}
.muliItalic {font-family: 'MuliItalic';}
.lato {font-family: 'Lato'; }
.latoBold {font-family: 'LatoBold';}
.latoLight {font-family: 'LatoLight';}
.latoItalic {font-family: 'LatoItalic';}
/* $COLORS */
/* ^orange */
.g_orange { /* NOTE: not used */
color:#F15E22;
}
/* ^blue - NOTE: used only on the dashboard */
.g_base_link {
color:#1758ce;
}
.g_alt_link {
color:#1D6ECE;
}
.g_light_blue {
color:#1F6CE0;
}
/* ^gray - NOTE: used sporadially */
.g_light_gray {
color:#999999;
}
.g_mid_gray {
color:#777777;
}
.g_dark_gray {
color:#222222;
}
.g_outline_gray {
color:#D1D1D1;
}
/* ^green - NOTE: used only on the dashboard */
.g_inpath_green {
color:#7AB142;
}
/* $HEADERS - NOTE: not used */
.g_h1, .g_h2, .g_h3 {
font-family:'GillSansBold', Arial, sans-serif;
font-weight:bold;
text-transform:uppercase;
}
.g_h4, .g_h5, .g_h6 {
font-family:'GillSans', Arial, sans-serif;
text-transform:uppercase;
}
.g_h1 { font-size:32px; }
.g_h2 { font-size:28px; }
.g_h3 { font-size:24px; }
.g_h4 { font-size:18px; }
.g_h5 { font-size:14px; }
.g_h6 { font-size:12px; }
/* NOTE: currently in use*/
.h1 { font-size:32px; }
.h2 { font-size:28px; }
.h3 { font-size:24px; }
.h4 { font-size:18px; }
.h5 { font-size:16px; }
.h6 { font-size:13px; }
.tiny{ font-size:10px; }
.align_l{ text-align:left; }
.align_c{ text-align:center; }
.align_r{ text-align:right; }
.Align_L{ text-align:left !important; }
.Align_C{ text-align:center !important; }
.Align_R{ text-align:right !important; }
/* $PADDING */
.pad_0 {padding:0px !important;}
.pad_4 {padding:4px;}
.pad_5 {padding:5px;}
.pad_6 {padding:6px;}
.pad_8 {padding:8px;}
.pad_10 {padding:10px;}
.pad_15 {padding:15px;}
.pad_17 {padding:17px;}
.pad_20 {padding:20px !important;}
.pad_25 {padding:25px;}
.pad_30 {padding:30px;}
.pad_40 {padding:40px;}
.pad_t{ padding-top:10px !important; }
.pad_l{ padding-left:10px !important; }
.pad_r{ padding-right:10px !important; }
.pad_b{ padding-bottom:10px !important; }
.pad_t_5{ padding-top:5px !important; }
.pad_l_5{ padding-left:5px !important; }
.pad_r_5{ padding-right:5px !important; }
.pad_b_5{ padding-bottom:5px !important; }
.pad_t_7{ padding-top:7px !important; }
.pad_l_7{ padding-left:7px !important; }
.pad_r_7{ padding-right:7px !important; }
.pad_b_7{ padding-bottom:7px !important; }
.pad_t_10{ padding-top:10px !important; }
.pad_l_10{ padding-left:10px !important; }
.pad_r_10{ padding-right:10px !important; }
.pad_b_10{ padding-bottom:10px !important; }
.pad_t_15{ padding-top:15px !important; }
.pad_l_15{ padding-left:15px !important; }
.pad_r_15{ padding-right:15px !important; }
.pad_b_15{ padding-bottom:15px !important; }
.pad_t_17{ padding-top:17px !important; }
.pad_l_17{ padding-left:17px !important; }
.pad_r_17{ padding-right:17px !important; }
.pad_b_17{ padding-bottom:17px !important; }
.pad_t_20{ padding-top:20px !important; }
.pad_l_20{ padding-left:20px !important; }
.pad_r_20{ padding-right:20px !important; }
.pad_b_20{ padding-bottom:20px !important; }
.pad_t_25{ padding-top:25px !important; }
.pad_r_25{ padding-right:25px !important; }
.pad_b_25{ padding-bottom:25px !important; }
.pad_l_25{ padding-left:25px !important; }
.pad_t_30{ padding-top:30px !important; }
.pad_l_30{ padding-left:30px !important; }
.pad_r_30{ padding-right:30px !important; }
.pad_b_30{ padding-bottom:30px !important; }
.pad_t_35{ padding-top:35px !important; }
.pad_l_35{ padding-left:35px !important; }
.pad_r_35{ padding-right:35px !important; }
.pad_b_35{ padding-bottom:35px !important; }
.pad_t_40{ padding-top:40px !important; }
.pad_l_40{ padding-left:40px !important; }
.pad_r_40{ padding-right:40px !important; }
.pad_b_40{ padding-bottom:40px !important; }
.pad_t_50{ padding-top:50px !important; }
.pad_l_50{ padding-left:50px !important; }
.pad_r_50{ padding-right:50px !important; }
.pad_b_50{ padding-bottom:50px !important; }
.pad_t_60{ padding-top:60px !important; }
.pad_l_60{ padding-left:60px !important; }
.pad_r_60{ padding-right:60px !important; }
.pad_b_60{ padding-bottom:60px !important; }
.pad_t_70{ padding-top:70px !important; }
.pad_l_70{ padding-left:70px !important; }
.pad_r_70{ padding-right:70px !important; }
.pad_b_70{ padding-bottom:70px !important; }
.pad_t_80{ padding-top:80px !important; }
.pad_l_80{ padding-left:80px !important; }
.pad_r_80{ padding-right:80px !important; }
.pad_b_80{ padding-bottom:80px !important; }
.pad_t_100{ padding-top:100px !important; }
.pad_l_100{ padding-left:100px !important; }
.pad_r_100{ padding-right:100px !important; }
.pad_b_100{ padding-bottom:100px !important; }
.pad_b_500{ padding-bottom:500px !important; }
.pad_t_0{ padding-top:0 !important; }
.pad_l_0{ padding-left:0 !important; }
.pad_r_0{ padding-right:0 !important; }
.pad_b_0{ padding-bottom:0 !important; }
.pad_tb_5 { padding-top:5px; padding-bottom:5px}
.pad_tb_10 { padding-top:10px; padding-bottom:10px}
.pad_tb_15 { padding-top:15px; padding-bottom:15px}
.pad_tb_20 { padding-top:20px; padding-bottom:20px}
.pad_tb_30 { padding-top:30px; padding-bottom:30px}
.pad_tb_40 { padding-top:40px; padding-bottom:40px}
.pad_tb_50 { padding-top:50px; padding-bottom:50px}
.pad_tb_5_imp { padding-top:5px !important; padding-bottom:5px !important;}
.pad_tb_10_imp { padding-top:10px !important; padding-bottom:10px !important;}
.pad_tb_15_imp { padding-top:15px !important; padding-bottom:15px !important;}
.pad_tb_20_imp { padding-top:20px !important; padding-bottom:20px !important;}
.pad_tb_30_imp { padding-top:30px !important; padding-bottom:30px !important;}
.pad_tb_40_imp { padding-top:40px !important; padding-bottom:40px !important;}
.pad_tb_50_imp { padding-top:50px !important; padding-bottom:50px !important;}
.pad_lr_0 { padding-left:0; padding-right:0}
.pad_lr_5 { padding-left:5px; padding-right:5px}
.pad_lr_10 { padding-left:10px; padding-right:10px}
.pad_lr_15 { padding-left:15px; padding-right:15px}
.pad_lr_20 { padding-left:20px; padding-right:20px}
.pad_lr_30 { padding-left:30px; padding-right:30px}
.pad_lr_40 { padding-left:40px; padding-right:40px}
.pad_lr_50 { padding-left:50px; padding-right:50px}
.pad_lr_60 { padding-left:60px; padding-right:60px;}
.pad_lr_0_imp { padding-left:0 !important; padding-right:0 !important;}
.pad_lr_5_imp { padding-left:5px !important; padding-right:5px !important;}
.pad_lr_10_imp { padding-left:10px !important; padding-right:10px !important;}
.pad_lr_15_imp { padding-left:15px !important; padding-right:15px !important;}
.pad_lr_20_imp { padding-left:20px !important; padding-right:20px !important;}
.pad_lr_30_imp { padding-left:30px !important; padding-right:30px !important;}
.pad_lr_40_imp { padding-left:40px !important; padding-right:40px !important;}
.pad_lr_60_imp { padding-left:60px !important; padding-right:60px !important;}
/* $MARGINS */
.margin_auto{ margin: auto;}
.margin_t_3{ margin-top:3px !important; }
.margin_5{ margin:5px !important; }
.margin_t_5{ margin-top:5px !important; }
.margin_l_5{ margin-left:5px !important; }
.margin_r_5{ margin-right:5px !important; }
.margin_b_5{ margin-bottom:5px !important; }
.margin_t{ margin-top:10px !important; }
.margin_l{ margin-left:10px !important; }
.margin_r{ margin-right:10px !important; }
.margin_b{ margin-bottom:10px !important; }
.margin_8{ margin:8px; }
.margin_t_8{ margin-top:8px !important; }
.margin_l_8{ margin-left:8px !important; }
.margin_r_8{ margin-right:8px !important; }
.margin_b_8{ margin-bottom:8px !important; }
.margin_10{ margin:10px; }
.margin_t_10{ margin-top:10px !important; }
.margin_l_10{ margin-left:10px !important; }
.margin_r_10{ margin-right:10px !important; }
.margin_b_10{ margin-bottom:10px !important; }
.margin_12{ margin:12px; }
.margin_t_12{ margin-top:12px !important; }
.margin_l_12{ margin-left:12px !important; }
.margin_r_12{ margin-right:12px !important; }
.margin_b_12{ margin-bottom:12px !important; }
.margin_13{ margin:13px; }
.margin_15{ margin:15px; }
.margin_t_15{ margin-top:15px !important; }
.margin_l_15{ margin-left:15px !important; }
.margin_r_15{ margin-right:15px !important; }
.margin_b_15{ margin-bottom:15px !important; }
.margin_20{ margin:20px; }
.margin_t_20{ margin-top:20px !important; }
.margin_l_20{ margin-left:20px !important; }
.margin_r_20{ margin-right:20px !important; }
.margin_b_20{ margin-bottom:20px !important; }
.margin_25{ margin:25px; }
.margin_t_25{ margin-top:25px !important; }
.margin_l_25{ margin-left:25px !important; }
.margin_r_25{ margin-right:25px !important; }
.margin_b_25{ margin-bottom:25px !important; }
.margin_29{ margin:29px; }
.margin_t_29{ margin-top:29px !important; }
.margin_l_29{ margin-left:29px !important; }
.margin_r_29{ margin-right:29px !important; }
.margin_b_29{ margin-bottom:29px !important; }
.margin_30{ margin:30px; }
.margin_t_30{ margin-top:30px !important; }
.margin_l_30{ margin-left:30px !important; }
.margin_r_30{ margin-right:30px !important; }
.margin_b_30{ margin-bottom:30px !important; }
.margin_40{ margin:40px; }
.margin_t_40{ margin-top:40px !important; }
.margin_l_40{ margin-left:40px !important; }
.margin_r_40{ margin-right:40px !important; }
.margin_b_40{ margin-bottom:40px !important; }
.margin_50{ margin:50px; }
.margin_t_50{ margin-top:50px !important; }
.margin_l_50{ margin-left:50px !important; }
.margin_r_50{ margin-right:50px !important; }
.margin_b_50{ margin-bottom:50px !important; }
.margin_60{ margin:60px; }
.margin_t_60{ margin-top:60px !important; }
.margin_l_60{ margin-left:60px !important; }
.margin_r_60{ margin-right:60px !important; }
.margin_b_60{ margin-bottom:60px !important; }
.margin_70{ margin:70px; }
.margin_t_70{ margin-top:70px !important; }
.margin_l_70{ margin-left:70px !important; }
.margin_r_70{ margin-right:70px !important; }
.margin_b_70{ margin-bottom:70px !important; }
.margin_80{ margin:80px; }
.margin_t_80{ margin-top:80px !important; }
.margin_l_80{ margin-left:80px !important; }
.margin_r_80{ margin-right:80px !important; }
.margin_b_80{ margin-bottom:80px !important; }
.margin_120{ margin:120px; }
.margin_t_120{ margin-top:120px !important; }
.margin_l_120{ margin-left:120px !important; }
.margin_r_120{ margin-right:120px !important; }
.margin_b_120{ margin-bottom:120px !important; }
.margin_5{ margin:5px; }
.margin_t_5{ margin-top:5px !important; }
.margin_l_5{ margin-left:5px !important; }
.margin_r_5{ margin-right:5px !important; }
.margin_b_5{ margin-bottom:5px !important; }
.margin_3{ margin:3px; }
.margin_t_3{ margin-top:3px !important; }
.margin_l_3{ margin-left:3px !important; }
.margin_r_3{ margin-right:3px !important; }
.margin_b_3{ margin-bottom:3px !important; }
.margin_0{ margin:0px; }
.margin_t_0{ margin-top:0 !important; }
.margin_l_0{ margin-left:0 !important; }
.margin_r_0{ margin-right:0 !important; }
.margin_b_0{ margin-bottom:0 !important; }
.margin_t_90{ margin-top:90px !important; }
.margin_l_90{ margin-left:90px !important; }
.margin_r_90{ margin-right:90px !important; }
.margin_b_90{ margin-bottom:90px !important; }
.margin_t_93{ margin-top:93px !important; }
.margin_l_93{ margin-left:93px !important; }
.margin_r_93{ margin-right:93px !important; }
.margin_b_93{ margin-bottom:93px !important; }
.margin_l_10p {margin-left: 10%;}
.margin_l_28p {margin-left: 28%;}
.margin_l_50p {margin-left: 50%;}
/*
Margin Between Things
--
You can use this to put margins only between elements, not after the element
For example:
Hello
Subtitle
Text text text text text
Between all of those elements will be a margin of 10. If, for some reason, only one element is shown...
No margin is added, which makes the layout look nice and not pushed downwards.
*/
.margin_between_vertical_10 + .margin_between_vertical_10 { margin-top: 10px; }
.margin_between_vertical_15 + .margin_between_vertical_15 { margin-top: 15px; }
.margin_between_vertical_20 + .margin_between_vertical_20 { margin-top: 20px; }
.margin_between_vertical_25 + .margin_between_vertical_25 { margin-top: 25px; }
.margin_between_vertical_30 + .margin_between_vertical_30 { margin-top: 30px; }
.margin_between_horizontal_10 + .margin_between_horizontal_10 { margin-left: 10px; }
.margin_between_horizontal_15 + .margin_between_horizontal_15 { margin-left: 15px; }
.margin_between_horizontal_20 + .margin_between_horizontal_20 { margin-left: 20px; }
.margin_between_horizontal_25 + .margin_between_horizontal_25 { margin-left: 25px; }
.margin_between_horizontal_30 + .margin_between_horizontal_30 { margin-left: 30px; }
/* FLOATS */
/* Pulled from sitestyles*/
.floatRight {float: right;}
.floatLeft {float: left;}
/* CLEARS */
.clearRight {clear: right;}
.clearLeft {clear: left;}
.clearBoth {clear: both;}
/* $DIVIDER
* Use as clear for floats or add inline height for vertical spacer.
* */
.g_divider {
width: 100%;
font-size: 0px;
line-height: 0px;
overflow:hidden;
clear: both;
}
/*
$GRID
Next Jump Grid - based on 960 Grid System ~ Core CSS.
Learn more ~ https://wiki.nextjump.com/wiki/index.php/CSS_Grid
*/
/* ^frame - Outer wrapper that defines number of columns */
.frame_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* ^grid >> global */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.wall {
display: inline;
float: left;
margin: 0;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
position: relative;
}
/* grid >> children (^alpha ~ first, ^omega ~ last) */
.alpha {margin-left: 0;}
.omega { margin-right: 0;}
/* ^grid >> 12 columns */
.frame_12 .grid_1 {width: 60px;}
.frame_12 .grid_2 {width: 140px;}
.frame_12 .grid_3 {width: 220px;}
.frame_12 .grid_4 {width: 300px;}
.frame_12 .grid_5 {width: 380px;}
.frame_12 .grid_6 {width: 460px;}
.frame_12 .grid_7 {width: 540px;}
.frame_12 .grid_8 {width: 620px;}
.frame_12 .grid_9 {width: 700px;}
.frame_12 .grid_10 {width: 780px;}
.frame_12 .grid_11 {width: 860px;}
.frame_12 .grid_12 {width: 940px;}
/* ^push space >> 12 columns */
.frame_12 .push_half {left: 40px;}
.frame_12 .push_1 {left: 80px;}
.frame_12 .push_2 {left: 160px;}
.frame_12 .push_3 {left: 240px;}
.frame_12 .push_4 {left: 320px;}
.frame_12 .push_5 {left: 400px;}
.frame_12 .push_6 {left: 480px;}
.frame_12 .push_7 {left: 560px;}
.frame_12 .push_8 {left: 640px;}
.frame_12 .push_9 {left: 720px;}
.frame_12 .push_10 {left: 800px;}
.frame_12 .push_11 {left: 880px;}
/* ^pull space >> 12 columns */
.frame_12 .pull_half {left: -40px;}
.frame_12 .pull_1 {left: -80px;}
.frame_12 .pull_2 {left: -160px;}
.frame_12 .pull_3 {left: -240px;}
.frame_12 .pull_4 {left: -320px;}
.frame_12 .pull_5 {left: -400px;}
.frame_12 .pull_6 {left: -480px;}
.frame_12 .pull_7 {left: -560px;}
.frame_12 .pull_8 {left: -640px;}
.frame_12 .pull_9 {left: -720px;}
.frame_12 .pull_10 {left: -800px;}
.frame_12 .pull_11 {left: -880px;}
/* ^prefix space >> 12 columns */
.frame_12 .prefix_half {padding-left: 40px;}
.frame_12 .prefix_1 {padding-left: 80px;}
.frame_12 .prefix_2 {padding-left: 160px;}
.frame_12 .prefix_3 {padding-left: 240px;}
.frame_12 .prefix_4 {padding-left: 320px;}
.frame_12 .prefix_5 {padding-left: 400px;}
.frame_12 .prefix_6 {padding-left: 480px;}
.frame_12 .prefix_7 {padding-left: 560px;}
.frame_12 .prefix_8 {padding-left: 640px;}
.frame_12 .prefix_9 {padding-left: 720px;}
.frame_12 .prefix_10 {padding-left: 800px;}
.frame_12 .prefix_11 {padding-left: 880px;}
/* ^suffix space >> 12 columns */
.frame_12 .suffix_half {padding-right: 40px;}
.frame_12 .suffix_1 {padding-right: 80px;}
.frame_12 .suffix_2 {padding-right: 160px;}
.frame_12 .suffix_3 {padding-right: 240px;}
.frame_12 .suffix_4 {padding-right: 320px;}
.frame_12 .suffix_5 {padding-right: 400px;}
.frame_12 .suffix_6 {padding-right: 480px;}
.frame_12 .suffix_7 {padding-right: 560px;}
.frame_12 .suffix_8 {padding-right: 640px;}
.frame_12 .suffix_9 {padding-right: 720px;}
.frame_12 .suffix_10 {padding-right: 800px;}
.frame_12 .suffix_11 {padding-right: 880px;}
.frame_1200{
margin: auto;
width: 1200px;
}
/* ^clear floated elements */
.grid_clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid_clearfix:before,
.grid_clearfix:after,
.frame_12:before,
.frame_12:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid_clearfix:after,
.frame_12:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.grid_clearfix,
.frame_12 {
zoom: 1;
}
/* Container specific code. Generic padding and margins go here. */
.grid_container {
position: relative;
overflow: hidden;
float: left;
}
.hidden {
display: none!important;
}
.wall_290{
width: 290px;
}
.z2 {z-index: 2;}
.z20 {z-index: 20;}
.z1000{z-index: 1000;}
.vertical-text-bottom {vertical-align: text-bottom !important;}
.vertical-image {vertical-align: middle;}
.vertical-top {vertical-align: top;}
.invisible { visibility: hidden; }
.display_block {display: block;}
.display_inline_block {display: inline-block;}
.display_inline_block_imp {display: inline-block !important;}
.display_inline {display: inline;}
.display_inline_grid {display: inline-grid;}
.display_none {display: none;}
.hide {display: none;}
.cursor_pointer {cursor: pointer;}
.cursor_not_allowed {cursor: not-allowed;}
.vertical_middle_helper {width: 0; display: inline-block; height: 100%; vertical-align: middle;}
.vertical_middle_target {display: inline-block; vertical-align: middle;}
.border_1_solid_eee {border: 1px solid #eee;}
.border_left_solid_4_white {border-left: 4px solid #ffffff;}
.border_left_solid_4_mantis {border-left: 4px solid #70C056;}
.border_bottom_1_solid_eee {border-bottom: 2px solid #eee;}
.box_shadow_light {
-webkit-box-shadow: 1px 1px 5px 0px rgba(170,170,170,0.3);
-moz-box-shadow: 1px 1px 5px 0px rgba(170,170,170,0.3);
box-shadow: 1px 1px 5px 0px rgba(170,170,170,0.3);
}
.bg_white {background-color: #ffffff;}
.bg_wild_sand {background-color: #F5F5F5;}
.bg_athens_gray {background-color: #ECF1F4; }
.bg_gray95 {background-color: #F2F2F2 !important; }
.bg_nxj_orange { background-color: #f26022; }
.color_nxj_orange {color: #f26022; }
.bg_sky_blue{ background-color: rgb(0, 172, 214); }
.bg_medium_turquoise {background-color: #48D7BA;}
.bg_navy_blue { background-color: #333650; }
.bg_black {background-color: #231f20;}
.bg_milk_yellow {background-color: #faf4de !important;}
.bg_norepeat {background-repeat: no-repeat;}
.bg_cover {background-size: cover;}
.bg_center {background-position: center;}
.round {border-radius: 50%;}
.border_width_none {border-width: 0px !important;}
.color_333 {color: #333;}
.color_555 {color: #555;}
.color_666 {color: #666;}
.color_777 {color: #777;}
.color_888 {color: #888;}
.color_999 {color: #999;}
.color_aaa {color: #aaa;}
.color_bbb {color: #bbb;}
.color_ddd {color: #ddd;}
.color_dove_gray {color: #6D6E70;}
.color_light_gray{ color:#929292;}
.color_mantis {color: #70C056;}
.color_white {color: #FFFFFF;}
.color_cerulean{ color: #01ADD6;}
.color_mat_red{color: #CB5D5D;}
.color_ecstasy {color: #FF881E;}
.color_medium_turquoise {color: #48D7BA;}
.color_turquoise{color: #2cadd3 !important;}
.color_dark_orange{ color: rgb(124, 103, 41) !important}
.color_nxj_orange{ color: rgb(241, 91, 39) }
.color_orange {color: orange;}
.color_red { color: red;}
.size_10 {font-size: 10px !important;}
.size_11 {font-size: 11px !important;}
.size_12 {font-size: 12px !important;}
.size_13 {font-size: 13px !important;}
.size_14 {font-size: 14px !important;}
.size_15 {font-size: 15px !important;}
.size_16 {font-size: 16px !important;}
.size_17 {font-size: 17px !important;}
.size_18 {font-size: 18px !important;}
.size_19 {font-size: 19px !important;}
.size_20 {font-size: 20px !important;}
.size_22 {font-size: 22px !important;}
.size_24 {font-size: 24px !important;}
.size_28 {font-size: 28px !important;}
.size_32 {font-size: 32px !important;}
.size_34 {font-size: 34px !important;}
.size_38 {font-size: 38px !important;}
.size_40 {font-size: 40px !important;}
.size_48 {font-size: 48px !important;}
.size_50 {font-size: 50px !important;}
.size_86 {font-size: 86px !important;}
.line_20 {line-height: 20px;}
.line_22 {line-height: 22px;}
.line_24 {line-height: 24px;}
.line_26 {line-height: 26px;}
.line_28 {line-height: 28px;}
.line_36 {line-height: 36px;}
.line_40 {line-height: 40px;}
.line_45 {line-height: 45px;}
.line_50 {line-height: 50px;}
.line_55 {line-height: 55px;}
.line_65 { line-height: 65px;}
.line_70 {line-height: 70px;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.Capitalize {text-transform: capitalize !important;}
.Uppercase {text-transform: uppercase !important;}
.Lowercase {text-transform: lowercase !important;}
.linethrough {text-decoration: line-through;}
.decoration-underline {text-decoration: underline !important;}
.decoration-none {text-decoration: none !important;}
.decoration-none:hover {text-decoration: none !important;}
.top_3_ {top: -3px;}
.top_10_ { top: -10px;}
.top_20 { top: 20px;}
.top_75 { top: 75px;}
.top_30p { top: 30%;}
.bottom { bottom: 0px; }
.bottom_30 { bottom: 30px; }
.left_100 { left: 100px; }
.left_30p { left: 30%;}
.block_center {margin-left: auto; margin-right: auto;}
.width_auto { width: auto !important; }
.width_14 {width: 14px !important;}
.width_25 {width: 25px !important;}
.width_33 {width: 33px !important;}
.width_50 {width: 50px !important;}
.width_70 {width: 70px !important;}
.width_75 {width: 75px !important;}
.width_82 {width: 82px !important;}
.width_90 {width: 90px !important;}
.width_92 {width: 92px !important;}
.width_100 {width: 100px !important;}
.width_105 {width: 105px !important;}
.width_110 {width: 110px !important;}
.width_120 {width: 120px !important;}
.width_130 {width: 130px !important;}
.width_135 {width: 135px !important;}
.width_143 {width: 143px !important;}
.width_157 {width: 157px !important;}
.width_160 {width: 160px !important;}
.width_165 {width: 165px !important;}
.width_170 {width: 170px !important;}
.width_200 {width: 200px !important;}
.width_210 {width: 210px !important;}
.width_220 {width: 220px !important;}
.width_240 {width: 240px !important;}
.width_250 {width: 250px !important;}
.width_300 {width: 300px !important;}
.width_325 {width: 325px !important;}
.width_360 {width: 360px !important;}
.width_400 {width: 400px !important;}
.width_410 {width: 410px !important;}
.width_450 {width: 450px !important;}
.width_460 {width: 460px !important;}
.width_470 {width: 470px !important;}
.width_500 {width: 500px !important;}
.width_560 {width: 560px !important;}
.width_590 {width: 590px !important;}
.width_620 {width: 620px !important;}
.width_675 {width: 675px !important;}
.width_700 {width: 700px !important;}
.width_720 {width: 720px !important;}
.width_880 {width: 880px !important;}
.width_910 {width: 910px !important;}
.width_960 {width: 960px !important;}
.width_1000 {width: 1000px !important;}
.width_1200 {width: 1200px !important;}
.width_20p {width: 20%;}
.width_40p {width: 40%;}
.width_50p {width: 50%;}
.width_60p {width: 60%;}
.width_65p {width: 65%;}
.width_80p {width: 80%;}
.width_90p {width: 90%;}
.width_100p {width: 100%;}
.min_width_140 { min-width: 140px }
.max_width_100 {max-width: 100px;}
.max_width_110 {max-width: 110px;}
.max_width_130 {max-width: 130px;}
.max_width_145 {max-width: 145px;}
.max_width_150 {max-width: 150px;}
.max_width_170 { max-width: 170px;}
.max_width_180 {max-width: 180px;}
.max_width_186 {max-width: 186px;}
.max_width_200 {max-width: 200px;}
.max_width_210 {max-width: 210px;}
.max_width_220 {max-width: 220px;}
.max_width_260 {max-width: 260px;}
.max_width_280 {max-width: 280px;}
.max_width_300 {max-width: 300px;}
.max_width_500 {max-width: 500px;}
.max_width_660 {max-width: 660px;}
.max_width_700 {max-width: 700px;}
.max_width_960 {max-width: 960px;}
.max_width_980 {max-width: 980px;}
.max_width_1200 {max-width: 1200px;}
.max_width_80p {max-width: 80%;}
.max_width_90p {max-width: 90%;}
.max_width_100p {max-width: 100%;}
.height_15 {height: 15px !important;}
.height_20 {height: 20px !important;}
.height_25 {height: 25px !important;}
.height_35 {height: 35px !important;}
.height_44 {height: 44px !important;}
.height_45 {height: 45px !important;}
.height_50 {height: 50px !important;}
.height_54 {height: 54px !important;}
.height_57 {height: 57px !important;}
.height_62 {height: 62px !important;}
.height_66 {height: 66px !important;}
.height_67 {height: 67px !important;}
.height_70 {height: 70px !important;}
.height_75 {height: 75px !important;}
.height_106 {height: 106px !important;}
.height_120 {height: 120px !important;}
.height_130 {height: 130px !important;}
.height_140 {height: 140px !important;}
.height_150 {height: 150px !important;}
.height_188 {height: 188px !important;}
.height_220 {height: 220px !important;}
.height_230 {height: 230px !important;}
.height_250 {height: 250px !important;}
.height_255 {height: 255px !important;}
.height_270 {height: 270px !important;}
.height_275 {height: 275px !important;}
.height_300 {height: 300px !important;}
.height_340 {height: 340px !important;}
.height_350 {height: 350px !important;}
.height_477 {height: 477px !important;}
.height_510 {height: 510px !important;}
.height_100p {height: 100%;}
.min_height_188 {min-height: 188px;}
.max_height_100 {max-height: 100px;}
.max_height_120 {max-height: 120px;}
.max_height_120 {max-height: 120px;}
.max_height_125 {max-height: 125px;}
.max_height_140 {max-height: 140px;}
.max_height_150 {max-height: 150px;}
.max_height_155 {max-height: 155px;}
.max_height_180 {max-height: 180px;}
.max_height_200 {max-height: 200px;}
.max_height_210 {max-height: 210px;}
.max_height_217 {max-height: 217px;}
.max_height_230 {max-height: 230px;}
.max_height_250 {max-height: 250px;}
.max_height_300 {max-height: 300px;}
.max_height_510 {max-height: 510px;}
.max_height_80p {max-height: 80%;}
.max_height_90p {max-height: 90%;}
.max_height_100p {max-height: 100%;}
.overflow_hidden{ overflow: hidden !important; }
.overflow_scroll{ overflow:scroll !important; }
.vertical_align_mid { vertical-align: middle; }
.vertical_align_top { vertical-align: top !important; }
.vertical_align_bottom { vertical-align: bottom !important;}
.abosolute { position: absolute !important; }
.relative { position: relative !important; }
.opacity_1 {opacity: 1 !important;}
.one-line-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bootstrap.siren {
background: none;
}
.bootstrap .modal {
max-height: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.bootstrap .modal-dialog {
max-height: 100%;
margin: 0 auto !important;
overflow: auto;
}
.debug-block {
max-width: 100%;
word-wrap: break-word;
margin: 8px 0px;
display: inline-block;
}
/*
Employees Pricing Branding Consistency Styles
*/
.epricing_orange {
color: #F26124;
}
.epricing_product_name {
color: #221F1F;
font-size: 16pt;
}
/* container for entire thumbnail */
.epricing_container {
width: 260px;
}
/* container for panels that have links (clickable tiles) */
.epricing_panel {
border: 1px #EDEDED;
border-style:solid;
margin-right: 6px;
}
.epricing_panel:hover {
border: 1px #6E6F71;
border-style:solid;
cursor: pointer;
}
/* container for panels without links (pdps, odps) */
.epricing_border {
border: 1px #EDEDED;
border-style:solid;
}
/* container for product information */
.epricing_prod {
padding: 25px;
}
/* employee pricing tag floating over image */
.epricing_tag {
background-color: #F26124;
color: #FFFFFF;
font-family: 'MontserratSemiBold';
font-size: 11px;
text-transform: uppercase;
padding: 5px 25px 5px 25px;
min-height: 25px;
width: 100%;
text-align: left;
}
.doubledip_tag {
background-color: #01ACD7;
color: #FFFFFF;
font-family: 'MontserratSemiBold';
font-size: 11px;
text-transform: uppercase;
padding: 5px 25px 5px 25px;
min-height: 25px;
width: 100%;
text-align: left;
}
.instant_code_tag {
background-color: #fd8495;
color: #FFFFFF;
font-family: 'MontserratSemiBold';
font-size: 11px;
text-transform: uppercase;
padding: 5px 25px 5px 25px;
min-height: 25px;
width: 100%;
text-align: left;
}
.clo_tag {
background-color: #3c97d6;
color: #FFFFFF;
font-family: 'MontserratSemiBold';
font-size: 11px;
text-transform: uppercase;
padding: 5px 25px 5px 25px;
min-height: 25px;
width: 100%;
text-align: left;
margin-top: 20px;
}
.epricing_tag_holder {
height: 25px;
width: 100%;
color: transparent !important;
}
.wowpoints_tag {
background-color: #cfad44;
color: #FFFFFF;
font-family: 'MontserratSemiBold';
font-size: 11px;
text-transform: uppercase;
padding: 5px 25px 5px 25px;
height: 25px;
width: 100%;
text-align: left;
}
/* specialized class to change brand color */
.epricing_tag .holiday {
background-color:#EC2028;
}
.epricing_unit {
margin-top: 5px;
margin-bottom: 5px;
}
/* cta button */
.epricing_btn {
background-color: #F26124;
color: #FFFFFF;
font-family: 'MuliBold', 'Muli';
font-size: 13px;
text-transform: uppercase;
padding-left: 25px;
padding-right: 25px;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
display:inline-block;
}
/* logo image */
.epricing_logo {
height: 50px;
vertical-align: middle;
text-align: left;
}
/* product image */
.epricing_image {
height: 180px;
vertical-align: middle;
padding: 10px;
}
/* product name, max 2 lines */
.epricing_product {
font-family: 'MuliBold', 'Muli';
font-size: 16px;
color: #221F1F;
}
/* product location */
.epricing_product_location {
font-family: 'Muli';
font-size: 12px;
color: #A8A9AC;
margin-top: 5px;
}
/* brand/retailer name */
.epricing_brand {
font-family: 'Muli';
font-size:13px;
color: #A8A9AC;
}
/* current offer with offer merchant name */
.epricing_offer {
font-family: 'MuliBold', 'Muli';
font-size: 14px;
color: #221F1F;
}
.epricing_offer_subtext {
font-size: 14px;
}
/* for two-line offers */
.epricing_unit .epricing_truncate_2{
overflow: hidden;
height: 45px;
}
/* for three-line offers */
.epricing_unit .epricing_truncate_3{
overflow: hidden;
height: 70px;
}
/* for three-line offers */
.epricing_unit .epricing_truncate_4{
overflow: scroll;
height: 90px;
}
/* current price */
.epricing_current {
font-family: 'MuliBold', 'Muli';
font-size: 16px;
color: #F26124;
}
/* regular price */
.epricing_regular {
font-family: 'Muli';
font-size: 13px;
}
/* wowpoints */
.epricing_wowpoints {
font-family: 'MuliBold', 'Muli';
font-size: 13px;
color: #6E6F71;
}
/* special information */
.epricing_info,
.epricing_info a {
font-family: 'Muli';
font-size: 13px;
color: #A8A9AC;
}
/* strike */
.strike {
color: #A8A9AC;
text-decoration: line-through;
}
/* Image Holder */
.img_holder {
display: inline-block;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
}
.img_holder img {
position: relative;
top: 0;
left: 0;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
opacity: 0;
}
.flex-center {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* UNITY - Temporary */
/* TEXT */
/* Small and Up (Tablets > Desktops) */
.unity p {
font-size: 16px;
font-family: 'Muli';
line-height: 1.6;
}
.unity p .lead {
font-size: 16px;
font-family: 'Muli';
line-height: 1.6;
font-weight: bold;
}
.unity p .copy {
font-size: 13px;
font-family: 'Muli';
line-height: 1.6;
}
.unity h1 {
font-size:48px;
font-family: 'Montserrat';
}
.unity h2 {
font-size:40px;
font-family: 'Montserrat';
}
.unity h3 {
font-size:32px;
font-family: 'Montserrat';
}
.unity h4 {
font-size:24px;
font-family: 'Montserrat';
}
.unity h5 {
font-size:20px;
font-family: 'Montserrat';
}
.unity h6 {
font-size:16px;
font-family: 'Montserrat';
font-weight: bold;
}
.unity .tiny{
font-size:10px;
font-family: 'Montserrat';
}
/* SPACING UNITS */
/*
Spacing (margin/padding) between widgets, sections, elements etc - should adhere to 100, 50, 30, 25, 10.
There may be cases where you need to be more specific, in which case, use the marketing styles file.
*/
.unity .pad_100 {
padding: 100px;
}
.unity .pad_50 {
padding: 50px;
}
.unity .pad_30 {
padding: 30px;
}
.unity .pad_25 {
padding: 25px;
}
.unity .pad_10 {
padding: 10px;
}
.unity .mar_100 {
margin: 100px;
}
.unity .mar_50 {
margin: 50px;
}
.unity .mar_30 {
margin: 30px;
}
.unity .mar_25 {
margin: 25px;
}
.unity .mar_10 {
margin: 10px;
}
/* UNITY BUTTONS */
.unity .btn_l {
font-family: 'Montserrat', Helvetica, Arial, Sans-serif;
font-size: 18px;
vertical-align: middle;
color: #fff;
background-color:#71C056;
min-width:100px;
padding: 15px 10px;
display:inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.unity .btn_m {
font-family: 'Montserrat', Helvetica, Arial, Sans-serif;
font-size: 16px;
vertical-align: middle;
color: #fff;
background-color:#71C056;
min-width:100px;
padding: 13px 10px;
display:inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.unity .btn_s {
font-family: 'Montserrat', Helvetica, Arial, Sans-serif;
font-size: 14px;
vertical-align: middle;
color: #fff;
background-color:#71C056;
min-width:100px;
padding: 10px 10px;
display:inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.unity .btn_l:hover {
background-color: #5a8f47;
}
.unity .btn_m:hover {
background-color: #5a8f47;
}
.unity .btn_s:hover {
background-color: #5a8f47;
}
/* Button with no styling, for ADA */
.no_style_btn {
background: transparent;
border: 0;
}
/* Vue Specific Style */
[v-cloak] { /* support for v-cloak. See https://vuejs.org/v2/api/#v-cloak */
display: none;
}
/* Notifications Styling */
.clearLink {
padding-right: 10px;
}
.notificationSecondaryText {
padding-left: 70px;
}
.proxima {
font-family: "proxima-nova";
}
.bootstrap .container .col-xs-5ths,
.bootstrap .container .col-sm-5ths,
.bootstrap .container .col-md-5ths,
.bootstrap .container .col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.bootstrap .container .col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.bootstrap .container .col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.bootstrap .container .col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.bootstrap .container .col-lg-5ths {
width: 20%;
float: left;
}
}
/*css cache test*/