/* =================================================
Responsive Grid System
Matt Mcnamee - mcnamee.co
V1.3.3 2013
http://www.mcnamee.co/labs/css-animation-generator
================================================= */
/* Reset & Basics
================================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display : block; }
audio, canvas, video { display : inline-block; *display : inline; *zoom : 1; }
audio:not([controls]) { display : none; }
[hidden] { display : none; }
* { text-rendering: optimizeLegibility; font-size: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
html, body { height: 100%; }
html { font-size : 100%; -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; overflow-y: scroll; }
body, button, input, select, textarea { font-family : sans-serif; color : #222; }
body { margin : 0; font-size : 1em; line-height : 1.4; }
a { color : #00e; outline : 0; }
a:hover { color : #06e; }
abbr[title] { border-bottom : 1px dotted; }
b, strong { font-weight : bold; }
dfn { font-style : italic; }
hr { display : block; height : 1px; border : 0; border-top : 1px solid #ccc; margin : 1em 0; padding : 0; }
ins { background : #ff9; color : #000; text-decoration : none; }
mark { background : #ff0; color : #000; font-style : italic; font-weight : bold; }
pre, code, kbd, samp { font-family : monospace, serif; _font-family : 'courier new', monospace; font-size : 1em; }
pre { white-space : pre; white-space : pre-wrap; word-wrap : break-word; }
q { quotes : none; }
q:before, q:after { content : ""; content : none; }
small { font-size : 85%; }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -0.5em; }
sub { bottom : -0.25em; }
ul, ol { margin : 0; padding : 0; }
dd { margin : 0 0 0 40px; }
nav ul, nav ol { list-style : none; list-style-image : none; margin : 0; padding : 0; }
img { border : 0; -ms-interpolation-mode : bicubic; vertical-align : middle; }
svg:not(:root) { overflow : hidden; }
figure { margin : 0; }
form { margin : 0; }
fieldset { border : 0; margin : 0; padding : 0; }
label { cursor : pointer; }
legend { border : 0; *margin-left : -7px; padding : 0; white-space : normal; }
button, input, select, textarea { font-size : 100%; margin : 0; vertical-align : baseline; *vertical-align : middle; }
button, input { line-height : normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor : pointer; -webkit-appearance : button; *overflow : visible; }
button[disabled], input[disabled] { cursor : default; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; padding : 0; *width : 13px; *height : 13px; }
input[type="search"] { -webkit-appearance : textfield; -moz-box-sizing : content-box; -webkit-box-sizing : content-box; box-sizing : content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance : none; }
button::-moz-focus-inner, input::-moz-focus-inner { border : 0; padding : 0; }
textarea { overflow : auto; vertical-align : top; resize : vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color : #f0dddd; }
table { border-collapse : collapse; border-spacing : 0; }
td { vertical-align : top; }
.chromeframe { margin : 0.2em 0; background : #ccc; color : black; padding : 0.2em 0; }
address { display: block; line-height: 18px; margin-bottom: 18px; }
::-moz-selection { background: #DD1251; color: #ffffff; text-shadow: none; }
::selection { background: #DD1251; color: #ffffff; text-shadow: none; }
p img { margin: 0; }
em { font-style: italic; }
small { font-size: 80%; }
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 10px 20px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
/* Basic Styles
================================================= */
body {
background: #fff;
font: 12px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
.no_bg { background: none !important; }
.unbold { font-weight: normal !important; }
.float_right { float: right !important; }
.float_left { float: left !important; }
.text_align_center { text-align: center !important; }
.text_align_right { text-align: right !important; }
.text_align_left { text-align: left !important; }
/* HTML5 Definitions
================================================= */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; float: left; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* Images
================================================= */
img.scale_with_grid {
max-width: 100%;
width: auto;
height: auto;
max-height: 100%; }
body {
min-width: 1008px;
}
/* Containers
================================================= */
.container_24 {
margin-left: auto;
margin-right: auto;
width: 1008px;
}
/* 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, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
display:inline;
float: left;
position: relative; margin-left: 10px;
margin-right: 10px; }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
================================================= */
.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, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23, .push_24, .pull_24 {
position:relative;
}
.alpha {
margin-left: 0 !important;
}
.omega {
margin-right: 0 !important;
}
/* Grid >> 24 Columns
================================================= */
.container_24 .grid_1 { width: 22px; }
.container_24 .grid_2 { width: 64px; }
.container_24 .grid_3 { width: 106px; }
.container_24 .grid_4 { width: 148px; }
.container_24 .grid_5 { width: 190px; }
.container_24 .grid_6 { width: 232px; }
.container_24 .grid_7 { width: 274px; }
.container_24 .grid_8 { width: 316px; }
.container_24 .grid_9 { width: 358px; }
.container_24 .grid_10 { width: 400px; }
.container_24 .grid_11 { width: 442px; }
.container_24 .grid_12 { width: 484px; }
.container_24 .grid_13 { width: 526px; }
.container_24 .grid_14 { width: 568px; }
.container_24 .grid_15 { width: 610px; }
.container_24 .grid_16 { width: 652px; }
.container_24 .grid_17 { width: 694px; }
.container_24 .grid_18 { width: 736px; }
.container_24 .grid_19 { width: 778px; }
.container_24 .grid_20 { width: 820px; }
.container_24 .grid_21 { width: 862px; }
.container_24 .grid_22 { width: 904px; }
.container_24 .grid_23 { width: 946px; }
.container_24 .grid_24 { width: 988px; }
/* Prefix Extra Space >> 24 Columns
================================================= */
.container_24 .prefix_1 { padding-left: 42px; }
.container_24 .prefix_2 { padding-left: 84px; }
.container_24 .prefix_3 { padding-left: 126px; }
.container_24 .prefix_4 { padding-left: 168px; }
.container_24 .prefix_5 { padding-left: 210px; }
.container_24 .prefix_6 { padding-left: 252px; }
.container_24 .prefix_7 { padding-left: 294px; }
.container_24 .prefix_8 { padding-left: 336px; }
.container_24 .prefix_9 { padding-left: 378px; }
.container_24 .prefix_10 { padding-left: 420px; }
.container_24 .prefix_11 { padding-left: 462px; }
.container_24 .prefix_12 { padding-left: 504px; }
.container_24 .prefix_13 { padding-left: 546px; }
.container_24 .prefix_14 { padding-left: 588px; }
.container_24 .prefix_15 { padding-left: 630px; }
.container_24 .prefix_16 { padding-left: 672px; }
.container_24 .prefix_17 { padding-left: 714px; }
.container_24 .prefix_18 { padding-left: 756px; }
.container_24 .prefix_19 { padding-left: 798px; }
.container_24 .prefix_20 { padding-left: 840px; }
.container_24 .prefix_21 { padding-left: 882px; }
.container_24 .prefix_22 { padding-left: 924px; }
.container_24 .prefix_23 { padding-left: 966px; }
.container_24 .prefix_24 { padding-left: 1008px; }
/* Suffix Extra Space >> 24 Columns
================================================= */
.container_24 .suffix_1 { padding-right: 42px; }
.container_24 .suffix_2 { padding-right: 84px; }
.container_24 .suffix_3 { padding-right: 126px; }
.container_24 .suffix_4 { padding-right: 168px; }
.container_24 .suffix_5 { padding-right: 210px; }
.container_24 .suffix_6 { padding-right: 252px; }
.container_24 .suffix_7 { padding-right: 294px; }
.container_24 .suffix_8 { padding-right: 336px; }
.container_24 .suffix_9 { padding-right: 378px; }
.container_24 .suffix_10 { padding-right: 420px; }
.container_24 .suffix_11 { padding-right: 462px; }
.container_24 .suffix_12 { padding-right: 504px; }
.container_24 .suffix_13 { padding-right: 546px; }
.container_24 .suffix_14 { padding-right: 588px; }
.container_24 .suffix_15 { padding-right: 630px; }
.container_24 .suffix_16 { padding-right: 672px; }
.container_24 .suffix_17 { padding-right: 714px; }
.container_24 .suffix_18 { padding-right: 756px; }
.container_24 .suffix_19 { padding-right: 798px; }
.container_24 .suffix_20 { padding-right: 840px; }
.container_24 .suffix_21 { padding-right: 882px; }
.container_24 .suffix_22 { padding-right: 924px; }
.container_24 .suffix_23 { padding-right: 966px; }
.container_24 .suffix_24 { padding-right: 1008px; }
/* Push Space >> 24 Columns
================================================= */
.container_24 .push_1 { left: 42px; }
.container_24 .push_2 { left: 84px; }
.container_24 .push_3 { left: 126px; }
.container_24 .push_4 { left: 168px; }
.container_24 .push_5 { left: 210px; }
.container_24 .push_6 { left: 252px; }
.container_24 .push_7 { left: 294px; }
.container_24 .push_8 { left: 336px; }
.container_24 .push_9 { left: 378px; }
.container_24 .push_10 { left: 420px; }
.container_24 .push_11 { left: 462px; }
.container_24 .push_12 { left: 504px; }
.container_24 .push_13 { left: 546px; }
.container_24 .push_14 { left: 588px; }
.container_24 .push_15 { left: 630px; }
.container_24 .push_16 { left: 672px; }
.container_24 .push_17 { left: 714px; }
.container_24 .push_18 { left: 756px; }
.container_24 .push_19 { left: 798px; }
.container_24 .push_20 { left: 840px; }
.container_24 .push_21 { left: 882px; }
.container_24 .push_22 { left: 924px; }
.container_24 .push_23 { left: 966px; }
.container_24 .push_24 { left: 1008px; }
/* Pull Space >> 24 Columns
================================================= */
.container_24 .pull_1 { left: -42px; }
.container_24 .pull_2 { left: -84px; }
.container_24 .pull_3 { left: -126px; }
.container_24 .pull_4 { left: -168px; }
.container_24 .pull_5 { left: -210px; }
.container_24 .pull_6 { left: -252px; }
.container_24 .pull_7 { left: -294px; }
.container_24 .pull_8 { left: -336px; }
.container_24 .pull_9 { left: -378px; }
.container_24 .pull_10 { left: -420px; }
.container_24 .pull_11 { left: -462px; }
.container_24 .pull_12 { left: -504px; }
.container_24 .pull_13 { left: -546px; }
.container_24 .pull_14 { left: -588px; }
.container_24 .pull_15 { left: -630px; }
.container_24 .pull_16 { left: -672px; }
.container_24 .pull_17 { left: -714px; }
.container_24 .pull_18 { left: -756px; }
.container_24 .pull_19 { left: -798px; }
.container_24 .pull_20 { left: -840px; }
.container_24 .pull_21 { left: -882px; }
.container_24 .pull_22 { left: -924px; }
.container_24 .pull_23 { left: -966px; }
.container_24 .pull_24 { left: -1008px; }
/* Clear Floated Elements
================================================= */
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
zoom: 1;
}
/* Pure Percentage Grid
================================================= */
.full, .half,
.third, .twoThirds,
.forth, .twoForths, .threeForths,
.fifth, .twoFifths, .threeFifths, .fourFifths,
.sixth, .twoSixths, .threeSixths, .fourSixths, .fiveSixths,
.seventh, .twoSevenths, .threeSevenths, .fourSevenths, .fiveSevenths, .sixSevenths,
.eighth, .twoEighths, .threeEighths, .fourEighths, .fiveEighths, .sixEighths, .sevenEighths {
float:left;
}
.full { width: 100%; }
.half { width: 50%; }
.third, .twoThirds { width: 33%; }
.twoThirds { width: 66%; }
.forth, .twoForths, .threeForths { width: 25%; }
.twoForths { width: 50%; }
.threeForths { width: 75%; }
.fifth, .twoFifths, .threeFifths,
.fourFifths { width: 20%; }
.twoFifths { width: 40%; }
.threeFifths { width: 60%; }
.fourFifths { width: 80%; }
.sixth { width: 16.6%; }
.twoSixths { width: 33.2%; }
.threeSixths { width: 49.8%; }
.fourSixths { width: 66.4%; }
.fiveSixths { width: 83%; }
.seventh { width: 14.2%; }
.twoSevenths { width: 28.4%; }
.threeSevenths { width: 42.6%; }
.fourSevenths { width: 56.8%; }
.fiveSevenths { width: 71%; }
.sixSevenths { width: 85.2%; }
.eighth { width: 12.5%; }
.twoEighths { width: 25%; }
.threeEighths { width: 37.5%; }
.fourEighths { width: 50%; }
.fiveEighths { width: 62.5%; }
.sixEighths { width: 75%; }
.sevenEighths { width: 87.5%; }
/* Hide/Show
================================================= */
.hidden { display: none; visibility: hidden; }
.visible-phone { display: none; }
.visible-phone-portrait { display: none; }
.visible-phone-landscape { display: none; }
.visible-tablet { display: none; }
.visible-desktop { display: block; }
.visible-laptop { display: none; }
.hidden-phone { display: block; }
.hidden-phone-portrait { display: block; }
.hidden-phone-landscape { display: block; }
.hidden-tablet { display: block; }
.hidden-desktop { display: none; }
.hidden-laptop { display: block; }
/* Tablet (Portrait)
================================================= */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.visible-phone { display: none !important; }
.visible-phone-portrait { display: none !important; }
.visible-phone-landscape { display: none !important; }
.visible-tablet { display: block; }
.hidden-tablet { display: none !important; }
.hidden-desktop { display: block; }
.visible-desktop { display: none !important; }
.hidden-laptop { display: block; }
.visible-laptop { display: none !important; }
body {
min-width: 748px;
}
/* Containers
================================================= */
.container_24 {
margin-left: auto;
margin-right: auto;
width: 748px;
}
/* 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, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
display:inline;
float: left;
position: relative; margin-left: 10px;
margin-right: 10px; }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
================================================= */
.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, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23, .push_24, .pull_24 {
position:relative;
}
.alpha {
margin-left: 0 !important;
}
.omega {
margin-right: 0 !important;
}
/* Grid >> 24 Columns
================================================= */
.container_24 .grid_1 { width: 11px; }
.container_24 .grid_2 { width: 42px; }
.container_24 .grid_3 { width: 73px; }
.container_24 .grid_4 { width: 104px; }
.container_24 .grid_5 { width: 135px; }
.container_24 .grid_6 { width: 166px; }
.container_24 .grid_7 { width: 197px; }
.container_24 .grid_8 { width: 228px; }
.container_24 .grid_9 { width: 259px; }
.container_24 .grid_10 { width: 290px; }
.container_24 .grid_11 { width: 321px; }
.container_24 .grid_12 { width: 352px; }
.container_24 .grid_13 { width: 383px; }
.container_24 .grid_14 { width: 414px; }
.container_24 .grid_15 { width: 445px; }
.container_24 .grid_16 { width: 476px; }
.container_24 .grid_17 { width: 507px; }
.container_24 .grid_18 { width: 538px; }
.container_24 .grid_19 { width: 569px; }
.container_24 .grid_20 { width: 600px; }
.container_24 .grid_21 { width: 631px; }
.container_24 .grid_22 { width: 662px; }
.container_24 .grid_23 { width: 693px; }
.container_24 .grid_24 { width: 724px; }
/* Prefix Extra Space >> 24 Columns
================================================= */
.container_24 .prefix_1 { padding-left: 31px; }
.container_24 .prefix_2 { padding-left: 62px; }
.container_24 .prefix_3 { padding-left: 93px; }
.container_24 .prefix_4 { padding-left: 124px; }
.container_24 .prefix_5 { padding-left: 155px; }
.container_24 .prefix_6 { padding-left: 186px; }
.container_24 .prefix_7 { padding-left: 217px; }
.container_24 .prefix_8 { padding-left: 248px; }
.container_24 .prefix_9 { padding-left: 279px; }
.container_24 .prefix_10 { padding-left: 310px; }
.container_24 .prefix_11 { padding-left: 341px; }
.container_24 .prefix_12 { padding-left: 372px; }
.container_24 .prefix_13 { padding-left: 403px; }
.container_24 .prefix_14 { padding-left: 434px; }
.container_24 .prefix_15 { padding-left: 465px; }
.container_24 .prefix_16 { padding-left: 496px; }
.container_24 .prefix_17 { padding-left: 527px; }
.container_24 .prefix_18 { padding-left: 558px; }
.container_24 .prefix_19 { padding-left: 589px; }
.container_24 .prefix_20 { padding-left: 620px; }
.container_24 .prefix_21 { padding-left: 651px; }
.container_24 .prefix_22 { padding-left: 682px; }
.container_24 .prefix_23 { padding-left: 713px; }
.container_24 .prefix_24 { padding-left: 744px; }
/* Suffix Extra Space >> 24 Columns
================================================= */
.container_24 .suffix_1 { padding-right: 31px; }
.container_24 .suffix_2 { padding-right: 62px; }
.container_24 .suffix_3 { padding-right: 93px; }
.container_24 .suffix_4 { padding-right: 124px; }
.container_24 .suffix_5 { padding-right: 155px; }
.container_24 .suffix_6 { padding-right: 186px; }
.container_24 .suffix_7 { padding-right: 217px; }
.container_24 .suffix_8 { padding-right: 248px; }
.container_24 .suffix_9 { padding-right: 279px; }
.container_24 .suffix_10 { padding-right: 310px; }
.container_24 .suffix_11 { padding-right: 341px; }
.container_24 .suffix_12 { padding-right: 372px; }
.container_24 .suffix_13 { padding-right: 403px; }
.container_24 .suffix_14 { padding-right: 434px; }
.container_24 .suffix_15 { padding-right: 465px; }
.container_24 .suffix_16 { padding-right: 496px; }
.container_24 .suffix_17 { padding-right: 527px; }
.container_24 .suffix_18 { padding-right: 558px; }
.container_24 .suffix_19 { padding-right: 589px; }
.container_24 .suffix_20 { padding-right: 620px; }
.container_24 .suffix_21 { padding-right: 651px; }
.container_24 .suffix_22 { padding-right: 682px; }
.container_24 .suffix_23 { padding-right: 713px; }
.container_24 .suffix_24 { padding-right: 744px; }
/* Push Space >> 24 Columns
================================================= */
.container_24 .push_1 { left: 31px; }
.container_24 .push_2 { left: 62px; }
.container_24 .push_3 { left: 93px; }
.container_24 .push_4 { left: 124px; }
.container_24 .push_5 { left: 155px; }
.container_24 .push_6 { left: 186px; }
.container_24 .push_7 { left: 217px; }
.container_24 .push_8 { left: 248px; }
.container_24 .push_9 { left: 279px; }
.container_24 .push_10 { left: 310px; }
.container_24 .push_11 { left: 341px; }
.container_24 .push_12 { left: 372px; }
.container_24 .push_13 { left: 403px; }
.container_24 .push_14 { left: 434px; }
.container_24 .push_15 { left: 465px; }
.container_24 .push_16 { left: 496px; }
.container_24 .push_17 { left: 527px; }
.container_24 .push_18 { left: 558px; }
.container_24 .push_19 { left: 589px; }
.container_24 .push_20 { left: 620px; }
.container_24 .push_21 { left: 651px; }
.container_24 .push_22 { left: 682px; }
.container_24 .push_23 { left: 713px; }
.container_24 .push_24 { left: 744px; }
/* Pull Space >> 24 Columns
================================================= */
.container_24 .pull_1 { left: -31px; }
.container_24 .pull_2 { left: -62px; }
.container_24 .pull_3 { left: -93px; }
.container_24 .pull_4 { left: -124px; }
.container_24 .pull_5 { left: -155px; }
.container_24 .pull_6 { left: -186px; }
.container_24 .pull_7 { left: -217px; }
.container_24 .pull_8 { left: -248px; }
.container_24 .pull_9 { left: -279px; }
.container_24 .pull_10 { left: -310px; }
.container_24 .pull_11 { left: -341px; }
.container_24 .pull_12 { left: -372px; }
.container_24 .pull_13 { left: -403px; }
.container_24 .pull_14 { left: -434px; }
.container_24 .pull_15 { left: -465px; }
.container_24 .pull_16 { left: -496px; }
.container_24 .pull_17 { left: -527px; }
.container_24 .pull_18 { left: -558px; }
.container_24 .pull_19 { left: -589px; }
.container_24 .pull_20 { left: -620px; }
.container_24 .pull_21 { left: -651px; }
.container_24 .pull_22 { left: -682px; }
.container_24 .pull_23 { left: -713px; }
.container_24 .pull_24 { left: -744px; }
}
/* Mobile (All)
================================================= */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.visible-phone-portrait { display: block; }
.hidden-phone-portrait { display: none; }
.hidden-phone-landscape { display: block; }
.visible-phone { display: block; }
.hidden-phone { display: none !important; }
.hidden-desktop { display: block; }
.visible-desktop { display: none !important; }
.hidden-laptop { display: block; }
.visible-laptop { display: none !important; }
body {
min-width: 300px;
}
/* Containers
================================================= */
.container_24 {
margin-left: auto;
margin-right: auto;
width: 90%;
padding: 0 10px;
}
/* Grid >> 24 Columns
================================================= */
.container_24 .grid_1, .container_24 .grid_2, .container_24 .grid_3, .container_24 .grid_4, .container_24 .grid_5, .container_24 .grid_6, .container_24 .grid_7, .container_24 .grid_8, .container_24 .grid_9, .container_24 .grid_10, .container_24 .grid_11, .container_24 .grid_12, .container_24 .grid_13, .container_24 .grid_14, .container_24 .grid_15, .container_24 .grid_16, .container_24 .grid_17, .container_24 .grid_18, .container_24 .grid_19, .container_24 .grid_20, .container_24 .grid_21, .container_24 .grid_22, .container_24 .grid_23, .container_24 .grid_24 { width: 100%; margin-left: 0; margin-right: 0; }
/* Clear left, right, padding
================================================= */
.container_24 .prefix_1, .container_24 .suffix_1, .container_24 .push_1, .container_24 .pull_1, .container_24 .prefix_2, .container_24 .suffix_2, .container_24 .push_2, .container_24 .pull_2, .container_24 .prefix_3, .container_24 .suffix_3, .container_24 .push_3, .container_24 .pull_3, .container_24 .prefix_4, .container_24 .suffix_4, .container_24 .push_4, .container_24 .pull_4, .container_24 .prefix_5, .container_24 .suffix_5, .container_24 .push_5, .container_24 .pull_5, .container_24 .prefix_6, .container_24 .suffix_6, .container_24 .push_6, .container_24 .pull_6, .container_24 .prefix_7, .container_24 .suffix_7, .container_24 .push_7, .container_24 .pull_7, .container_24 .prefix_8, .container_24 .suffix_8, .container_24 .push_8, .container_24 .pull_8, .container_24 .prefix_9, .container_24 .suffix_9, .container_24 .push_9, .container_24 .pull_9, .container_24 .prefix_10, .container_24 .suffix_10, .container_24 .push_10, .container_24 .pull_10, .container_24 .prefix_11, .container_24 .suffix_11, .container_24 .push_11, .container_24 .pull_11, .container_24 .prefix_12, .container_24 .suffix_12, .container_24 .push_12, .container_24 .pull_12, .container_24 .prefix_13, .container_24 .suffix_13, .container_24 .push_13, .container_24 .pull_13, .container_24 .prefix_14, .container_24 .suffix_14, .container_24 .push_14, .container_24 .pull_14, .container_24 .prefix_15, .container_24 .suffix_15, .container_24 .push_15, .container_24 .pull_15, .container_24 .prefix_16, .container_24 .suffix_16, .container_24 .push_16, .container_24 .pull_16, .container_24 .prefix_17, .container_24 .suffix_17, .container_24 .push_17, .container_24 .pull_17, .container_24 .prefix_18, .container_24 .suffix_18, .container_24 .push_18, .container_24 .pull_18, .container_24 .prefix_19, .container_24 .suffix_19, .container_24 .push_19, .container_24 .pull_19, .container_24 .prefix_20, .container_24 .suffix_20, .container_24 .push_20, .container_24 .pull_20, .container_24 .prefix_21, .container_24 .suffix_21, .container_24 .push_21, .container_24 .pull_21, .container_24 .prefix_22, .container_24 .suffix_22, .container_24 .push_22, .container_24 .pull_22, .container_24 .prefix_23, .container_24 .suffix_23, .container_24 .push_23, .container_24 .pull_23, .container_24 .prefix_24, .container_24 .suffix_24, .container_24 .push_24, .container_24 .pull_24 {
left: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
/* Mobile (Landscape)
================================================= */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.visible-phone-landscape { display: block; }
.hidden-phone-landscape { display: none !important; }
.visible-phone-portrait { display: none !important; }
.hidden-phone-portrait { display: block; }
.visible-phone { display: block; }
.hidden-phone { display: none !important; }
.hidden-desktop { display: block; }
.visible-desktop { display: none !important; }
.hidden-laptop { display: block; }
.visible-laptop { display: none !important; }
body {
min-width: 420px;
}
/* Containers
================================================= */
.container_24 {
margin-left: auto;
margin-right: auto;
width: 90%;
padding: 0 10px;
}
/* Grid >> 24 Columns
================================================= */
.container_24 .grid_1, .container_24 .grid_2, .container_24 .grid_3, .container_24 .grid_4, .container_24 .grid_5, .container_24 .grid_6, .container_24 .grid_7, .container_24 .grid_8, .container_24 .grid_9, .container_24 .grid_10, .container_24 .grid_11, .container_24 .grid_12, .container_24 .grid_13, .container_24 .grid_14, .container_24 .grid_15, .container_24 .grid_16, .container_24 .grid_17, .container_24 .grid_18, .container_24 .grid_19, .container_24 .grid_20, .container_24 .grid_21, .container_24 .grid_22, .container_24 .grid_23, .container_24 .grid_24 { width: 100%; margin-left: 0; margin-right: 0; }
/* Clear left, right, padding
================================================= */
.container_24 .prefix_1, .container_24 .suffix_1, .container_24 .push_1, .container_24 .pull_1, .container_24 .prefix_2, .container_24 .suffix_2, .container_24 .push_2, .container_24 .pull_2, .container_24 .prefix_3, .container_24 .suffix_3, .container_24 .push_3, .container_24 .pull_3, .container_24 .prefix_4, .container_24 .suffix_4, .container_24 .push_4, .container_24 .pull_4, .container_24 .prefix_5, .container_24 .suffix_5, .container_24 .push_5, .container_24 .pull_5, .container_24 .prefix_6, .container_24 .suffix_6, .container_24 .push_6, .container_24 .pull_6, .container_24 .prefix_7, .container_24 .suffix_7, .container_24 .push_7, .container_24 .pull_7, .container_24 .prefix_8, .container_24 .suffix_8, .container_24 .push_8, .container_24 .pull_8, .container_24 .prefix_9, .container_24 .suffix_9, .container_24 .push_9, .container_24 .pull_9, .container_24 .prefix_10, .container_24 .suffix_10, .container_24 .push_10, .container_24 .pull_10, .container_24 .prefix_11, .container_24 .suffix_11, .container_24 .push_11, .container_24 .pull_11, .container_24 .prefix_12, .container_24 .suffix_12, .container_24 .push_12, .container_24 .pull_12, .container_24 .prefix_13, .container_24 .suffix_13, .container_24 .push_13, .container_24 .pull_13, .container_24 .prefix_14, .container_24 .suffix_14, .container_24 .push_14, .container_24 .pull_14, .container_24 .prefix_15, .container_24 .suffix_15, .container_24 .push_15, .container_24 .pull_15, .container_24 .prefix_16, .container_24 .suffix_16, .container_24 .push_16, .container_24 .pull_16, .container_24 .prefix_17, .container_24 .suffix_17, .container_24 .push_17, .container_24 .pull_17, .container_24 .prefix_18, .container_24 .suffix_18, .container_24 .push_18, .container_24 .pull_18, .container_24 .prefix_19, .container_24 .suffix_19, .container_24 .push_19, .container_24 .pull_19, .container_24 .prefix_20, .container_24 .suffix_20, .container_24 .push_20, .container_24 .pull_20, .container_24 .prefix_21, .container_24 .suffix_21, .container_24 .push_21, .container_24 .pull_21, .container_24 .prefix_22, .container_24 .suffix_22, .container_24 .push_22, .container_24 .pull_22, .container_24 .prefix_23, .container_24 .suffix_23, .container_24 .push_23, .container_24 .pull_23, .container_24 .prefix_24, .container_24 .suffix_24, .container_24 .push_24, .container_24 .pull_24 {
left: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
/* #Print
================================================= */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}