/* ============================================================================= Extra small screen ============================================================================= */ @media only screen{ .col-container{width:auto;min-width:0;margin-left:0;margin-right:0} /* ============================================================================= Column 1/5, 2/5, 3/5 & 4/5 sizes ============================================================================= */ .xs-1{width:6.25%}.xs-2{width:12.5%}.xs-3{width:18.75%}.xs-4{width:25%}.xs-5{width:31.25%}.xs-6{width:37.5%}.xs-7{width:43.75%}.xs-8{width:50%}.xs-9{width:56.25%}.xs-10{width:62.5%}.xs-11{width:68.75%}.xs-12{width:75%}.xs-13{width:81.25%}.xs-14{width:87.5%}.xs-15{width:93.75%}.xs-16{width:100%}.xs-25{width:40%}.xs-33{width:33.33333333%}.xs-35{width:60%}.xs-45{width:80%}.xs-55{width:20%} /* ============================================================================= push ============================================================================= */ .push-xs-0{left:auto}.push-xs-1{left:6.25%}.push-xs-2{left:12.5%}.push-xs-3{left:18.75%}.push-xs-4{left:25%}.push-xs-5{left:31.25%}.push-xs-6{left:37.5%}.push-xs-7{left:43.75%}.push-xs-8{left:50%}.push-xs-9{left:56.25%}.push-xs-10{left:62.5%}.push-xs-11{left:68.75%}.push-xs-12{left:75%}.push-xs-13{left:81.25%}.push-xs-14{left:87.5%}.push-xs-15{left:93.75%}.push-xs-16{left:100%}.push-xs-25{left:40%}.push-xs-33{left:33.33333333%}.push-xs-35{left:60%}.push-xs-45{left:80%}.push-xs-55{left:20%} /* ============================================================================= Pull ============================================================================= */ .pull-xs-0{right:auto}.pull-xs-1{right:6.25%}.pull-xs-2{right:12.5%}.pull-xs-3{right:18.75%}.pull-xs-4{right:25%}.pull-xs-5{right:31.25%}.pull-xs-6{right:37.5%}.pull-xs-7{right:43.75%}.pull-xs-8{right:50%}.pull-xs-9{right:56.25%}.pull-xs-10{right:62.5%}.pull-xs-11{right:68.75%}.pull-xs-12{right:75%}.pull-xs-13{right:81.25%}.pull-xs-14{right:87.5%}.pull-xs-15{right:93.75%}.pull-xs-16{right:100%}.pull-xs-25{right:40%}.pull-xs-33{right:33.33333333%}.pull-xs-35{right:60%}.pull-xs-45{right:80%}.pull-xs-55{right:20%} /* ============================================================================= Offset ============================================================================= */ .offset-xs-0{margin-left:0}.offset-xs-1{margin-left:6.25%}.offset-xs-2{margin-left:12.5%}.offset-xs-3{margin-left:18.75%}.offset-xs-4{margin-left:25%}.offset-xs-5{margin-left:31.25%}.offset-xs-6{margin-left:37.5%}.offset-xs-7{margin-left:43.75%}.offset-xs-8{margin-left:50%}.offset-xs-9{margin-left:56.25%}.offset-xs-10{margin-left:62.5%}.offset-xs-11{margin-left:68.75%}.offset-xs-12{margin-left:75%}.offset-xs-13{margin-left:81.25%}.offset-xs-14{margin-left:87.5%}.offset-xs-15{margin-left:93.75%}.offset-xs-16{margin-left:100%}.offset-xs-25{margin-left:40%}.offset-xs-33{margin-left:33.33333333%}.offset-xs-35{margin-left:60%}.offset-xs-45{margin-left:80%}.offset-xs-55{margin-left:20%} /* ============================================================================= Remove column padding ============================================================================= */ .col-xs-alpha-o,.col-xs-alpha-up{padding-left:0} .col-xs-omega-o,.col-xs-omega-up{padding-right:0} .col-xs-nospace-o,.col-xs-nospace-up{padding-left:0;padding-right:0} /* ============================================================================= Top/Bottom margin ============================================================================= */ .all-tspace-mini{margin-top:0.3125rem}.all-bspace-mini{margin-bottom:0.3125rem} .all-tspace-small{margin-top:0.625rem}.all-bspace-small{margin-bottom:0.625rem} .all-tspace-medium{margin-top:1.25rem}.all-bspace-medium{margin-bottom:1.25rem} .all-tspace-large{margin-top:2.5rem}.all-bspace-large{margin-bottom:2.5rem} .all-tspace-xl{margin-top:3.125rem}.all-bspace-xl{margin-bottom:3.125rem} .all-tspace-xxl{margin-top:3.750rem}.all-bspace-xxl{margin-bottom:3.750rem} .sm-tspace-mini{margin-top:0}.sm-bspace-mini{margin-bottom:0} .sm-tspace-small{margin-top:0}.sm-bspace-small{margin-bottom:0} .sm-tspace-medium{margin-top:0}.sm-bspace-medium{margin-bottom:0} .sm-tspace-large{margin-top:0}.sm-bspace-large{margin-bottom:0} .sm-tspace-xl{margin-top:0}.sm-bspace-xl{margin-bottom:0} .sm-tspace-xxl{margin-top:0}.sm-bspace-xxl{margin-bottom:0} .xs-tspace-mini{margin-top:0.3125rem}.xs-bspace-mini{margin-bottom:0.3125rem} .xs-tspace-small{margin-top:0.625rem}.xs-bspace-small{margin-bottom:0.625rem} .xs-tspace-medium{margin-top:1.25rem}.xs-bspace-medium{margin-bottom:1.25rem} .xs-tspace-large{margin-top:2.5rem}.xs-bspace-large{margin-bottom:2.5rem} .xs-tspace-xl{margin-top:3.125rem}.xs-bspace-xl{margin-bottom:3.125rem} .xs-tspace-xxl{margin-top:3.750rem}.xs-bspace-xxl{margin-bottom:3.750rem} /* ============================================================================= Show / Hide ============================================================================= */ .show-xs-o,.show-xs-up,.hide-sm-o,.hide-sm-up,.hide-md-o,.hide-md-up,.show-lg-up,.hide-lg-o,.show-xl-up,.hide-xxl-o,.hide-xxl-up{display:inherit} .show-sm-o,.show-sm-up,.show-md-o,.show-md-up,.show-lg-o,.show-xl-o,.show-xxl-o,.hide-xs-o,.hide-xs-up,.hide-sm-dw,.show-xxl-up{display:none} } /* ============================================================================= Small screen 480px ============================================================================= */ @media only screen and (min-width:30em){ /* ============================================================================= Column ============================================================================= */ .sm-1{width:6.25%}.sm-2{width:12.5%}.sm-3{width:18.75%}.sm-4{width:25%}.sm-5{width:31.25%}.sm-6{width:37.5%}.sm-7{width:43.75%}.sm-8{width:50%}.sm-9{width:56.25%}.sm-10{width:62.5%}.sm-11{width:68.75%}.sm-12{width:75%}.sm-13{width:81.25%}.sm-14{width:87.5%}.sm-15{width:93.75%}.sm-16{width:100%}.sm-25{width:40%}.sm-33{width:33.33333333%}.sm-35{width:60%}.sm-45{width:80%}.sm-55{width:20%} /* ============================================================================= push ============================================================================= */ .push-sm-0{left:auto}.push-sm-1{left:6.25%}.push-sm-2{left:12.5%}.push-sm-3{left:18.75%}.push-sm-4{left:25%}.push-sm-5{left:31.25%}.push-sm-6{left:37.5%}.push-sm-7{left:43.75%}.push-sm-8{left:50%}.push-sm-9{left:56.25%}.push-sm-10{left:62.5%}.push-sm-11{left:68.75%}.push-sm-12{left:75%}.push-sm-13{left:81.25%}.push-sm-14{left:87.5%}.push-sm-15{left:93.75%}.push-sm-16{left:100%}.push-sm-25{left:40%}.push-sm-33{left:33.33333333%}.push-sm-35{left:60%}.push-sm-45{left:80%}.push-sm-55{left:20%} /* ============================================================================= Pull ============================================================================= */ .pull-sm-0{right:auto}.pull-sm-1{right:6.25%}.pull-sm-2{right:12.5%}.pull-sm-3{right:18.75%}.pull-sm-4{right:25%}.pull-sm-5{right:31.25%}.pull-sm-6{right:37.5%}.pull-sm-7{right:43.75%}.pull-sm-8{right:50%}.pull-sm-9{right:56.25%}.pull-sm-10{right:62.5%}.pull-sm-11{right:68.75%}.pull-sm-12{right:75%}.pull-sm-13{right:81.25%}.pull-sm-14{right:87.5%}.pull-sm-15{right:93.75%}.pull-sm-16{right:100%}.pull-sm-25{right:40%}.pull-sm-33{right:33.33333333%}.pull-sm-35{right:60%}.pull-sm-45{right:80%}.pull-sm-55{right:20%} /* ============================================================================= Offset ============================================================================= */ .offset-sm-0{margin-left:0}.offset-sm-1{margin-left:6.25%}.offset-sm-2{margin-left:12.5%}.offset-sm-3{margin-left:18.75%}.offset-sm-4{margin-left:25%}.offset-sm-5{margin-left:31.25%}.offset-sm-6{margin-left:37.5%}.offset-sm-7{margin-left:43.75%}.offset-sm-8{margin-left:50%}.offset-sm-9{margin-left:56.25%}.offset-sm-10{margin-left:62.5%}.offset-sm-11{margin-left:68.75%}.offset-sm-12{margin-left:75%}.offset-sm-13{margin-left:81.25%}.offset-sm-14{margin-left:87.5%}.offset-sm-15{margin-left:93.75%}.offset-sm-16{margin-left:100%}.offset-sm-25{margin-left:40%}.offset-sm-33{margin-left:33.33333333%}.offset-sm-35{margin-left:60%}.offset-sm-45{margin-left:80%}.offset-sm-55{margin-left:20%} /* ============================================================================= Remove column padding ============================================================================= */ .col-xs-alpha-o{padding-left:.85714286rem} .col-xs-omega-o{padding-right:.85714286rem} .col-xs-nospace-o{padding-left:.85714286rem;padding-right:.85714286rem} .col-xs-alpha-up,.col-sm-alpha-o,.col-sm-alpha-up{padding-left:0} .col-xs-omega-up,.col-sm-omega-o,.col-sm-omega-up{padding-right:0} .col-xs-nospace-up,.col-sm-nospace-o,.col-sm-nospace-up{padding-left:0;padding-right:0} /* ============================================================================= Top/Bottom margin ============================================================================= */ .xs-tspace-mini{margin-top:0}.xs-bspace-mini{margin-bottom:0} .xs-tspace-small{margin-top:0}.xs-bspace-small{margin-bottom:0} .xs-tspace-medium{margin-top:0}.xs-bspace-medium{margin-bottom:0} .xs-tspace-large{margin-top:0}.xs-bspace-large{margin-bottom:0} .xs-tspace-xl{margin-top:0}.xs-bspace-xl{margin-bottom:0} .xs-tspace-xxl{margin-top:0}.xs-bspace-xxl{margin-bottom:0} .md-tspace-mini{margin-top:0}.md-bspace-mini{margin-bottom:0} .md-tspace-small{margin-top:0}.md-bspace-small{margin-bottom:0} .md-tspace-medium{margin-top:0}.md-bspace-medium{margin-bottom:0} .md-tspace-large{margin-top:0}.md-bspace-large{margin-bottom:0} .md-tspace-xl{margin-top:3.125rem}.md-bspace-xl{margin-bottom:3.125rem} .md-tspace-xxl{margin-top:3.750rem}.md-bspace-xxl{margin-bottom:3.750rem} .sm-tspace-mini{margin-top:0.3125rem}.sm-bspace-mini{margin-bottom:0.3125rem} .sm-tspace-small{margin-top:0.625rem}.sm-bspace-small{margin-bottom:0.625rem} .sm-tspace-medium{margin-top:1.25rem}.sm-bspace-medium{margin-bottom:1.25rem} .sm-tspace-large{margin-top:2.5rem}.sm-bspace-large{margin-bottom:2.5rem} .sm-tspace-xl{margin-top:3.125rem}.sm-bspace-xl{margin-bottom:3.125rem} .sm-tspace-xxl{margin-top:3.750rem}.sm-bspace-xxl{margin-bottom:3.750rem} /* ============================================================================= Show / Hide ============================================================================= */ .hide-xs-o,.show-sm-o,.show-sm-dw,.show-sm-up,.hide-md-o,.hide-md-up,.hide-lg-o,.hide-xxl-o,.hide-xxl-up{display:inherit} .show-xs-o,.show-xxl-o,.hide-sm-o,.hide-sm-dw,.hide-sm-up,.show-md-o,.show-md-up,.show-lg-up,.show-lg-o,.show-xl-o,.show-xl-up,.show-xxl-up{display:none} } /* ============================================================================= Medium screen 768px ============================================================================= */ @media only screen and (min-width:48em){ /* ============================================================================= Column ============================================================================= */ .md-1{width:6.25%}.md-2{width:12.5%}.md-3{width:18.75%}.md-4{width:25%}.md-5{width:31.25%}.md-6{width:37.5%}.md-7{width:43.75%}.md-8{width:50%}.md-9{width:56.25%}.md-10{width:62.5%}.md-11{width:68.75%}.md-12{width:75%}.md-13{width:81.25%}.md-14{width:87.5%}.md-15{width:93.75%}.md-16{width:100%}.md-25{width:40%}.md-33{width:33.33333333%}.md-35{width:60%}.md-45{width:80%}.md-55{width:20%} /* ============================================================================= push ============================================================================= */ .push-md-0{left:auto}.push-md-1{left:6.25%}.push-md-2{left:12.5%}.push-md-3{left:18.75%}.push-md-4{left:25%}.push-md-5{left:31.25%}.push-md-6{left:37.5%}.push-md-7{left:43.75%}.push-md-8{left:50%}.push-md-9{left:56.25%}.push-md-10{left:62.5%}.push-md-11{left:68.75%}.push-md-12{left:75%}.push-md-13{left:81.25%}.push-md-14{left:87.5%}.push-md-15{left:93.75%}.push-md-16{left:100%}.push-md-25{left:40%}.push-md-33{left:33.33333333%}.push-md-35{left:60%}.push-md-45{left:80%}.push-md-55{left:20%} /* ============================================================================= Pull ============================================================================= */ .pull-md-0{right:auto}.pull-md-1{right:6.25%}.pull-md-2{right:12.5%}.pull-md-3{right:18.75%}.pull-md-4{right:25%}.pull-md-5{right:31.25%}.pull-md-6{right:37.5%}.pull-md-7{right:43.75%}.pull-md-8{right:50%}.pull-md-9{right:56.25%}.pull-md-10{right:62.5%}.pull-md-11{right:68.75%}.pull-md-12{right:75%}.pull-md-13{right:81.25%}.pull-md-14{right:87.5%}.pull-md-15{right:93.75%}.pull-md-16{right:100%}.pull-md-25{right:40%}.pull-md-33{right:33.33333333%}.pull-md-35{right:60%}.pull-md-45{right:80%}.pull-md-55{right:20%} /* ============================================================================= Offset ============================================================================= */ .offset-md-0{margin-left:0}.offset-md-1{margin-left:6.25%}.offset-md-2{margin-left:12.5%}.offset-md-3{margin-left:18.75%}.offset-md-4{margin-left:25%}.offset-md-5{margin-left:31.25%}.offset-md-6{margin-left:37.5%}.offset-md-7{margin-left:43.75%}.offset-md-8{margin-left:50%}.offset-md-9{margin-left:56.25%}.offset-md-10{margin-left:62.5%}.offset-md-11{margin-left:68.75%}.offset-md-12{margin-left:75%}.offset-md-13{margin-left:81.25%}.offset-md-14{margin-left:87.5%}.offset-md-15{margin-left:93.75%}.offset-md-16{margin-left:100%}.offset-md-25{margin-left:40%}.offset-md-33{margin-left:33.33333333%}.offset-md-35{margin-left:60%}.offset-md-45{margin-left:80%}.offset-md-55{margin-left:20%} /* ============================================================================= Remove column padding ============================================================================= */ .col-xs-alpha-o,.col-sm-alpha-o{padding-left:.85714286rem} .col-xs-omega-o,.col-sm-omega-o{padding-right:.85714286rem} .col-xs-nospace-o,.col-sm-nospace-o{padding-left:.85714286rem;padding-right:.85714286rem} .col-xs-alpha-up,.col-sm-alpha-up,.col-md-alpha-o,.col-md-alpha-up{padding-left:0} .col-xs-omega-up,.col-sm-omega-up,.col-md-omega-o,.col-md-omega-up{padding-right:0} .col-xs-nospace-up,.col-sm-nospace-up,.col-md-nospace-o,.col-md-nospace-up{padding-left:0;padding-right:0} /* ============================================================================= Top/Bottom margin ============================================================================= */ .sm-tspace-mini{margin-top:0}.sm-bspace-mini{margin-bottom:0} .sm-tspace-small{margin-top:0}.sm-bspace-small{margin-bottom:0} .sm-tspace-medium{margin-top:0}.sm-bspace-medium{margin-bottom:0} .sm-tspace-large{margin-top:0}.sm-bspace-large{margin-bottom:0} .sm-tspace-xl{margin-top:0}.sm-bspace-xl{margin-bottom:0} .sm-tspace-xxl{margin-top:0}.sm-bspace-xxl{margin-bottom:0} .lg-tspace-mini{margin-top:0}.lg-bspace-mini{margin-bottom:0} .lg-tspace-small{margin-top:0}.lg-bspace-small{margin-bottom:0} .lg-tspace-medium{margin-top:0}.lg-bspace-medium{margin-bottom:0} .lg-tspace-large{margin-top:0}.lg-bspace-large{margin-bottom:0} .lg-tspace-xl{margin-top:0}.lg-bspace-xl{margin-bottom:0} .lg-tspace-xxl{margin-top:0}.lg-bspace-xxl{margin-bottom:0} .md-tspace-mini{margin-top:0.3125rem}.md-bspace-mini{margin-bottom:0.3125rem} .md-tspace-small{margin-top:0.625rem}.md-bspace-small{margin-bottom:0.625rem} .md-tspace-medium{margin-top:1.25rem}.md-bspace-medium{margin-bottom:1.25rem} .md-tspace-large{margin-top:2.5rem}.md-bspace-large{margin-bottom:2.5rem} .md-tspace-xl{margin-top:3.125rem}.md-bspace-xl{margin-bottom:3.125rem} .md-tspace-xxl{margin-top:3.750rem}.md-bspace-xxl{margin-bottom:3.750rem} /* ============================================================================= Show / Hide ============================================================================= */ .hide-xs-o,.hide-sm-o,.hide-sm-dw,.show-md-o,.show-md-dw,.show-md-up,.hide-lg-o,.hide-xxl-o,.hide-xxl-up{display:inherit} .show-xs-o,.show-sm-o,.show-sm-dw,.show-xxl-o,.hide-md-o,.hide-md-dw,.hide-md-up,.show-lg-up,.show-lg-o.show-xl-o,.show-xl-up,.show-xxl-up{display:none} } /* ============================================================================= Large screen 1025px ============================================================================= */ @media only screen and (min-width:64.063em){ .col-container{margin-left:auto;margin-right:auto;width:100%;min-width:48rem;max-width:78rem} /* ============================================================================= Column ============================================================================= */ .lg-1{width:6.25%}.lg-2{width:12.5%}.lg-3{width:18.75%}.lg-4{width:25%}.lg-5{width:31.25%}.lg-6{width:37.5%}.lg-7{width:43.75%}.lg-8{width:50%}.lg-9{width:56.25%}.lg-10{width:62.5%}.lg-11{width:68.75%}.lg-12{width:75%}.lg-13{width:81.25%}.lg-14{width:87.5%}.lg-15{width:93.75%}.lg-16{width:100%}.lg-25{width:40%}.lg-33{width:33.33333333%}.lg-35{width:60%}.lg-45{width:80%}.lg-55{width:20%} /* ============================================================================= push ============================================================================= */ .push-lg-0{left:auto}.push-lg-1{left:6.25%}.push-lg-2{left:12.5%}.push-lg-3{left:18.75%}.push-lg-4{left:25%}.push-lg-5{left:31.25%}.push-lg-6{left:37.5%}.push-lg-7{left:43.75%}.push-lg-8{left:50%}.push-lg-9{left:56.25%}.push-lg-10{left:62.5%}.push-lg-11{left:68.75%}.push-lg-12{left:75%}.push-lg-13{left:81.25%}.push-lg-14{left:87.5%}.push-lg-15{left:93.75%}.push-lg-16{left:100%}.push-lg-25{left:40%}.push-lg-33{left:33.33333333%}.push-lg-35{left:60%}.push-lg-45{left:80%}.push-lg-55{left:20%} /* ============================================================================= Pull ============================================================================= */ .pull-lg-0{right:auto}.pull-lg-1{right:6.25%}.pull-lg-2{right:12.5%}.pull-lg-3{right:18.75%}.pull-lg-4{right:25%}.pull-lg-5{right:31.25%}.pull-lg-6{right:37.5%}.pull-lg-7{right:43.75%}.pull-lg-8{right:50%}.pull-lg-9{right:56.25%}.pull-lg-10{right:62.5%}.pull-lg-11{right:68.75%}.pull-lg-12{right:75%}.pull-lg-13{right:81.25%}.pull-lg-14{right:87.5%}.pull-lg-15{right:93.75%}.pull-lg-16{right:100%}.pull-lg-25{right:40%}.pull-lg-33{right:33.33333333%}.pull-lg-35{right:60%}.pull-lg-45{right:80%}.pull-lg-55{right:20%} /* ============================================================================= Offset ============================================================================= */ .offset-lg-0{margin-left:0}.offset-lg-1{margin-left:6.25%}.offset-lg-2{margin-left:12.5%}.offset-lg-3{margin-left:18.75%}.offset-lg-4{margin-left:25%}.offset-lg-5{margin-left:31.25%}.offset-lg-6{margin-left:37.5%}.offset-lg-7{margin-left:43.75%}.offset-lg-8{margin-left:50%}.offset-lg-9{margin-left:56.25%}.offset-lg-10{margin-left:62.5%}.offset-lg-11{margin-left:68.75%}.offset-lg-12{margin-left:75%}.offset-lg-13{margin-left:81.25%}.offset-lg-14{margin-left:87.5%}.offset-lg-15{margin-left:93.75%}.offset-lg-16{margin-left:100%}.offset-lg-25{margin-left:40%}.offset-lg-33{margin-left:33.33333333%}.offset-lg-35{margin-left:60%}.offset-lg-45{margin-left:80%}.offset-lg-55{margin-left:20%} /* ============================================================================= Remove column padding ============================================================================= */ .col-xs-alpha-o,.col-sm-alpha-o,.col-md-alpha-o{padding-left:.85714286rem} .col-xs-nospace-o,.col-sm-nospace-o,.col-md-nospace-o{padding-left:.85714286rem;padding-right:.85714286rem} .col-xs-omega-o,.col-sm-omega-o,.col-md-omega-o{padding-right:.85714286rem} .col-xs-alpha-up,.col-sm-alpha-up,.col-md-alpha-up,.col-lg-alpha-up{padding-left:0} .col-xs-omega-up,.col-sm-omega-up,.col-md-omega-up,.col-lg-omega-up{padding-right:0} .col-xs-nospace-up,.col-sm-nospace-up,.col-md-nospace-up,.col-lg-nospace-up{padding-left:0;padding-right:0} /* ============================================================================= Top/Bottom margin ============================================================================= */ .md-tspace-mini{margin-top:0}.md-bspace-mini{margin-bottom:0} .md-tspace-small{margin-top:0}.md-bspace-small{margin-bottom:0} .md-tspace-medium{margin-top:0}.md-bspace-medium{margin-bottom:0} .md-tspace-large{margin-top:0}.md-bspace-large{margin-bottom:0} .md-tspace-xl{margin-top:0}.md-bspace-xl{margin-bottom:0} .md-tspace-xxl{margin-top:0}.md-bspace-xxl{margin-bottom:0} .xl-tspace-mini{margin-top:0}.xl-bspace-mini{margin-bottom:0} .xl-tspace-small{margin-top:0}.xl-bspace-small{margin-bottom:0} .xl-tspace-medium{margin-top:0}.xl-bspace-medium{margin-bottom:0} .xl-tspace-large{margin-top:0}.xl-bspace-large{margin-bottom:0} .xl-tspace-xl{margin-top:0}.xl-bspace-xl{margin-bottom:0} .xl-tspace-xxl{margin-top:0}.xl-bspace-xxl{margin-bottom:0} .lg-tspace-mini{margin-top:0.3125rem}.lg-bspace-mini{margin-bottom:0.3125rem} .lg-tspace-small{margin-top:0.625rem}.lg-bspace-small{margin-bottom:0.625rem} .lg-tspace-medium{margin-top:1.25rem}.lg-bspace-medium{margin-bottom:1.25rem} .lg-tspace-large{margin-top:2.5rem}.lg-bspace-large{margin-bottom:2.5rem} .lg-tspace-xl{margin-top:3.125rem}.lg-bspace-xl{margin-bottom:3.125rem} .lg-tspace-xxl{margin-top:3.750rem}.lg-bspace-xxl{margin-bottom:3.750rem} /* ============================================================================= Show / Hide ============================================================================= */ .hide-xs-o,.hide-sm-o,.hide-sm-dw,.hide-md-o,.hide-md-dw,.show-lg-up,.show-lg-o,.hide-xxl-o,.hide-xxl-up{display:inherit} .show-xs-o,.show-sm-o,.show-sm-dw,.show-md-o,.show-md-dw,.show-xxl-o,.hide-lg-o,.show-xl-o,.show-xl-up,.show-xxl-up{display:none} } /* ============================================================================= xl screen 1441px ============================================================================= */ @media only screen and (min-width:90.063em){ /* ============================================================================= Column ============================================================================= */ .xl-1{width:6.25%}.xl-2{width:12.5%}.xl-3{width:18.75%}.xl-4{width:25%}.xl-5{width:31.25%}.xl-6{width:37.5%}.xl-7{width:43.75%}.xl-8{width:50%}.xl-9{width:56.25%}.xl-10{width:62.5%}.xl-11{width:68.75%}.xl-12{width:75%}.xl-13{width:81.25%}.xl-14{width:87.5%}.xl-15{width:93.75%}.xl-16{width:100%}.xl-25{width:40%}.xl-33{width:33.33333333%}.xl-35{width:60%}.xl-45{width:80%}.xl-55{width:20%} /* ============================================================================= push ============================================================================= */ .push-xl-0{left:auto}.push-xl-1{left:6.25%}.push-xl-2{left:12.5%}.push-xl-3{left:18.75%}.push-xl-4{left:25%}.push-xl-5{left:31.25%}.push-xl-6{left:37.5%}.push-xl-7{left:43.75%}.push-xl-8{left:50%}.push-xl-9{left:56.25%}.push-xl-10{left:62.5%}.push-xl-11{left:68.75%}.push-xl-12{left:75%}.push-xl-13{left:81.25%}.push-xl-14{left:87.5%}.push-xl-15{left:93.75%}.push-xl-16{left:100%}.push-xl-25{left:40%}.push-xl-33{left:33.33333333%}.push-xl-35{left:60%}.push-xl-45{left:80%}.push-xl-55{left:20%} /* ============================================================================= Pull ============================================================================= */ .pull-xl-0{right:auto}.pull-xl-1{right:6.25%}.pull-xl-2{right:12.5%}.pull-xl-3{right:18.75%}.pull-xl-4{right:25%}.pull-xl-5{right:31.25%}.pull-xl-6{right:37.5%}.pull-xl-7{right:43.75%}.pull-xl-8{right:50%}.pull-xl-9{right:56.25%}.pull-xl-10{right:62.5%}.pull-xl-11{right:68.75%}.pull-xl-12{right:75%}.pull-xl-13{right:81.25%}.pull-xl-14{right:87.5%}.pull-xl-15{right:93.75%}.pull-xl-16{right:100%}.pull-xl-25{right:40%}.pull-xl-33{right:33.33333333%}.pull-xl-35{right:60%}.pull-xl-45{right:80%}.pull-xl-55{right:20%} /* ============================================================================= Offset ============================================================================= */ .offset-xl-0{margin-left:0}.offset-xl-1{margin-left:6.25%}.offset-xl-2{margin-left:12.5%}.offset-xl-3{margin-left:18.75%}.offset-xl-4{margin-left:25%}.offset-xl-5{margin-left:31.25%}.offset-xl-6{margin-left:37.5%}.offset-xl-7{margin-left:43.75%}.offset-xl-8{margin-left:50%}.offset-xl-9{margin-left:56.25%}.offset-xl-10{margin-left:62.5%}.offset-xl-11{margin-left:68.75%}.offset-xl-12{margin-left:75%}.offset-xl-13{margin-left:81.25%}.offset-xl-14{margin-left:87.5%}.offset-xl-15{margin-left:93.75%}.offset-xl-16{margin-left:100%}.offset-xl-25{margin-left:40%}.offset-xl-33{margin-left:33.33333333%}.offset-xl-35{margin-left:60%}.offset-xl-45{margin-left:80%}.offset-xl-55{margin-left:20%} /* ============================================================================= Remove column padding ============================================================================= */ .col-xs-alpha-o,.col-sm-alpha-o,.col-md-alpha-o,.col-lg-alpha-o{padding-left:.85714286rem} .col-xs-nospace-o,.col-sm-nospace-o,.col-md-nospace-o,.col-lg-nospace-o{padding-left:.85714286rem;padding-right:.85714286rem} .col-xs-omega-o,.col-sm-omega-o,.col-md-omega-o,.col-lg-omega-o{padding-right:.85714286rem} .col-xs-alpha-up,.col-sm-alpha-up,.col-md-alpha-up,.col-lg-alpha-up,.col-xl-alpha-up{padding-left:0} .col-xs-omega-up,.col-sm-omega-up,.col-md-omega-up,.col-lg-omega-up,.col-xl-omega-up{padding-right:0} .col-xs-nospace-up,.col-sm-nospace-up,.col-md-nospace-up,.col-lg-nospace-up,.col-xl-nospace-up{padding-left:0;padding-right:0} /* ============================================================================= Top/Bottom margin ============================================================================= */ .lg-tspace-mini{margin-top:0}.lg-bspace-mini{margin-bottom:0} .lg-tspace-small{margin-top:0}.lg-bspace-small{margin-bottom:0} .lg-tspace-medium{margin-top:0}.lg-bspace-medium{margin-bottom:0} .lg-tspace-large{margin-top:0}.lg-bspace-large{margin-bottom:0} .lg-tspace-xl{margin-top:0}.lg-bspace-xl{margin-bottom:0} .lg-tspace-xxl{margin-top:0}.lg-bspace-xxl{margin-bottom:0} .xxl-tspace-mini{margin-top:0}.xxl-bspace-mini{margin-bottom:0} .xxl-tspace-small{margin-top:0}.xxl-bspace-small{margin-bottom:0} .xxl-tspace-medium{margin-top:0}.xxl-bspace-medium{margin-bottom:0} .xxl-tspace-large{margin-top:0}.xxl-bspace-large{margin-bottom:0} .xxl-tspace-xl{margin-top:0}.xl-bspace-xl{margin-bottom:0} .xxl-tspace-xxl{margin-top:0}.xl-bspace-xxl{margin-bottom:0} .xl-tspace-mini{margin-top:0.3125rem}.xl-bspace-mini{margin-bottom:0.3125rem} .xl-tspace-small{margin-top:0.625rem}.xl-bspace-small{margin-bottom:0.625rem} .xl-tspace-medium{margin-top:1.25rem}.xl-bspace-medium{margin-bottom:1.25rem} .xl-tspace-large{margin-top:2.5rem}.xl-bspace-large{margin-bottom:2.5rem} .xl-tspace-xl{margin-top:3.125rem}.xl-bspace-xl{margin-bottom:3.125rem} .xl-tspace-xxl{margin-top:3.750rem}.xl-bspace-xxl{margin-bottom:3.750rem} /* ============================================================================= Show / Hide ============================================================================= */ .hide-xs-o,.hide-sm-o,.hide-sm-dw,.hide-md-o,.hide-md-dw,.hide-lg-o,.hide-lg-dw,.show-xl-up,.show-xl-o,.hide-xxl-o,.hide-xxl-up{display:inherit} .show-xs-o,.show-sm-o,.show-sm-dw,.show-md-o,.show-md-dw,.show-lg-o,.show-lg-dw,.show-xxl-o,.hide-xl-o,.hide-xl-up,.show-xxl-up{display:none} } /* ============================================================================= xxl screen 1921px ============================================================================= */ @media only screen and (min-width:120.063em){ /* ============================================================================= Column ============================================================================= */ .xxl-1{width:6.25%}.xxl-2{width:12.5%}.xxl-3{width:18.75%}.xxl-4{width:25%}.xxl-5{width:31.25%}.xxl-6{width:37.5%}.xxl-7{width:43.75%}.xxl-8{width:50%}.xxl-9{width:56.25%}.xxl-10{width:62.5%}.xxl-11{width:68.75%}.xxl-12{width:75%}.xxl-13{width:81.25%}.xxl-14{width:87.5%}.xxl-15{width:93.75%}.xxl-16{width:100%}.xxl-25{width:40%}.xxl-33{width:33.33333333%}.xxl-35{width:60%}.xxl-45{width:80%}.xxl-55{width:20%} /* ============================================================================= push ============================================================================= */ .push-xxl-0{left:auto}.push-xxl-1{left:6.25%}.push-xxl-2{left:12.5%}.push-xxl-3{left:18.75%}.push-xxl-4{left:25%}.push-xxl-5{left:31.25%}.push-xxl-6{left:37.5%}.push-xxl-7{left:43.75%}.push-xxl-8{left:50%}.push-xxl-9{left:56.25%}.push-xxl-10{left:62.5%}.push-xxl-11{left:68.75%}.push-xxl-12{left:75%}.push-xxl-13{left:81.25%}.push-xxl-14{left:87.5%}.push-xxl-15{left:93.75%}.push-xxl-16{left:100%}.push-xxl-25{left:40%}.push-xxl-33{left:33.33333333%}.push-xxl-35{left:60%}.push-xxl-45{left:80%}.push-xxl-55{left:20%} /* ============================================================================= Pull ============================================================================= */ .pull-xxl-0{right:auto}.pull-xxl-1{right:6.25%}.pull-xxl-2{right:12.5%}.pull-xxl-3{right:18.75%}.pull-xxl-4{right:25%}.pull-xxl-5{right:31.25%}.pull-xxl-6{right:37.5%}.pull-xxl-7{right:43.75%}.pull-xxl-8{right:50%}.pull-xxl-9{right:56.25%}.pull-xxl-10{right:62.5%}.pull-xxl-11{right:68.75%}.pull-xxl-12{right:75%}.pull-xxl-13{right:81.25%}.pull-xxl-14{right:87.5%}.pull-xxl-15{right:93.75%}.pull-xxl-16{right:100%}.pull-xxl-25{right:40%}.pull-xxl-33{right:33.33333333%}.pull-xxl-35{right:60%}.pull-xxl-45{right:80%}.pull-xxl-55{right:20%} /* ============================================================================= Offset ============================================================================= */ .offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:6.25%}.offset-xxl-2{margin-left:12.5%}.offset-xxl-3{margin-left:18.75%}.offset-xxl-4{margin-left:25%}.offset-xxl-5{margin-left:31.25%}.offset-xxl-6{margin-left:37.5%}.offset-xxl-7{margin-left:43.75%}.offset-xxl-8{margin-left:50%}.offset-xxl-9{margin-left:56.25%}.offset-xxl-10{margin-left:62.5%}.offset-xxl-11{margin-left:68.75%}.offset-xxl-12{margin-left:75%}.offset-xxl-13{margin-left:81.25%}.offset-xxl-14{margin-left:87.5%}.offset-xxl-15{margin-left:93.75%}.offset-xxl-16{margin-left:100%}.offset-xxl-25{margin-left:40%}.offset-xxl-33{margin-left:33.33333333%}.offset-xxl-35{margin-left:60%}.offset-xxl-45{margin-left:80%}.offset-xxl-55{margin-left:20%} /* ============================================================================= Remove column padding ============================================================================= */ .col-xs-alpha-o,.col-sm-alpha-o,.col-md-alpha-o,.col-lg-alpha-o,.col-xl-alpha-o{padding-left:.85714286rem} .col-xs-nospace-o,.col-sm-nospace-o,.col-md-nospace-o,.col-lg-nospace-o,.col-xl-nospace-o{padding-left:.85714286rem;padding-right:.85714286rem} .col-xs-omega-o,.col-sm-omega-o,.col-md-omega-o,.col-lg-omega-o,.col-xl-omega-o{padding-right:.85714286rem} .col-xs-alpha-up,.col-sm-alpha-up,.col-md-alpha-up,.col-lg-alpha-up,.col-xl-alpha-up,.col-xxl-alpha-up{padding-left:0} .col-xs-omega-up,.col-sm-omega-up,.col-md-omega-up,.col-lg-omega-up,.col-xl-omega-up,.col-xxl-omega-up{padding-right:0} .col-xs-nospace-up,.col-sm-nospace-up,.col-md-nospace-up,.col-lg-nospace-up,.col-xl-nospace-up,.col-xxl-nospace-up{padding-left:0;padding-right:0} /* ============================================================================= Top/Bottom margin ============================================================================= */ .xl-tspace-mini{margin-top:0}.xl-bspace-mini{margin-bottom:0} .xl-tspace-small{margin-top:0}.xl-bspace-small{margin-bottom:0} .xl-tspace-medium{margin-top:0}.xl-bspace-medium{margin-bottom:0} .xl-tspace-large{margin-top:0}.xl-bspace-large{margin-bottom:0} .xl-tspace-xl{margin-top:0}.xl-bspace-xl{margin-bottom:0} .xl-tspace-xxl{margin-top:0}.xl-bspace-xxl{margin-bottom:0} .xxl-tspace-mini{margin-top:0.3125rem}.xxl-bspace-mini{margin-bottom:0.3125rem} .xxl-tspace-small{margin-top:0.625rem}.xxl-bspace-small{margin-bottom:0.625rem} .xxl-tspace-medium{margin-top:1.25rem}.xxl-bspace-medium{margin-bottom:1.25rem} .xxl-tspace-large{margin-top:2.5rem}.xxl-bspace-large{margin-bottom:2.5rem} .xxl-tspace-xl{margin-top:3.125rem}.xl-bspace-xl{margin-bottom:3.125rem} .xxl-tspace-xxl{margin-top:3.750rem}.xl-bspace-xxl{margin-bottom:3.750rem} /* ============================================================================= Show / Hide ============================================================================= */ .hide-xs-o,.hide-sm-o,.hide-sm-dw,.hide-md-o,.hide-md-dw,.hide-lg-o,.hide-lg-dw,.show-xl-up,.show-xxl-up,.show-xxl-o{display:inherit} .show-xs-o,.show-sm-o,.show-sm-dw,.show-md-o,.show-md-dw,.show-lg-o,.show-lg-dw,.show-xl-o,.hide-xl-up,.hide-xxl-o,.hide-xxl-up{display:none} } /* ============================================================================= Landascape / Portrait Utilities ============================================================================= */ @media only screen and (orientation:landscape){ .hide-landscape{display:none} .show-landscape{display:inherit} } @media only screen and (orientation:portrait){ .hide-portrait{display:none} .show-portrait{display:inherit} } /* ============================================================================= Grid list Extra small screen ============================================================================= */ @media only screen{ .grd-list-xs-1 > li{width:100%;margin:0 0 1.72%}.grd-list-xs-2 > li{width:49.138%}.grd-list-xs-3 > li{width:32.183%}.grd-list-xs-4 > li{width:23.7%}.grd-list-xs-5 > li{width:18.618%}.grd-list-xs-6 > li{width:15.229%}.grd-list-xs-7 > li{width:12.8%}.grd-list-xs-8 > li{width:10.989%}.grd-list-xs-9 > li{width:9.577%}.grd-list-xs-10 > li{width:8.445%}.grd-list-xs-11 > li{width:7.521%}.grd-list-xs-12 > li{width:6.75%}.grd-list-xs-13 > li{width:6%}.grd-list-xs-14 > li{width:5.54%}.grd-list-xs-15 > li{width:5%}.grd-list-xs-16 > li{width:4.631%} .grd-list-xs-2 > li:nth-of-type(2n),.grd-list-xs-3 > li:nth-of-type(3n),.grd-list-xs-4 > li:nth-of-type(4n),.grd-list-xs-5 > li:nth-of-type(5n),.grd-list-xs-6 > li:nth-of-type(6n),.grd-list-xs-7 > li:nth-of-type(7n),.grd-list-xs-8 > li:nth-of-type(8n),.grd-list-xs-9 > li:nth-of-type(9n),.grd-list-xs-10 > li:nth-of-type(10n),.grd-list-xs-11 > li:nth-of-type(11n),.grd-list-xs-12 > li:nth-of-type(12n),.grd-list-xs-13 > li:nth-of-type(13n),.grd-list-xs-14 > li:nth-of-type(14n),.grd-list-xs-15 > li:nth-of-type(15n),.grd-list-xs-16 > li:nth-of-type(16n){margin:0 0 1.72%} } /* ============================================================================= Grid list Small screen 480px ============================================================================= */ @media only screen and (min-width:30em){ .grd-list-sm-1 > li{width:100%;margin:0 0 1.72%}.grd-list-sm-2 > li{width:49.138%}.grd-list-sm-3 > li{width:32.183%}.grd-list-sm-4 > li{width:23.7%}.grd-list-sm-5 > li{width:18.618%}.grd-list-sm-6 > li{width:15.229%}.grd-list-sm-7 > li{width:12.8%}.grd-list-sm-8 > li{width:10.989%}.grd-list-sm-9 > li{width:9.577%}.grd-list-sm-10 > li{width:8.445%}.grd-list-sm-11 > li{width:7.521%}.grd-list-sm-12 > li{width:6.75%}.grd-list-sm-13 > li{width:6%}.grd-list-sm-14 > li{width:5.54%}.grd-list-sm-15 > li{width:5%}.grd-list-sm-16 > li{width:4.631%} .grd-list-xs-1 > li{margin:0 1.72% 1.72% 0} .grd-list-xs-2 > li:nth-of-type(2n),.grd-list-xs-3 > li:nth-of-type(3n),.grd-list-xs-4 > li:nth-of-type(4n),.grd-list-xs-5 > li:nth-of-type(5n),.grd-list-xs-6 > li:nth-of-type(6n),.grd-list-xs-7 > li:nth-of-type(7n),.grd-list-xs-8 > li:nth-of-type(8n),.grd-list-xs-9 > li:nth-of-type(9n),.grd-list-xs-10 > li:nth-of-type(10n),.grd-list-xs-11 > li:nth-of-type(11n),.grd-list-xs-12 > li:nth-of-type(12n),.grd-list-xs-13 > li:nth-of-type(13n),.grd-list-xs-14 > li:nth-of-type(14n),.grd-list-xs-15 > li:nth-of-type(15n),.grd-list-xs-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-sm-2 > li:nth-of-type(2n),.grd-list-sm-3 > li:nth-of-type(3n),.grd-list-sm-4 > li:nth-of-type(4n),.grd-list-sm-5 > li:nth-of-type(5n),.grd-list-sm-6 > li:nth-of-type(6n),.grd-list-sm-7 > li:nth-of-type(7n),.grd-list-sm-8 > li:nth-of-type(8n),.grd-list-sm-9 > li:nth-of-type(9n),.grd-list-sm-10 > li:nth-of-type(10n),.grd-list-sm-11 > li:nth-of-type(11n),.grd-list-sm-12 > li:nth-of-type(12n),.grd-list-sm-13 > li:nth-of-type(13n),.grd-list-sm-14 > li:nth-of-type(14n),.grd-list-sm-15 > li:nth-of-type(15n),.grd-list-sm-16 > li:nth-of-type(16n){margin:0 0 1.72%} } /* ============================================================================= Grid list Medium screen 768px ============================================================================= */ @media only screen and (min-width:48em){ .grd-list-md-1 > li{width:100%;margin:0 0 1.72%}.grd-list-md-2 > li{width:49.138%}.grd-list-md-3 > li{width:32.183%}.grd-list-md-4 > li{width:23.7%}.grd-list-md-5 > li{width:18.618%}.grd-list-md-6 > li{width:15.229%}.grd-list-md-7 > li{width:12.8%}.grd-list-md-8 > li{width:10.989%}.grd-list-md-9 > li{width:9.577%}.grd-list-md-10 > li{width:8.445%}.grd-list-md-11 > li{width:7.521%}.grd-list-md-12 > li{width:6.75%}.grd-list-md-13 > li{width:6%}.grd-list-md-14 > li{width:5.54%}.grd-list-md-15 > li{width:5%}.grd-list-md-16 > li{width:4.631%} .grd-list-xs-1 > li{margin:0 1.72% 1.72% 0} .grd-list-xs-2 > li:nth-of-type(2n),.grd-list-xs-3 > li:nth-of-type(3n),.grd-list-xs-4 > li:nth-of-type(4n),.grd-list-xs-5 > li:nth-of-type(5n),.grd-list-xs-6 > li:nth-of-type(6n),.grd-list-xs-7 > li:nth-of-type(7n),.grd-list-xs-8 > li:nth-of-type(8n),.grd-list-xs-9 > li:nth-of-type(9n),.grd-list-xs-10 > li:nth-of-type(10n),.grd-list-xs-11 > li:nth-of-type(11n),.grd-list-xs-12 > li:nth-of-type(12n),.grd-list-xs-13 > li:nth-of-type(13n),.grd-list-xs-14 > li:nth-of-type(14n),.grd-list-xs-15 > li:nth-of-type(15n),.grd-list-xs-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-sm-1 > li{margin:0 1.72% 1.72% 0} .grd-list-sm-2 > li:nth-of-type(2n),.grd-list-sm-3 > li:nth-of-type(3n),.grd-list-sm-4 > li:nth-of-type(4n),.grd-list-sm-5 > li:nth-of-type(5n),.grd-list-sm-6 > li:nth-of-type(6n),.grd-list-sm-7 > li:nth-of-type(7n),.grd-list-sm-8 > li:nth-of-type(8n),.grd-list-sm-9 > li:nth-of-type(9n),.grd-list-sm-10 > li:nth-of-type(10n),.grd-list-sm-11 > li:nth-of-type(11n),.grd-list-sm-12 > li:nth-of-type(12n),.grd-list-sm-13 > li:nth-of-type(13n),.grd-list-sm-14 > li:nth-of-type(14n),.grd-list-sm-15 > li:nth-of-type(15n),.grd-list-sm-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-md-2 > li:nth-of-type(2n),.grd-list-md-3 > li:nth-of-type(3n),.grd-list-md-4 > li:nth-of-type(4n),.grd-list-md-5 > li:nth-of-type(5n),.grd-list-md-6 > li:nth-of-type(6n),.grd-list-md-7 > li:nth-of-type(7n),.grd-list-md-8 > li:nth-of-type(8n),.grd-list-md-9 > li:nth-of-type(9n),.grd-list-md-10 > li:nth-of-type(10n),.grd-list-md-11 > li:nth-of-type(11n),.grd-list-md-12 > li:nth-of-type(12n),.grd-list-md-13 > li:nth-of-type(13n),.grd-list-md-14 > li:nth-of-type(14n),.grd-list-md-15 > li:nth-of-type(15n),.grd-list-md-16 > li:nth-of-type(16n){margin:0 0 1.72%} } /* ============================================================================= Grid list Large screen 1025px ============================================================================= */ @media only screen and (min-width:64.063em){ .grd-list-lg-1 > li{width:100%;margin:0 0 1.72%}.grd-list-lg-2 > li{width:49.138%}.grd-list-lg-3 > li{width:32.183%}.grd-list-lg-4 > li{width:23.7%}.grd-list-lg-5 > li{width:18.618%}.grd-list-lg-6 > li{width:15.229%}.grd-list-lg-7 > li{width:12.8%}.grd-list-lg-8 > li{width:10.989%}.grd-list-lg-9 > li{width:9.577%}.grd-list-lg-10 > li{width:8.445%}.grd-list-lg-11 > li{width:7.521%}.grd-list-lg-12 > li{width:6.75%}.grd-list-lg-13 > li{width:6%}.grd-list-lg-14 > li{width:5.54%}.grd-list-lg-15 > li{width:5%}.grd-list-lg-16 > li{width:4.631%} .grd-list-xs-1 > li{margin:0 1.72% 1.72% 0} .grd-list-xs-2 > li:nth-of-type(2n),.grd-list-xs-3 > li:nth-of-type(3n),.grd-list-xs-4 > li:nth-of-type(4n),.grd-list-xs-5 > li:nth-of-type(5n),.grd-list-xs-6 > li:nth-of-type(6n),.grd-list-xs-7 > li:nth-of-type(7n),.grd-list-xs-8 > li:nth-of-type(8n),.grd-list-xs-9 > li:nth-of-type(9n),.grd-list-xs-10 > li:nth-of-type(10n),.grd-list-xs-11 > li:nth-of-type(11n),.grd-list-xs-12 > li:nth-of-type(12n),.grd-list-xs-13 > li:nth-of-type(13n),.grd-list-xs-14 > li:nth-of-type(14n),.grd-list-xs-15 > li:nth-of-type(15n),.grd-list-xs-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-sm-1 > li{margin:0 1.72% 1.72% 0} .grd-list-sm-2 > li:nth-of-type(2n),.grd-list-sm-3 > li:nth-of-type(3n),.grd-list-sm-4 > li:nth-of-type(4n),.grd-list-sm-5 > li:nth-of-type(5n),.grd-list-sm-6 > li:nth-of-type(6n),.grd-list-sm-7 > li:nth-of-type(7n),.grd-list-sm-8 > li:nth-of-type(8n),.grd-list-sm-9 > li:nth-of-type(9n),.grd-list-sm-10 > li:nth-of-type(10n),.grd-list-sm-11 > li:nth-of-type(11n),.grd-list-sm-12 > li:nth-of-type(12n),.grd-list-sm-13 > li:nth-of-type(13n),.grd-list-sm-14 > li:nth-of-type(14n),.grd-list-sm-15 > li:nth-of-type(15n),.grd-list-sm-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-md-1 > li{margin:0 1.72% 1.72% 0} .grd-list-md-2 > li:nth-of-type(2n),.grd-list-md-3 > li:nth-of-type(3n),.grd-list-md-4 > li:nth-of-type(4n),.grd-list-md-5 > li:nth-of-type(5n),.grd-list-md-6 > li:nth-of-type(6n),.grd-list-md-7 > li:nth-of-type(7n),.grd-list-md-8 > li:nth-of-type(8n),.grd-list-md-9 > li:nth-of-type(9n),.grd-list-md-10 > li:nth-of-type(10n),.grd-list-md-11 > li:nth-of-type(11n),.grd-list-md-12 > li:nth-of-type(12n),.grd-list-md-13 > li:nth-of-type(13n),.grd-list-md-14 > li:nth-of-type(14n),.grd-list-md-15 > li:nth-of-type(15n),.grd-list-md-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-lg-2 > li:nth-of-type(2n),.grd-list-lg-3 > li:nth-of-type(3n),.grd-list-lg-4 > li:nth-of-type(4n),.grd-list-lg-5 > li:nth-of-type(5n),.grd-list-lg-6 > li:nth-of-type(6n),.grd-list-lg-7 > li:nth-of-type(7n),.grd-list-lg-8 > li:nth-of-type(8n),.grd-list-lg-9 > li:nth-of-type(9n),.grd-list-lg-10 > li:nth-of-type(10n),.grd-list-lg-11 > li:nth-of-type(11n),.grd-list-lg-12 > li:nth-of-type(12n),.grd-list-lg-13 > li:nth-of-type(13n),.grd-list-lg-14 > li:nth-of-type(14n),.grd-list-lg-15 > li:nth-of-type(15n),.grd-list-lg-16 > li:nth-of-type(16n){margin:0 0 1.72% 0} } /* ============================================================================= Grid list xl screen 1441px ============================================================================= */ @media only screen and (min-width:90.063em){ .grd-list-xl-1 > li{width:100%;margin:0 0 1.72%}.grd-list-xl-2 > li{width:49.138%}.grd-list-xl-3 > li{width:32.183%}.grd-list-xl-4 > li{width:23.7%}.grd-list-xl-5 > li{width:18.618%}.grd-list-xl-6 > li{width:15.229%}.grd-list-xl-7 > li{width:12.8%}.grd-list-xl-8 > li{width:10.989%}.grd-list-xl-9 > li{width:9.577%}.grd-list-xl-10 > li{width:8.445%}.grd-list-xl-11 > li{width:7.521%}.grd-list-xl-12 > li{width:6.75%}.grd-list-xl-13 > li{width:6%}.grd-list-xl-14 > li{width:5.54%}.grd-list-xl-15 > li{width:5%}.grd-list-xl-16 > li{width:4.631%} .grd-list-xs-1 > li{margin:0 1.72% 1.72% 0} .grd-list-xs-2 > li:nth-of-type(2n),.grd-list-xs-3 > li:nth-of-type(3n),.grd-list-xs-4 > li:nth-of-type(4n),.grd-list-xs-5 > li:nth-of-type(5n),.grd-list-xs-6 > li:nth-of-type(6n),.grd-list-xs-7 > li:nth-of-type(7n),.grd-list-xs-8 > li:nth-of-type(8n),.grd-list-xs-9 > li:nth-of-type(9n),.grd-list-xs-10 > li:nth-of-type(10n),.grd-list-xs-11 > li:nth-of-type(11n),.grd-list-xs-12 > li:nth-of-type(12n),.grd-list-xs-13 > li:nth-of-type(13n),.grd-list-xs-14 > li:nth-of-type(14n),.grd-list-xs-15 > li:nth-of-type(15n),.grd-list-xs-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-sm-1 > li{margin:0 1.72% 1.72% 0} .grd-list-sm-2 > li:nth-of-type(2n),.grd-list-sm-3 > li:nth-of-type(3n),.grd-list-sm-4 > li:nth-of-type(4n),.grd-list-sm-5 > li:nth-of-type(5n),.grd-list-sm-6 > li:nth-of-type(6n),.grd-list-sm-7 > li:nth-of-type(7n),.grd-list-sm-8 > li:nth-of-type(8n),.grd-list-sm-9 > li:nth-of-type(9n),.grd-list-sm-10 > li:nth-of-type(10n),.grd-list-sm-11 > li:nth-of-type(11n),.grd-list-sm-12 > li:nth-of-type(12n),.grd-list-sm-13 > li:nth-of-type(13n),.grd-list-sm-14 > li:nth-of-type(14n),.grd-list-sm-15 > li:nth-of-type(15n),.grd-list-sm-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-md-1 > li{margin:0 1.72% 1.72% 0} .grd-list-md-2 > li:nth-of-type(2n),.grd-list-md-3 > li:nth-of-type(3n),.grd-list-md-4 > li:nth-of-type(4n),.grd-list-md-5 > li:nth-of-type(5n),.grd-list-md-6 > li:nth-of-type(6n),.grd-list-md-7 > li:nth-of-type(7n),.grd-list-md-8 > li:nth-of-type(8n),.grd-list-md-9 > li:nth-of-type(9n),.grd-list-md-10 > li:nth-of-type(10n),.grd-list-md-11 > li:nth-of-type(11n),.grd-list-md-12 > li:nth-of-type(12n),.grd-list-md-13 > li:nth-of-type(13n),.grd-list-md-14 > li:nth-of-type(14n),.grd-list-md-15 > li:nth-of-type(15n),.grd-list-md-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-lg-1 > li{margin:0 1.72% 1.72% 0} .grd-list-lg-2 > li:nth-of-type(2n),.grd-list-lg-3 > li:nth-of-type(3n),.grd-list-lg-4 > li:nth-of-type(4n),.grd-list-lg-5 > li:nth-of-type(5n),.grd-list-lg-6 > li:nth-of-type(6n),.grd-list-lg-7 > li:nth-of-type(7n),.grd-list-lg-8 > li:nth-of-type(8n),.grd-list-lg-9 > li:nth-of-type(9n),.grd-list-lg-10 > li:nth-of-type(10n),.grd-list-lg-11 > li:nth-of-type(11n),.grd-list-lg-12 > li:nth-of-type(12n),.grd-list-lg-13 > li:nth-of-type(13n),.grd-list-lg-14 > li:nth-of-type(14n),.grd-list-lg-15 > li:nth-of-type(15n),.grd-list-lg-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-xl-2 > li:nth-of-type(2n),.grd-list-xl-3 > li:nth-of-type(3n),.grd-list-xl-4 > li:nth-of-type(4n),.grd-list-xl-5 > li:nth-of-type(5n),.grd-list-xl-6 > li:nth-of-type(6n),.grd-list-xl-7 > li:nth-of-type(7n),.grd-list-xl-8 > li:nth-of-type(8n),.grd-list-xl-9 > li:nth-of-type(9n),.grd-list-xl-10 > li:nth-of-type(10n),.grd-list-xl-11 > li:nth-of-type(11n),.grd-list-xl-12 > li:nth-of-type(12n),.grd-list-xl-13 > li:nth-of-type(13n),.grd-list-xl-14 > li:nth-of-type(14n),.grd-list-xl-15 > li:nth-of-type(15n),.grd-list-xl-16 > li:nth-of-type(16n){margin:0 0 1.72% 0} } /* ============================================================================= Grid list xxl screen 1921px ============================================================================= */ @media only screen and (min-width:120.063em){ .grd-list-xxl-1 > li{width:100%;margin:0 0 1.72%}.grd-list-xxl-2 > li{width:49.138%}.grd-list-xxl-3 > li{width:32.183%}.grd-list-xxl-4 > li{width:23.7%}.grd-list-xxl-5 > li{width:18.618%}.grd-list-xxl-6 > li{width:15.229%}.grd-list-xxl-7 > li{width:12.8%}.grd-list-xxl-8 > li{width:10.989%}.grd-list-xxl-9 > li{width:9.577%}.grd-list-xxl-10 > li{width:8.445%}.grd-list-xxl-11 > li{width:7.521%}.grd-list-xxl-12 > li{width:6.75%}.grd-list-xxl-13 > li{width:6%}.grd-list-xxl-14 > li{width:5.54%}.grd-list-xxl-15 > li{width:5%}.grd-list-xxl-16 > li{width:4.631%} .grd-list-xs-1 > li{margin:0 1.72% 1.72% 0} .grd-list-xs-2 > li:nth-of-type(2n),.grd-list-xs-3 > li:nth-of-type(3n),.grd-list-xs-4 > li:nth-of-type(4n),.grd-list-xs-5 > li:nth-of-type(5n),.grd-list-xs-6 > li:nth-of-type(6n),.grd-list-xs-7 > li:nth-of-type(7n),.grd-list-xs-8 > li:nth-of-type(8n),.grd-list-xs-9 > li:nth-of-type(9n),.grd-list-xs-10 > li:nth-of-type(10n),.grd-list-xs-11 > li:nth-of-type(11n),.grd-list-xs-12 > li:nth-of-type(12n),.grd-list-xs-13 > li:nth-of-type(13n),.grd-list-xs-14 > li:nth-of-type(14n),.grd-list-xs-15 > li:nth-of-type(15n),.grd-list-xs-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-sm-1 > li{margin:0 1.72% 1.72% 0} .grd-list-sm-2 > li:nth-of-type(2n),.grd-list-sm-3 > li:nth-of-type(3n),.grd-list-sm-4 > li:nth-of-type(4n),.grd-list-sm-5 > li:nth-of-type(5n),.grd-list-sm-6 > li:nth-of-type(6n),.grd-list-sm-7 > li:nth-of-type(7n),.grd-list-sm-8 > li:nth-of-type(8n),.grd-list-sm-9 > li:nth-of-type(9n),.grd-list-sm-10 > li:nth-of-type(10n),.grd-list-sm-11 > li:nth-of-type(11n),.grd-list-sm-12 > li:nth-of-type(12n),.grd-list-sm-13 > li:nth-of-type(13n),.grd-list-sm-14 > li:nth-of-type(14n),.grd-list-sm-15 > li:nth-of-type(15n),.grd-list-sm-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-md-1 > li{margin:0 1.72% 1.72% 0} .grd-list-md-2 > li:nth-of-type(2n),.grd-list-md-3 > li:nth-of-type(3n),.grd-list-md-4 > li:nth-of-type(4n),.grd-list-md-5 > li:nth-of-type(5n),.grd-list-md-6 > li:nth-of-type(6n),.grd-list-md-7 > li:nth-of-type(7n),.grd-list-md-8 > li:nth-of-type(8n),.grd-list-md-9 > li:nth-of-type(9n),.grd-list-md-10 > li:nth-of-type(10n),.grd-list-md-11 > li:nth-of-type(11n),.grd-list-md-12 > li:nth-of-type(12n),.grd-list-md-13 > li:nth-of-type(13n),.grd-list-md-14 > li:nth-of-type(14n),.grd-list-md-15 > li:nth-of-type(15n),.grd-list-md-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-lg-1 > li{margin:0 1.72% 1.72% 0} .grd-list-lg-2 > li:nth-of-type(2n),.grd-list-lg-3 > li:nth-of-type(3n),.grd-list-lg-4 > li:nth-of-type(4n),.grd-list-lg-5 > li:nth-of-type(5n),.grd-list-lg-6 > li:nth-of-type(6n),.grd-list-lg-7 > li:nth-of-type(7n),.grd-list-lg-8 > li:nth-of-type(8n),.grd-list-lg-9 > li:nth-of-type(9n),.grd-list-lg-10 > li:nth-of-type(10n),.grd-list-lg-11 > li:nth-of-type(11n),.grd-list-lg-12 > li:nth-of-type(12n),.grd-list-lg-13 > li:nth-of-type(13n),.grd-list-lg-14 > li:nth-of-type(14n),.grd-list-lg-15 > li:nth-of-type(15n),.grd-list-lg-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-xl-1 > li{margin:0 1.72% 1.72% 0} .grd-list-xl-2 > li:nth-of-type(2n),.grd-list-xl-3 > li:nth-of-type(3n),.grd-list-xl-4 > li:nth-of-type(4n),.grd-list-xl-5 > li:nth-of-type(5n),.grd-list-xl-6 > li:nth-of-type(6n),.grd-list-xl-7 > li:nth-of-type(7n),.grd-list-xl-8 > li:nth-of-type(8n),.grd-list-xl-9 > li:nth-of-type(9n),.grd-list-xl-10 > li:nth-of-type(10n),.grd-list-xl-11 > li:nth-of-type(11n),.grd-list-xl-12 > li:nth-of-type(12n),.grd-list-xl-13 > li:nth-of-type(13n),.grd-list-xl-14 > li:nth-of-type(14n),.grd-list-xl-15 > li:nth-of-type(15n),.grd-list-xl-16 > li:nth-of-type(16n){margin:0 1.72% 1.72% 0} .grd-list-xxl-2 > li:nth-of-type(2n),.grd-list-xxl-3 > li:nth-of-type(3n),.grd-list-xxl-4 > li:nth-of-type(4n),.grd-list-xxl-5 > li:nth-of-type(5n),.grd-list-xxl-6 > li:nth-of-type(6n),.grd-list-xxl-7 > li:nth-of-type(7n),.grd-list-xxl-8 > li:nth-of-type(8n),.grd-list-xxl-9 > li:nth-of-type(9n),.grd-list-xxl-10 > li:nth-of-type(10n),.grd-list-xxl-11 > li:nth-of-type(11n),.grd-list-xxl-12 > li:nth-of-type(12n),.grd-list-xxl-13 > li:nth-of-type(13n),.grd-list-xxl-14 > li:nth-of-type(14n),.grd-list-xxl-15 > li:nth-of-type(15n),.grd-list-xxl-16 > li:nth-of-type(16n){margin:0 0 1.72% 0} } /* ============================================================================= Print ============================================================================= */ @media print{ .show-print{display:block} .hide-print{display:none} table.show-print{display:table} thead.show-print{display:table-header-group} tbody.show-print{display:table-row-group} tr.show-print{display:table-row} td.show-print{display:table-cell} th.show-print{display:table-cell} } /* ============================================================================= Navbar ============================================================================= */ @media only screen and (max-width:64.063em){ .navbar-content{width:100%} .top-nav label.btmenu-toggle{display:block} .top-nav input[type="checkbox"] + .navbar-content{display:none} .top-nav input[type="checkbox"]:checked + .navbar-content,.top-nav input[type="checkbox"]:checked + .navbar-content .nav-simple ul{display:block} } /* ============================================================================= Nav Dropdown ============================================================================= */ @media only screen and (min-width:48em){ .nav-dropdown{width:auto;} .nav-dropdown label.arrow,.tmenu span.arrow{margin:0;padding:0;width:1em;height:1em;text-align:center} .nav-dropdown ul,.nav-dropdown ul li{width:auto} .nav-dropdown .main-menu{display:block} .tmenu,.nav-dropdown label.arrow{display:none} .nav-dropdown ul span.arrow{display:inline-block} .nav-dropdown li{float:left} .nav-dropdown .sub-menu li{float:none} .nav-dropdown .sub-menu{margin:0;padding:0;display:block;position:absolute;top:100%;left:0;width:12em;z-index:3000} .nav-dropdown .sub-menu,.nav-dropdown input[type="checkbox"]:checked + .sub-menu{display:none;visibility:hidden;opacity:0} .nav-dropdown .sub-menu .sub-menu{top:0;left:100%} .nav-dropdown .sub-menu .arrow{float:right} .nav-dropdown li:hover > input[type="checkbox"] + .sub-menu{display:block;visibility:visible;opacity:1} } /* ============================================================================= Slider Pro ============================================================================= */ @media only screen and (min-width:48.000em) and (max-width:64.000em){ .sp-button{width:14px;height:14px} } @media only screen and (min-width:35.500em) and (max-width:48.000em){ .sp-button{width:16px;height:16px} } @media only screen and (min-width:20.000em) and (max-width:35.500em){ .sp-button{width:18px;height:18px} } /* ============================================================================= Responsive site ============================================================================= */ @media only screen and (max-width:64.063em){ /* ============================================================================= Sticky footer ============================================================================= */ .body-sticky{height:auto} .sticky-container{display:inline;height:auto} .sticky-block{display:inline;height:auto} .sticky-push{height:auto} } @media only screen and (max-width:48.000em){ /* ============================================================================= FlexSlider ============================================================================= */ .flex-direction-nav .flex-prev{opacity:1;left:10px} .flex-direction-nav .flex-next{opacity:1;right:10px} #topgallery .flex-control-nav{display:none} /* ============================================================================= Pullquote ============================================================================= */ div.pullquote{margin:0 0 1.250em !important;width:100% !important} /* ============================================================================= Paginate ============================================================================= */ .mbs-pages{overflow:hidden;padding:0 0.928571rem} .mbs-pages ul li a.page-numbers,.mbs-pages ul li span.page-numbers.current{display:none} .mbs-pages ul li a.page-numbers.prev,.mbs-pages ul li a.page-numbers.next{display:inline-block} .mbs-pages ul{float:left;width:100%} .mbs-pages ul li:first-child{float:left} .mbs-pages ul li:last-child{float:right} /* ============================================================================= Site ============================================================================= */ #topsearch{max-width:none} } @media only screen{ #whohome h5{text-align:center; font-size: 1rem;color: #a0d468; font-weight:bold;margin-top: 0.2rem;} #whohome h3 {font-family: 'rochesterregular', Arial, sans-serif; padding:0 0.7rem 0.7rem 0.7rem;text-align:center; font-size: 1.3rem;color: #99ABB4;margin-top:0.5rem;line-height: 1.4rem;} .top-nav {margin-top: 0rem;} } @media only screen and (min-width:40em){ .top-nav {margin-top: -4.8rem;} } @media only screen and (min-width:60.000em){ #whohome h5{text-align:center; font-size: 1rem;color: #a0d468; font-weight:bold;} #whohome h3{font-family: 'rochesterregular', Arial, sans-serif; padding:0 0.7rem 0.7rem 0.7rem;text-align:center; font-size: 2rem;color: #99ABB4;margin-top: -0.7rem;line-height: 2.8rem;} } @media only screen and (min-width:68.000em){ .top-nav {margin-top: 0rem;} }