html {
min-width: 200px
}
.band {
width: 100%
}
.row {
box-sizing: content-box;
-moz-box-sizing: content-box;
float: none;
clear: left;
margin: 0 auto
}
.nest:after,
.row:after {
content: " ";
display: table;
clear: both
}
.f1over2,
.f1over3,
.f1over4,
.f1over5,
.f1over6,
.f1over7,
.f1over8,
.f2over2,
.f2over3,
.f2over4,
.f2over5,
.f2over6,
.f2over7,
.f2over8,
.f3over3,
.f3over4,
.f3over5,
.f3over6,
.f3over7,
.f3over8,
.f4over4,
.f4over5,
.f4over6,
.f4over7,
.f4over8,
.f5over5,
.f5over6,
.f5over7,
.f5over8,
.f6over6,
.f6over7,
.f6over8,
.f7over7,
.f7over8,
.f8over8,
.nest,
[class*=" col-"],
[class^=col-] {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.resume-grid[class*=" col-"],
.resume-grid[class^=col-] {
width: 100%;
margin-bottom: 0
}
.no-indent {
margin-left: 0
}
.f1over2 {
width: 50%
}
.f1over3 {
width: 33.333%
}
.f2over3 {
width: 66.667%
}
.f1over4 {
width: 25%
}
.f2over4 {
width: 50%
}
.f3over4 {
width: 75%
}
.f1over5 {
width: 20%
}
.f2over5 {
width: 40%
}
.f3over5 {
width: 60%
}
.f4over5 {
width: 80%
}
.f1over6 {
width: 16.667%
}
.f2over6 {
width: 33.333%
}
.f3over6 {
width: 50%
}
.f4over6 {
width: 66.667%
}
.f5over6 {
width: 83.333%
}
.f1over7 {
width: 14.286%
}
.f2over7 {
width: 28.571%
}
.f3over7 {
width: 42.857%
}
.f4over7 {
width: 57.143%
}
.f5over7 {
width: 71.429%
}
.f6over7 {
width: 85.714%
}
.f1over8 {
width: 12.5%
}
.f2over8 {
width: 25%
}
.f3over8 {
width: 37.5%
}
.f4over8 {
width: 50%
}
.f5over8 {
width: 62.5%
}
.f6over8 {
width: 75%
}
.f7over8 {
width: 87.5%
}
.f2over2,
.f3over3,
.f4over4,
.f5over5,
.f6over6,
.f7over7,
.f8over8 {
width: 100%
}
@media all and (max-width: 399px) {
.hide-lte-xs,
.hide-xs {
display: none
}
}
@media all and (min-width: 400px) and (max-width: 599px) {
.hide-s {
display: none
}
}
@media all and (min-width: 400px) {
.hide-gte-s {
display: none
}
}
@media all and (max-width: 599px) {
.hide-lte-s {
display: none
}
}
@media all and (min-width: 600px) and (max-width: 799px) {
.hide-m {
display: none
}
}
@media all and (min-width: 600px) {
.hide-gte-m {
display: none
}
}
@media all and (max-width: 799px) {
.hide-lte-m {
display: none
}
}
@media all and (min-width: 800px) and (max-width: 999px) {
.hide-l {
display: none
}
}
@media all and (min-width: 800px) {
.hide-gte-l {
display: none
}
}
@media all and (max-width: 999px) {
.hide-lte-l {
display: none
}
}
@media all and (min-width: 1000px) {
.hide-gte-xl,
.hide-xl {
display: none
}
}
@media all and (max-width: 599px) {
.indent-1 {
margin-left: 16.667%
}
.indent-2 {
margin-left: 33.333%
}
.indent-3 {
margin-left: 50%
}
.indent-4 {
margin-left: 66.667%
}
.indent-5 {
margin-left: 83.333%
}
[class*=" col-"],
[class^=col-] {
width: 95.175%
}
[class*=" col-"]>.nest,
[class^=col-]>.nest {
width: 105.069%
}
[class*=" col-"]>.nest:last-child,
[class^=col-]>.nest:last-child {
margin-right: -5.069%;
margin-bottom: -5.069%
}
[class*=" col-"]>.nest>[class*=" col-"],
[class*=" col-"]>.nest>[class^=col-],
[class^=col-]>.nest>[class*=" col-"],
[class^=col-]>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
[class*=" col-"]>.nest>.col-6,
[class^=col-]>.nest>.col-6 {
width: 95.175%
}
[class*=" col-"]>.nest>.col-5,
[class^=col-]>.nest>.col-5 {
width: 78.509%
}
[class*=" col-"]>.nest>.col-4,
[class^=col-]>.nest>.col-4 {
width: 61.842%
}
[class*=" col-"]>.nest>.col-3,
[class^=col-]>.nest>.col-3 {
width: 45.175%
}
[class*=" col-"]>.nest>.col-2,
[class^=col-]>.nest>.col-2 {
width: 28.509%
}
.col-1,
[class*=" col-"]>.nest>.col-1,
[class^=col-]>.nest>.col-1 {
width: 11.842%
}
.col-1>.nest {
width: 140.741%
}
.col-1>.nest:last-child {
margin-right: -40.741%;
margin-bottom: -40.741%
}
.col-1>.nest>[class*=" col-"],
.col-1>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1>.nest>.col-1 {
width: 71.053%
}
.col-2 {
width: 28.509%
}
.col-2>.nest {
width: 116.923%
}
.col-2>.nest:last-child {
margin-right: -16.923%;
margin-bottom: -16.923%
}
.col-2>.nest>[class*=" col-"],
.col-2>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2>.nest>.col-2 {
width: 85.526%
}
.col-2>.nest>.col-1 {
width: 35.526%
}
.col-3 {
width: 45.175%
}
.col-3>.nest {
width: 110.68%
}
.col-3>.nest:last-child {
margin-right: -10.68%;
margin-bottom: -10.68%
}
.col-3>.nest>[class*=" col-"],
.col-3>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3>.nest>.col-3 {
width: 90.351%
}
.col-3>.nest>.col-2 {
width: 57.018%
}
.col-3>.nest>.col-1 {
width: 23.684%
}
.col-4 {
width: 61.842%
}
.col-4>.nest {
width: 107.801%
}
.col-4>.nest:last-child {
margin-right: -7.801%;
margin-bottom: -7.801%
}
.col-4>.nest>[class*=" col-"],
.col-4>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4>.nest>.col-4 {
width: 92.763%
}
.col-4>.nest>.col-3 {
width: 67.763%
}
.col-4>.nest>.col-2 {
width: 42.763%
}
.col-4>.nest>.col-1 {
width: 17.763%
}
.col-5 {
width: 78.509%
}
.col-5>.nest {
width: 106.145%
}
.col-5>.nest:last-child {
margin-right: -6.145%;
margin-bottom: -6.145%
}
.col-5>.nest>[class*=" col-"],
.col-5>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5>.nest>.col-5 {
width: 94.211%
}
.col-5>.nest>.col-4 {
width: 74.211%
}
.col-5>.nest>.col-3 {
width: 54.211%
}
.col-5>.nest>.col-2 {
width: 34.211%
}
.col-5>.nest>.col-1 {
width: 14.211%
}
.pad,
.padkids>* {
padding: 4.825%
}
.row {
width: 95%;
padding-left: 4.583%
}
[class*=" col-"],
[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
}
@media all and (max-width: 399px) {
.indent-1-xs {
margin-left: 16.667%
}
.indent-2-xs {
margin-left: 33.333%
}
.indent-3-xs {
margin-left: 50%
}
.indent-4-xs {
margin-left: 66.667%
}
.indent-5-xs {
margin-left: 83.333%
}
.no-indent-xs {
margin-left: 0
}
#debug-size:after {
content: "Size [xs], 6cols"
}
[class*=" col-"]>.nest>.col-6-xs,
[class^=col-]>.nest>.col-6-xs {
width: 95.175%
}
[class*=" col-"]>.nest>.col-5-xs,
[class^=col-]>.nest>.col-5-xs {
width: 78.509%
}
[class*=" col-"]>.nest>.col-4-xs,
[class^=col-]>.nest>.col-4-xs {
width: 61.842%
}
[class*=" col-"]>.nest>.col-3-xs,
[class^=col-]>.nest>.col-3-xs {
width: 45.175%
}
[class*=" col-"]>.nest>.col-2-xs,
[class^=col-]>.nest>.col-2-xs {
width: 28.509%
}
[class*=" col-"]>.nest>.col-1-xs,
[class^=col-]>.nest>.col-1-xs {
width: 11.842%
}
.col-6>.nest>.col-6-xs {
width: 95.175%
}
.col-6>.nest>.col-5-xs {
width: 78.509%
}
.col-6>.nest>.col-4-xs {
width: 61.842%
}
.col-6>.nest>.col-3-xs {
width: 45.175%
}
.col-6>.nest>.col-2-xs {
width: 28.509%
}
.col-6>.nest>.col-1-xs {
width: 11.842%
}
.row>.col-6-xs {
width: 95.175%
}
.col-5>.nest>.col-5-xs {
width: 94.211%
}
.col-5>.nest>.col-4-xs {
width: 74.211%
}
.col-5>.nest>.col-3-xs {
width: 54.211%
}
.col-5>.nest>.col-2-xs {
width: 34.211%
}
.col-5>.nest>.col-1-xs {
width: 14.211%
}
.row>.col-5-xs {
width: 78.509%
}
.col-4>.nest>.col-4-xs {
width: 92.763%
}
.col-4>.nest>.col-3-xs {
width: 67.763%
}
.col-4>.nest>.col-2-xs {
width: 42.763%
}
.col-4>.nest>.col-1-xs {
width: 17.763%
}
.row>.col-4-xs {
width: 61.842%
}
.col-3>.nest>.col-3-xs {
width: 90.351%
}
.col-3>.nest>.col-2-xs {
width: 57.018%
}
.col-3>.nest>.col-1-xs {
width: 23.684%
}
.row>.col-3-xs {
width: 45.175%
}
.col-2>.nest>.col-2-xs {
width: 85.526%
}
.col-2>.nest>.col-1-xs {
width: 35.526%
}
.row>.col-2-xs {
width: 28.509%
}
.col-1>.nest>.col-1-xs {
width: 71.053%
}
.row>.col-1-xs {
width: 11.842%
}
.col-6-xs>.nest>.col-6 {
width: 95.175%
}
.col-6-xs>.nest>.col-5 {
width: 78.509%
}
.col-6-xs>.nest>.col-4 {
width: 61.842%
}
.col-6-xs>.nest>.col-3 {
width: 45.175%
}
.col-6-xs>.nest>.col-2 {
width: 28.509%
}
.col-6-xs>.nest>.col-1 {
width: 11.842%
}
.col-5-xs>.nest>.col-5 {
width: 94.211%
}
.col-5-xs>.nest>.col-4 {
width: 74.211%
}
.col-5-xs>.nest>.col-3 {
width: 54.211%
}
.col-5-xs>.nest>.col-2 {
width: 34.211%
}
.col-5-xs>.nest>.col-1 {
width: 14.211%
}
.col-4-xs>.nest>.col-4 {
width: 92.763%
}
.col-4-xs>.nest>.col-3 {
width: 67.763%
}
.col-4-xs>.nest>.col-2 {
width: 42.763%
}
.col-4-xs>.nest>.col-1 {
width: 17.763%
}
.col-3-xs>.nest>.col-3 {
width: 90.351%
}
.col-3-xs>.nest>.col-2 {
width: 57.018%
}
.col-3-xs>.nest>.col-1 {
width: 23.684%
}
.col-2-xs>.nest>.col-2 {
width: 85.526%
}
.col-2-xs>.nest>.col-1 {
width: 35.526%
}
.col-1-xs>.nest>.col-1 {
width: 71.053%
}
.col-6-xs>.nest {
margin: 0 -5.069% 0 0;
width: 105.069%
}
.col-6-xs>.nest>[class*=" col-"],
.col-6-xs>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6-xs>.nest:last-child {
margin: 0 -5.069% -5.069% 0
}
.col-6-xs>.nest>.col-6-xs {
width: 95.175%
}
.col-6-xs>.nest>.col-5-xs {
width: 78.509%
}
.col-6-xs>.nest>.col-4-xs {
width: 61.842%
}
.col-6-xs>.nest>.col-3-xs {
width: 45.175%
}
.col-6-xs>.nest>.col-2-xs {
width: 28.509%
}
.col-6-xs>.nest>.col-1-xs {
width: 11.842%
}
.col-5-xs>.nest {
margin: 0 -6.145% 0 0;
width: 106.145%
}
.col-5-xs>.nest>[class*=" col-"],
.col-5-xs>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5-xs>.nest:last-child {
margin: 0 -6.145% -6.145% 0
}
.col-5-xs>.nest>.col-5-xs {
width: 94.211%
}
.col-5-xs>.nest>.col-4-xs {
width: 74.211%
}
.col-5-xs>.nest>.col-3-xs {
width: 54.211%
}
.col-5-xs>.nest>.col-2-xs {
width: 34.211%
}
.col-5-xs>.nest>.col-1-xs {
width: 14.211%
}
.col-4-xs>.nest {
margin: 0 -7.801% 0 0;
width: 107.801%
}
.col-4-xs>.nest>[class*=" col-"],
.col-4-xs>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4-xs>.nest:last-child {
margin: 0 -7.801% -7.801% 0
}
.col-4-xs>.nest>.col-4-xs {
width: 92.763%
}
.col-4-xs>.nest>.col-3-xs {
width: 67.763%
}
.col-4-xs>.nest>.col-2-xs {
width: 42.763%
}
.col-4-xs>.nest>.col-1-xs {
width: 17.763%
}
.col-3-xs>.nest {
margin: 0 -10.68% 0 0;
width: 110.68%
}
.col-3-xs>.nest>[class*=" col-"],
.col-3-xs>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3-xs>.nest:last-child {
margin: 0 -10.68% -10.68% 0
}
.col-3-xs>.nest>.col-3-xs {
width: 90.351%
}
.col-3-xs>.nest>.col-2-xs {
width: 57.018%
}
.col-3-xs>.nest>.col-1-xs {
width: 23.684%
}
.col-2-xs>.nest {
margin: 0 -16.923% 0 0;
width: 116.923%
}
.col-2-xs>.nest>[class*=" col-"],
.col-2-xs>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2-xs>.nest:last-child {
margin: 0 -16.923% -16.923% 0
}
.col-2-xs>.nest>.col-2-xs {
width: 85.526%
}
.col-2-xs>.nest>.col-1-xs {
width: 35.526%
}
.col-1-xs>.nest {
margin: 0 -40.741% 0 0;
width: 140.741%
}
.col-1-xs>.nest>[class*=" col-"],
.col-1-xs>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1-xs>.nest:last-child {
margin: 0 -40.741% -40.741% 0
}
.col-1-xs>.nest>.col-1-xs {
width: 71.053%
}
}
@media all and (min-width: 400px) and (max-width: 599px) {
.indent-1-s {
margin-left: 16.667%
}
.indent-2-s {
margin-left: 33.333%
}
.indent-3-s {
margin-left: 50%
}
.indent-4-s {
margin-left: 66.667%
}
.indent-5-s {
margin-left: 83.333%
}
.no-indent-s {
margin-left: 0
}
#debug-size:after {
content: "Size [s], 6cols"
}
[class*=" col-"]>.nest>.col-6-s,
[class^=col-]>.nest>.col-6-s {
width: 95.175%
}
[class*=" col-"]>.nest>.col-5-s,
[class^=col-]>.nest>.col-5-s {
width: 78.509%
}
[class*=" col-"]>.nest>.col-4-s,
[class^=col-]>.nest>.col-4-s {
width: 61.842%
}
[class*=" col-"]>.nest>.col-3-s,
[class^=col-]>.nest>.col-3-s {
width: 45.175%
}
[class*=" col-"]>.nest>.col-2-s,
[class^=col-]>.nest>.col-2-s {
width: 28.509%
}
[class*=" col-"]>.nest>.col-1-s,
[class^=col-]>.nest>.col-1-s {
width: 11.842%
}
.col-6>.nest>.col-6-s {
width: 95.175%
}
.col-6>.nest>.col-5-s {
width: 78.509%
}
.col-6>.nest>.col-4-s {
width: 61.842%
}
.col-6>.nest>.col-3-s {
width: 45.175%
}
.col-6>.nest>.col-2-s {
width: 28.509%
}
.col-6>.nest>.col-1-s {
width: 11.842%
}
.row>.col-6-s {
width: 95.175%
}
.col-5>.nest>.col-5-s {
width: 94.211%
}
.col-5>.nest>.col-4-s {
width: 74.211%
}
.col-5>.nest>.col-3-s {
width: 54.211%
}
.col-5>.nest>.col-2-s {
width: 34.211%
}
.col-5>.nest>.col-1-s {
width: 14.211%
}
.row>.col-5-s {
width: 78.509%
}
.col-4>.nest>.col-4-s {
width: 92.763%
}
.col-4>.nest>.col-3-s {
width: 67.763%
}
.col-4>.nest>.col-2-s {
width: 42.763%
}
.col-4>.nest>.col-1-s {
width: 17.763%
}
.row>.col-4-s {
width: 61.842%
}
.col-3>.nest>.col-3-s {
width: 90.351%
}
.col-3>.nest>.col-2-s {
width: 57.018%
}
.col-3>.nest>.col-1-s {
width: 23.684%
}
.row>.col-3-s {
width: 45.175%
}
.col-2>.nest>.col-2-s {
width: 85.526%
}
.col-2>.nest>.col-1-s {
width: 35.526%
}
.row>.col-2-s {
width: 28.509%
}
.col-1>.nest>.col-1-s {
width: 71.053%
}
.row>.col-1-s {
width: 11.842%
}
.col-6-s>.nest>.col-6 {
width: 95.175%
}
.col-6-s>.nest>.col-5 {
width: 78.509%
}
.col-6-s>.nest>.col-4 {
width: 61.842%
}
.col-6-s>.nest>.col-3 {
width: 45.175%
}
.col-6-s>.nest>.col-2 {
width: 28.509%
}
.col-6-s>.nest>.col-1 {
width: 11.842%
}
.col-5-s>.nest>.col-5 {
width: 94.211%
}
.col-5-s>.nest>.col-4 {
width: 74.211%
}
.col-5-s>.nest>.col-3 {
width: 54.211%
}
.col-5-s>.nest>.col-2 {
width: 34.211%
}
.col-5-s>.nest>.col-1 {
width: 14.211%
}
.col-4-s>.nest>.col-4 {
width: 92.763%
}
.col-4-s>.nest>.col-3 {
width: 67.763%
}
.col-4-s>.nest>.col-2 {
width: 42.763%
}
.col-4-s>.nest>.col-1 {
width: 17.763%
}
.col-3-s>.nest>.col-3 {
width: 90.351%
}
.col-3-s>.nest>.col-2 {
width: 57.018%
}
.col-3-s>.nest>.col-1 {
width: 23.684%
}
.col-2-s>.nest>.col-2 {
width: 85.526%
}
.col-2-s>.nest>.col-1 {
width: 35.526%
}
.col-1-s>.nest>.col-1 {
width: 71.053%
}
.col-6-s>.nest {
margin: 0 -5.069% 0 0;
width: 105.069%
}
.col-6-s>.nest>[class*=" col-"],
.col-6-s>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6-s>.nest:last-child {
margin: 0 -5.069% -5.069% 0
}
.col-6-s>.nest>.col-6-s {
width: 95.175%
}
.col-6-s>.nest>.col-5-s {
width: 78.509%
}
.col-6-s>.nest>.col-4-s {
width: 61.842%
}
.col-6-s>.nest>.col-3-s {
width: 45.175%
}
.col-6-s>.nest>.col-2-s {
width: 28.509%
}
.col-6-s>.nest>.col-1-s {
width: 11.842%
}
.col-5-s>.nest {
margin: 0 -6.145% 0 0;
width: 106.145%
}
.col-5-s>.nest>[class*=" col-"],
.col-5-s>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5-s>.nest:last-child {
margin: 0 -6.145% -6.145% 0
}
.col-5-s>.nest>.col-5-s {
width: 94.211%
}
.col-5-s>.nest>.col-4-s {
width: 74.211%
}
.col-5-s>.nest>.col-3-s {
width: 54.211%
}
.col-5-s>.nest>.col-2-s {
width: 34.211%
}
.col-5-s>.nest>.col-1-s {
width: 14.211%
}
.col-4-s>.nest {
margin: 0 -7.801% 0 0;
width: 107.801%
}
.col-4-s>.nest>[class*=" col-"],
.col-4-s>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4-s>.nest:last-child {
margin: 0 -7.801% -7.801% 0
}
.col-4-s>.nest>.col-4-s {
width: 92.763%
}
.col-4-s>.nest>.col-3-s {
width: 67.763%
}
.col-4-s>.nest>.col-2-s {
width: 42.763%
}
.col-4-s>.nest>.col-1-s {
width: 17.763%
}
.col-3-s>.nest {
margin: 0 -10.68% 0 0;
width: 110.68%
}
.col-3-s>.nest>[class*=" col-"],
.col-3-s>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3-s>.nest:last-child {
margin: 0 -10.68% -10.68% 0
}
.col-3-s>.nest>.col-3-s {
width: 90.351%
}
.col-3-s>.nest>.col-2-s {
width: 57.018%
}
.col-3-s>.nest>.col-1-s {
width: 23.684%
}
.col-2-s>.nest {
margin: 0 -16.923% 0 0;
width: 116.923%
}
.col-2-s>.nest>[class*=" col-"],
.col-2-s>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2-s>.nest:last-child {
margin: 0 -16.923% -16.923% 0
}
.col-2-s>.nest>.col-2-s {
width: 85.526%
}
.col-2-s>.nest>.col-1-s {
width: 35.526%
}
.col-1-s>.nest {
margin: 0 -40.741% 0 0;
width: 140.741%
}
.col-1-s>.nest>[class*=" col-"],
.col-1-s>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1-s>.nest:last-child {
margin: 0 -40.741% -40.741% 0
}
.col-1-s>.nest>.col-1-s {
width: 71.053%
}
}
@media all and (min-width: 600px) and (max-width: 999px) {
.indent-1 {
margin-left: 8.333%
}
.indent-2 {
margin-left: 16.667%
}
.indent-3 {
margin-left: 25%
}
.indent-4 {
margin-left: 33.333%
}
.indent-5 {
margin-left: 41.667%
}
[class*=" col-"],
[class^=col-] {
width: 97.588%
}
[class*=" col-"]>.nest,
[class^=col-]>.nest {
width: 102.472%
}
[class*=" col-"]>.nest:last-child,
[class^=col-]>.nest:last-child {
margin-right: -2.472%;
margin-bottom: -2.472%
}
[class*=" col-"]>.nest>[class*=" col-"],
[class*=" col-"]>.nest>[class^=col-],
[class^=col-]>.nest>[class*=" col-"],
[class^=col-]>.nest>[class^=col-] {
margin-right: 2.412%;
margin-bottom: 2.412%
}
[class*=" col-"]>.nest>.col-12,
[class^=col-]>.nest>.col-12 {
width: 97.588%
}
[class*=" col-"]>.nest>.col-11,
[class^=col-]>.nest>.col-11 {
width: 89.254%
}
[class*=" col-"]>.nest>.col-10,
[class^=col-]>.nest>.col-10 {
width: 80.921%
}
[class*=" col-"]>.nest>.col-9,
[class^=col-]>.nest>.col-9 {
width: 72.588%
}
[class*=" col-"]>.nest>.col-8,
[class^=col-]>.nest>.col-8 {
width: 64.254%
}
[class*=" col-"]>.nest>.col-7,
[class^=col-]>.nest>.col-7 {
width: 55.921%
}
[class*=" col-"]>.nest>.col-6,
[class^=col-]>.nest>.col-6 {
width: 47.588%
}
[class*=" col-"]>.nest>.col-5,
[class^=col-]>.nest>.col-5 {
width: 39.254%
}
[class*=" col-"]>.nest>.col-4,
[class^=col-]>.nest>.col-4 {
width: 30.921%
}
[class*=" col-"]>.nest>.col-3,
[class^=col-]>.nest>.col-3 {
width: 22.588%
}
[class*=" col-"]>.nest>.col-2,
[class^=col-]>.nest>.col-2 {
width: 14.254%
}
.col-1,
[class*=" col-"]>.nest>.col-1,
[class^=col-]>.nest>.col-1 {
width: 5.921%
}
.col-1>.nest {
width: 140.741%
}
.col-1>.nest:last-child {
margin-right: -40.741%;
margin-bottom: -40.741%
}
.col-1>.nest>[class*=" col-"],
.col-1>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1>.nest>.col-1 {
width: 71.053%
}
.col-2 {
width: 14.254%
}
.col-2>.nest {
width: 116.923%
}
.col-2>.nest:last-child {
margin-right: -16.923%;
margin-bottom: -16.923%
}
.col-2>.nest>[class*=" col-"],
.col-2>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2>.nest>.col-2 {
width: 85.526%
}
.col-2>.nest>.col-1 {
width: 35.526%
}
.col-3 {
width: 22.588%
}
.col-3>.nest {
width: 110.68%
}
.col-3>.nest:last-child {
margin-right: -10.68%;
margin-bottom: -10.68%
}
.col-3>.nest>[class*=" col-"],
.col-3>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3>.nest>.col-3 {
width: 90.351%
}
.col-3>.nest>.col-2 {
width: 57.018%
}
.col-3>.nest>.col-1 {
width: 23.684%
}
.col-4 {
width: 30.921%
}
.col-4>.nest {
width: 107.801%
}
.col-4>.nest:last-child {
margin-right: -7.801%;
margin-bottom: -7.801%
}
.col-4>.nest>[class*=" col-"],
.col-4>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4>.nest>.col-4 {
width: 92.763%
}
.col-4>.nest>.col-3 {
width: 67.763%
}
.col-4>.nest>.col-2 {
width: 42.763%
}
.col-4>.nest>.col-1 {
width: 17.763%
}
.col-5 {
width: 39.254%
}
.col-5>.nest {
width: 106.145%
}
.col-5>.nest:last-child {
margin-right: -6.145%;
margin-bottom: -6.145%
}
.col-5>.nest>[class*=" col-"],
.col-5>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5>.nest>.col-5 {
width: 94.211%
}
.col-5>.nest>.col-4 {
width: 74.211%
}
.col-5>.nest>.col-3 {
width: 54.211%
}
.col-5>.nest>.col-2 {
width: 34.211%
}
.col-5>.nest>.col-1 {
width: 14.211%
}
.col-6 {
width: 47.588%
}
.col-6>.nest {
width: 105.069%
}
.col-6>.nest:last-child {
margin-right: -5.069%;
margin-bottom: -5.069%
}
.col-6>.nest>[class*=" col-"],
.col-6>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6>.nest>.col-6 {
width: 95.175%
}
.col-6>.nest>.col-5 {
width: 78.509%
}
.col-6>.nest>.col-4 {
width: 61.842%
}
.col-6>.nest>.col-3 {
width: 45.175%
}
.col-6>.nest>.col-2 {
width: 28.509%
}
.col-6>.nest>.col-1 {
width: 11.842%
}
.col-7 {
width: 55.921%
}
.col-7>.nest {
width: 104.314%
}
.col-7>.nest:last-child {
margin-right: -4.314%;
margin-bottom: -4.314%
}
.col-7>.nest>[class*=" col-"],
.col-7>.nest>[class^=col-] {
margin-right: 4.135%;
margin-bottom: 4.135%
}
.col-7>.nest>.col-7 {
width: 95.865%
}
.col-7>.nest>.col-6 {
width: 81.579%
}
.col-7>.nest>.col-5 {
width: 67.293%
}
.col-7>.nest>.col-4 {
width: 53.008%
}
.col-7>.nest>.col-3 {
width: 38.722%
}
.col-7>.nest>.col-2 {
width: 24.436%
}
.col-7>.nest>.col-1 {
width: 10.15%
}
.col-8 {
width: 64.254%
}
.col-8>.nest {
width: 103.754%
}
.col-8>.nest:last-child {
margin-right: -3.754%;
margin-bottom: -3.754%
}
.col-8>.nest>[class*=" col-"],
.col-8>.nest>[class^=col-] {
margin-right: 3.618%;
margin-bottom: 3.618%
}
.col-8>.nest>.col-8 {
width: 96.382%
}
.col-8>.nest>.col-7 {
width: 83.882%
}
.col-8>.nest>.col-6 {
width: 71.382%
}
.col-8>.nest>.col-5 {
width: 58.882%
}
.col-8>.nest>.col-4 {
width: 46.382%
}
.col-8>.nest>.col-3 {
width: 33.882%
}
.col-8>.nest>.col-2 {
width: 21.382%
}
.col-8>.nest>.col-1 {
width: 8.882%
}
.col-9 {
width: 72.588%
}
.col-9>.nest {
width: 103.323%
}
.col-9>.nest:last-child {
margin-right: -3.323%;
margin-bottom: -3.323%
}
.col-9>.nest>[class*=" col-"],
.col-9>.nest>[class^=col-] {
margin-right: 3.216%;
margin-bottom: 3.216%
}
.col-9>.nest>.col-9 {
width: 96.784%
}
.col-9>.nest>.col-8 {
width: 85.673%
}
.col-9>.nest>.col-7 {
width: 74.561%
}
.col-9>.nest>.col-6 {
width: 63.45%
}
.col-9>.nest>.col-5 {
width: 52.339%
}
.col-9>.nest>.col-4 {
width: 41.228%
}
.col-9>.nest>.col-3 {
width: 30.117%
}
.col-9>.nest>.col-2 {
width: 19.006%
}
.col-9>.nest>.col-1 {
width: 7.895%
}
.col-10 {
width: 80.921%
}
.col-10>.nest {
width: 102.981%
}
.col-10>.nest:last-child {
margin-right: -2.981%;
margin-bottom: -2.981%
}
.col-10>.nest>[class*=" col-"],
.col-10>.nest>[class^=col-] {
margin-right: 2.895%;
margin-bottom: 2.895%
}
.col-10>.nest>.col-10 {
width: 97.105%
}
.col-10>.nest>.col-9 {
width: 87.105%
}
.col-10>.nest>.col-8 {
width: 77.105%
}
.col-10>.nest>.col-7 {
width: 67.105%
}
.col-10>.nest>.col-6 {
width: 57.105%
}
.col-10>.nest>.col-5 {
width: 47.105%
}
.col-10>.nest>.col-4 {
width: 37.105%
}
.col-10>.nest>.col-3 {
width: 27.105%
}
.col-10>.nest>.col-2 {
width: 17.105%
}
.col-10>.nest>.col-1 {
width: 7.105%
}
.col-11 {
width: 89.254%
}
.col-11>.nest {
width: 102.703%
}
.col-11>.nest:last-child {
margin-right: -2.703%;
margin-bottom: -2.703%
}
.col-11>.nest>[class*=" col-"],
.col-11>.nest>[class^=col-] {
margin-right: 2.632%;
margin-bottom: 2.632%
}
.col-11>.nest>.col-11 {
width: 97.368%
}
.col-11>.nest>.col-10 {
width: 88.278%
}
.col-11>.nest>.col-9 {
width: 79.187%
}
.col-11>.nest>.col-8 {
width: 70.096%
}
.col-11>.nest>.col-7 {
width: 61.005%
}
.col-11>.nest>.col-6 {
width: 51.914%
}
.col-11>.nest>.col-5 {
width: 42.823%
}
.col-11>.nest>.col-4 {
width: 33.732%
}
.col-11>.nest>.col-3 {
width: 24.641%
}
.col-11>.nest>.col-2 {
width: 15.55%
}
.col-11>.nest>.col-1 {
width: 6.459%
}
.pad,
.padkids>* {
padding: 2.412%
}
.row {
width: 95%;
padding-left: 2.292%
}
[class*=" col-"],
[class^=col-] {
margin-right: 2.412%;
margin-bottom: 2.412%
}
}
@media all and (min-width: 600px) and (max-width: 799px) {
.indent-1-m {
margin-left: 8.333%
}
.indent-2-m {
margin-left: 16.667%
}
.indent-3-m {
margin-left: 25%
}
.indent-4-m {
margin-left: 33.333%
}
.indent-5-m {
margin-left: 41.667%
}
.no-indent-m {
margin-left: 0
}
#debug-size:after {
content: "Size [m], 12cols"
}
[class*=" col-"]>.nest>.col-12-m,
[class^=col-]>.nest>.col-12-m {
width: 97.588%
}
[class*=" col-"]>.nest>.col-11-m,
[class^=col-]>.nest>.col-11-m {
width: 89.254%
}
[class*=" col-"]>.nest>.col-10-m,
[class^=col-]>.nest>.col-10-m {
width: 80.921%
}
[class*=" col-"]>.nest>.col-9-m,
[class^=col-]>.nest>.col-9-m {
width: 72.588%
}
[class*=" col-"]>.nest>.col-8-m,
[class^=col-]>.nest>.col-8-m {
width: 64.254%
}
[class*=" col-"]>.nest>.col-7-m,
[class^=col-]>.nest>.col-7-m {
width: 55.921%
}
[class*=" col-"]>.nest>.col-6-m,
[class^=col-]>.nest>.col-6-m {
width: 47.588%
}
[class*=" col-"]>.nest>.col-5-m,
[class^=col-]>.nest>.col-5-m {
width: 39.254%
}
[class*=" col-"]>.nest>.col-4-m,
[class^=col-]>.nest>.col-4-m {
width: 30.921%
}
[class*=" col-"]>.nest>.col-3-m,
[class^=col-]>.nest>.col-3-m {
width: 22.588%
}
[class*=" col-"]>.nest>.col-2-m,
[class^=col-]>.nest>.col-2-m {
width: 14.254%
}
[class*=" col-"]>.nest>.col-1-m,
[class^=col-]>.nest>.col-1-m {
width: 5.921%
}
.col-12>.nest>.col-12-m {
width: 97.588%
}
.col-12>.nest>.col-11-m {
width: 89.254%
}
.col-12>.nest>.col-10-m {
width: 80.921%
}
.col-12>.nest>.col-9-m {
width: 72.588%
}
.col-12>.nest>.col-8-m {
width: 64.254%
}
.col-12>.nest>.col-7-m {
width: 55.921%
}
.col-12>.nest>.col-6-m {
width: 47.588%
}
.col-12>.nest>.col-5-m {
width: 39.254%
}
.col-12>.nest>.col-4-m {
width: 30.921%
}
.col-12>.nest>.col-3-m {
width: 22.588%
}
.col-12>.nest>.col-2-m {
width: 14.254%
}
.col-12>.nest>.col-1-m {
width: 5.921%
}
.row>.col-12-m {
width: 97.588%
}
.col-11>.nest>.col-11-m {
width: 97.368%
}
.col-11>.nest>.col-10-m {
width: 88.278%
}
.col-11>.nest>.col-9-m {
width: 79.187%
}
.col-11>.nest>.col-8-m {
width: 70.096%
}
.col-11>.nest>.col-7-m {
width: 61.005%
}
.col-11>.nest>.col-6-m {
width: 51.914%
}
.col-11>.nest>.col-5-m {
width: 42.823%
}
.col-11>.nest>.col-4-m {
width: 33.732%
}
.col-11>.nest>.col-3-m {
width: 24.641%
}
.col-11>.nest>.col-2-m {
width: 15.55%
}
.col-11>.nest>.col-1-m {
width: 6.459%
}
.row>.col-11-m {
width: 89.254%
}
.col-10>.nest>.col-10-m {
width: 97.105%
}
.col-10>.nest>.col-9-m {
width: 87.105%
}
.col-10>.nest>.col-8-m {
width: 77.105%
}
.col-10>.nest>.col-7-m {
width: 67.105%
}
.col-10>.nest>.col-6-m {
width: 57.105%
}
.col-10>.nest>.col-5-m {
width: 47.105%
}
.col-10>.nest>.col-4-m {
width: 37.105%
}
.col-10>.nest>.col-3-m {
width: 27.105%
}
.col-10>.nest>.col-2-m {
width: 17.105%
}
.col-10>.nest>.col-1-m {
width: 7.105%
}
.row>.col-10-m {
width: 80.921%
}
.col-9>.nest>.col-9-m {
width: 96.784%
}
.col-9>.nest>.col-8-m {
width: 85.673%
}
.col-9>.nest>.col-7-m {
width: 74.561%
}
.col-9>.nest>.col-6-m {
width: 63.45%
}
.col-9>.nest>.col-5-m {
width: 52.339%
}
.col-9>.nest>.col-4-m {
width: 41.228%
}
.col-9>.nest>.col-3-m {
width: 30.117%
}
.col-9>.nest>.col-2-m {
width: 19.006%
}
.col-9>.nest>.col-1-m {
width: 7.895%
}
.row>.col-9-m {
width: 72.588%
}
.col-8>.nest>.col-8-m {
width: 96.382%
}
.col-8>.nest>.col-7-m {
width: 83.882%
}
.col-8>.nest>.col-6-m {
width: 71.382%
}
.col-8>.nest>.col-5-m {
width: 58.882%
}
.col-8>.nest>.col-4-m {
width: 46.382%
}
.col-8>.nest>.col-3-m {
width: 33.882%
}
.col-8>.nest>.col-2-m {
width: 21.382%
}
.col-8>.nest>.col-1-m {
width: 8.882%
}
.row>.col-8-m {
width: 64.254%
}
.col-7>.nest>.col-7-m {
width: 95.865%
}
.col-7>.nest>.col-6-m {
width: 81.579%
}
.col-7>.nest>.col-5-m {
width: 67.293%
}
.col-7>.nest>.col-4-m {
width: 53.008%
}
.col-7>.nest>.col-3-m {
width: 38.722%
}
.col-7>.nest>.col-2-m {
width: 24.436%
}
.col-7>.nest>.col-1-m {
width: 10.15%
}
.row>.col-7-m {
width: 55.921%
}
.col-6>.nest>.col-6-m {
width: 95.175%
}
.col-6>.nest>.col-5-m {
width: 78.509%
}
.col-6>.nest>.col-4-m {
width: 61.842%
}
.col-6>.nest>.col-3-m {
width: 45.175%
}
.col-6>.nest>.col-2-m {
width: 28.509%
}
.col-6>.nest>.col-1-m {
width: 11.842%
}
.row>.col-6-m {
width: 47.588%
}
.col-5>.nest>.col-5-m {
width: 94.211%
}
.col-5>.nest>.col-4-m {
width: 74.211%
}
.col-5>.nest>.col-3-m {
width: 54.211%
}
.col-5>.nest>.col-2-m {
width: 34.211%
}
.col-5>.nest>.col-1-m {
width: 14.211%
}
.row>.col-5-m {
width: 39.254%
}
.col-4>.nest>.col-4-m {
width: 92.763%
}
.col-4>.nest>.col-3-m {
width: 67.763%
}
.col-4>.nest>.col-2-m {
width: 42.763%
}
.col-4>.nest>.col-1-m {
width: 17.763%
}
.row>.col-4-m {
width: 30.921%
}
.col-3>.nest>.col-3-m {
width: 90.351%
}
.col-3>.nest>.col-2-m {
width: 57.018%
}
.col-3>.nest>.col-1-m {
width: 23.684%
}
.row>.col-3-m {
width: 22.588%
}
.col-2>.nest>.col-2-m {
width: 85.526%
}
.col-2>.nest>.col-1-m {
width: 35.526%
}
.row>.col-2-m {
width: 14.254%
}
.col-1>.nest>.col-1-m {
width: 71.053%
}
.row>.col-1-m {
width: 5.921%
}
.col-12-m>.nest>.col-12 {
width: 97.588%
}
.col-12-m>.nest>.col-11 {
width: 89.254%
}
.col-12-m>.nest>.col-10 {
width: 80.921%
}
.col-12-m>.nest>.col-9 {
width: 72.588%
}
.col-12-m>.nest>.col-8 {
width: 64.254%
}
.col-12-m>.nest>.col-7 {
width: 55.921%
}
.col-12-m>.nest>.col-6 {
width: 47.588%
}
.col-12-m>.nest>.col-5 {
width: 39.254%
}
.col-12-m>.nest>.col-4 {
width: 30.921%
}
.col-12-m>.nest>.col-3 {
width: 22.588%
}
.col-12-m>.nest>.col-2 {
width: 14.254%
}
.col-12-m>.nest>.col-1 {
width: 5.921%
}
.col-11-m>.nest>.col-11 {
width: 97.368%
}
.col-11-m>.nest>.col-10 {
width: 88.278%
}
.col-11-m>.nest>.col-9 {
width: 79.187%
}
.col-11-m>.nest>.col-8 {
width: 70.096%
}
.col-11-m>.nest>.col-7 {
width: 61.005%
}
.col-11-m>.nest>.col-6 {
width: 51.914%
}
.col-11-m>.nest>.col-5 {
width: 42.823%
}
.col-11-m>.nest>.col-4 {
width: 33.732%
}
.col-11-m>.nest>.col-3 {
width: 24.641%
}
.col-11-m>.nest>.col-2 {
width: 15.55%
}
.col-11-m>.nest>.col-1 {
width: 6.459%
}
.col-10-m>.nest>.col-10 {
width: 97.105%
}
.col-10-m>.nest>.col-9 {
width: 87.105%
}
.col-10-m>.nest>.col-8 {
width: 77.105%
}
.col-10-m>.nest>.col-7 {
width: 67.105%
}
.col-10-m>.nest>.col-6 {
width: 57.105%
}
.col-10-m>.nest>.col-5 {
width: 47.105%
}
.col-10-m>.nest>.col-4 {
width: 37.105%
}
.col-10-m>.nest>.col-3 {
width: 27.105%
}
.col-10-m>.nest>.col-2 {
width: 17.105%
}
.col-10-m>.nest>.col-1 {
width: 7.105%
}
.col-9-m>.nest>.col-9 {
width: 96.784%
}
.col-9-m>.nest>.col-8 {
width: 85.673%
}
.col-9-m>.nest>.col-7 {
width: 74.561%
}
.col-9-m>.nest>.col-6 {
width: 63.45%
}
.col-9-m>.nest>.col-5 {
width: 52.339%
}
.col-9-m>.nest>.col-4 {
width: 41.228%
}
.col-9-m>.nest>.col-3 {
width: 30.117%
}
.col-9-m>.nest>.col-2 {
width: 19.006%
}
.col-9-m>.nest>.col-1 {
width: 7.895%
}
.col-8-m>.nest>.col-8 {
width: 96.382%
}
.col-8-m>.nest>.col-7 {
width: 83.882%
}
.col-8-m>.nest>.col-6 {
width: 71.382%
}
.col-8-m>.nest>.col-5 {
width: 58.882%
}
.col-8-m>.nest>.col-4 {
width: 46.382%
}
.col-8-m>.nest>.col-3 {
width: 33.882%
}
.col-8-m>.nest>.col-2 {
width: 21.382%
}
.col-8-m>.nest>.col-1 {
width: 8.882%
}
.col-7-m>.nest>.col-7 {
width: 95.865%
}
.col-7-m>.nest>.col-6 {
width: 81.579%
}
.col-7-m>.nest>.col-5 {
width: 67.293%
}
.col-7-m>.nest>.col-4 {
width: 53.008%
}
.col-7-m>.nest>.col-3 {
width: 38.722%
}
.col-7-m>.nest>.col-2 {
width: 24.436%
}
.col-7-m>.nest>.col-1 {
width: 10.15%
}
.col-6-m>.nest>.col-6 {
width: 95.175%
}
.col-6-m>.nest>.col-5 {
width: 78.509%
}
.col-6-m>.nest>.col-4 {
width: 61.842%
}
.col-6-m>.nest>.col-3 {
width: 45.175%
}
.col-6-m>.nest>.col-2 {
width: 28.509%
}
.col-6-m>.nest>.col-1 {
width: 11.842%
}
.col-5-m>.nest>.col-5 {
width: 94.211%
}
.col-5-m>.nest>.col-4 {
width: 74.211%
}
.col-5-m>.nest>.col-3 {
width: 54.211%
}
.col-5-m>.nest>.col-2 {
width: 34.211%
}
.col-5-m>.nest>.col-1 {
width: 14.211%
}
.col-4-m>.nest>.col-4 {
width: 92.763%
}
.col-4-m>.nest>.col-3 {
width: 67.763%
}
.col-4-m>.nest>.col-2 {
width: 42.763%
}
.col-4-m>.nest>.col-1 {
width: 17.763%
}
.col-3-m>.nest>.col-3 {
width: 90.351%
}
.col-3-m>.nest>.col-2 {
width: 57.018%
}
.col-3-m>.nest>.col-1 {
width: 23.684%
}
.col-2-m>.nest>.col-2 {
width: 85.526%
}
.col-2-m>.nest>.col-1 {
width: 35.526%
}
.col-1-m>.nest>.col-1 {
width: 71.053%
}
.col-12-m>.nest {
margin: 0 -2.472% 0 0;
width: 102.472%
}
.col-12-m>.nest>[class*=" col-"],
.col-12-m>.nest>[class^=col-] {
margin-right: 2.412%;
margin-bottom: 2.412%
}
.col-12-m>.nest:last-child {
margin: 0 -2.472% -2.472% 0
}
.col-12-m>.nest>.col-12-m {
width: 97.588%
}
.col-12-m>.nest>.col-11-m {
width: 89.254%
}
.col-12-m>.nest>.col-10-m {
width: 80.921%
}
.col-12-m>.nest>.col-9-m {
width: 72.588%
}
.col-12-m>.nest>.col-8-m {
width: 64.254%
}
.col-12-m>.nest>.col-7-m {
width: 55.921%
}
.col-12-m>.nest>.col-6-m {
width: 47.588%
}
.col-12-m>.nest>.col-5-m {
width: 39.254%
}
.col-12-m>.nest>.col-4-m {
width: 30.921%
}
.col-12-m>.nest>.col-3-m {
width: 22.588%
}
.col-12-m>.nest>.col-2-m {
width: 14.254%
}
.col-12-m>.nest>.col-1-m {
width: 5.921%
}
.col-11-m>.nest {
margin: 0 -2.703% 0 0;
width: 102.703%
}
.col-11-m>.nest>[class*=" col-"],
.col-11-m>.nest>[class^=col-] {
margin-right: 2.632%;
margin-bottom: 2.632%
}
.col-11-m>.nest:last-child {
margin: 0 -2.703% -2.703% 0
}
.col-11-m>.nest>.col-11-m {
width: 97.368%
}
.col-11-m>.nest>.col-10-m {
width: 88.278%
}
.col-11-m>.nest>.col-9-m {
width: 79.187%
}
.col-11-m>.nest>.col-8-m {
width: 70.096%
}
.col-11-m>.nest>.col-7-m {
width: 61.005%
}
.col-11-m>.nest>.col-6-m {
width: 51.914%
}
.col-11-m>.nest>.col-5-m {
width: 42.823%
}
.col-11-m>.nest>.col-4-m {
width: 33.732%
}
.col-11-m>.nest>.col-3-m {
width: 24.641%
}
.col-11-m>.nest>.col-2-m {
width: 15.55%
}
.col-11-m>.nest>.col-1-m {
width: 6.459%
}
.col-10-m>.nest {
margin: 0 -2.981% 0 0;
width: 102.981%
}
.col-10-m>.nest>[class*=" col-"],
.col-10-m>.nest>[class^=col-] {
margin-right: 2.895%;
margin-bottom: 2.895%
}
.col-10-m>.nest:last-child {
margin: 0 -2.981% -2.981% 0
}
.col-10-m>.nest>.col-10-m {
width: 97.105%
}
.col-10-m>.nest>.col-9-m {
width: 87.105%
}
.col-10-m>.nest>.col-8-m {
width: 77.105%
}
.col-10-m>.nest>.col-7-m {
width: 67.105%
}
.col-10-m>.nest>.col-6-m {
width: 57.105%
}
.col-10-m>.nest>.col-5-m {
width: 47.105%
}
.col-10-m>.nest>.col-4-m {
width: 37.105%
}
.col-10-m>.nest>.col-3-m {
width: 27.105%
}
.col-10-m>.nest>.col-2-m {
width: 17.105%
}
.col-10-m>.nest>.col-1-m {
width: 7.105%
}
.col-9-m>.nest {
margin: 0 -3.323% 0 0;
width: 103.323%
}
.col-9-m>.nest>[class*=" col-"],
.col-9-m>.nest>[class^=col-] {
margin-right: 3.216%;
margin-bottom: 3.216%
}
.col-9-m>.nest:last-child {
margin: 0 -3.323% -3.323% 0
}
.col-9-m>.nest>.col-9-m {
width: 96.784%
}
.col-9-m>.nest>.col-8-m {
width: 85.673%
}
.col-9-m>.nest>.col-7-m {
width: 74.561%
}
.col-9-m>.nest>.col-6-m {
width: 63.45%
}
.col-9-m>.nest>.col-5-m {
width: 52.339%
}
.col-9-m>.nest>.col-4-m {
width: 41.228%
}
.col-9-m>.nest>.col-3-m {
width: 30.117%
}
.col-9-m>.nest>.col-2-m {
width: 19.006%
}
.col-9-m>.nest>.col-1-m {
width: 7.895%
}
.col-8-m>.nest {
margin: 0 -3.754% 0 0;
width: 103.754%
}
.col-8-m>.nest>[class*=" col-"],
.col-8-m>.nest>[class^=col-] {
margin-right: 3.618%;
margin-bottom: 3.618%
}
.col-8-m>.nest:last-child {
margin: 0 -3.754% -3.754% 0
}
.col-8-m>.nest>.col-8-m {
width: 96.382%
}
.col-8-m>.nest>.col-7-m {
width: 83.882%
}
.col-8-m>.nest>.col-6-m {
width: 71.382%
}
.col-8-m>.nest>.col-5-m {
width: 58.882%
}
.col-8-m>.nest>.col-4-m {
width: 46.382%
}
.col-8-m>.nest>.col-3-m {
width: 33.882%
}
.col-8-m>.nest>.col-2-m {
width: 21.382%
}
.col-8-m>.nest>.col-1-m {
width: 8.882%
}
.col-7-m>.nest {
margin: 0 -4.314% 0 0;
width: 104.314%
}
.col-7-m>.nest>[class*=" col-"],
.col-7-m>.nest>[class^=col-] {
margin-right: 4.135%;
margin-bottom: 4.135%
}
.col-7-m>.nest:last-child {
margin: 0 -4.314% -4.314% 0
}
.col-7-m>.nest>.col-7-m {
width: 95.865%
}
.col-7-m>.nest>.col-6-m {
width: 81.579%
}
.col-7-m>.nest>.col-5-m {
width: 67.293%
}
.col-7-m>.nest>.col-4-m {
width: 53.008%
}
.col-7-m>.nest>.col-3-m {
width: 38.722%
}
.col-7-m>.nest>.col-2-m {
width: 24.436%
}
.col-7-m>.nest>.col-1-m {
width: 10.15%
}
.col-6-m>.nest {
margin: 0 -5.069% 0 0;
width: 105.069%
}
.col-6-m>.nest>[class*=" col-"],
.col-6-m>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6-m>.nest:last-child {
margin: 0 -5.069% -5.069% 0
}
.col-6-m>.nest>.col-6-m {
width: 95.175%
}
.col-6-m>.nest>.col-5-m {
width: 78.509%
}
.col-6-m>.nest>.col-4-m {
width: 61.842%
}
.col-6-m>.nest>.col-3-m {
width: 45.175%
}
.col-6-m>.nest>.col-2-m {
width: 28.509%
}
.col-6-m>.nest>.col-1-m {
width: 11.842%
}
.col-5-m>.nest {
margin: 0 -6.145% 0 0;
width: 106.145%
}
.col-5-m>.nest>[class*=" col-"],
.col-5-m>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5-m>.nest:last-child {
margin: 0 -6.145% -6.145% 0
}
.col-5-m>.nest>.col-5-m {
width: 94.211%
}
.col-5-m>.nest>.col-4-m {
width: 74.211%
}
.col-5-m>.nest>.col-3-m {
width: 54.211%
}
.col-5-m>.nest>.col-2-m {
width: 34.211%
}
.col-5-m>.nest>.col-1-m {
width: 14.211%
}
.col-4-m>.nest {
margin: 0 -7.801% 0 0;
width: 107.801%
}
.col-4-m>.nest>[class*=" col-"],
.col-4-m>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4-m>.nest:last-child {
margin: 0 -7.801% -7.801% 0
}
.col-4-m>.nest>.col-4-m {
width: 92.763%
}
.col-4-m>.nest>.col-3-m {
width: 67.763%
}
.col-4-m>.nest>.col-2-m {
width: 42.763%
}
.col-4-m>.nest>.col-1-m {
width: 17.763%
}
.col-3-m>.nest {
margin: 0 -10.68% 0 0;
width: 110.68%
}
.col-3-m>.nest>[class*=" col-"],
.col-3-m>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3-m>.nest:last-child {
margin: 0 -10.68% -10.68% 0
}
.col-3-m>.nest>.col-3-m {
width: 90.351%
}
.col-3-m>.nest>.col-2-m {
width: 57.018%
}
.col-3-m>.nest>.col-1-m {
width: 23.684%
}
.col-2-m>.nest {
margin: 0 -16.923% 0 0;
width: 116.923%
}
.col-2-m>.nest>[class*=" col-"],
.col-2-m>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2-m>.nest:last-child {
margin: 0 -16.923% -16.923% 0
}
.col-2-m>.nest>.col-2-m {
width: 85.526%
}
.col-2-m>.nest>.col-1-m {
width: 35.526%
}
.col-1-m>.nest {
margin: 0 -40.741% 0 0;
width: 140.741%
}
.col-1-m>.nest>[class*=" col-"],
.col-1-m>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1-m>.nest:last-child {
margin: 0 -40.741% -40.741% 0
}
.col-1-m>.nest>.col-1-m {
width: 71.053%
}
}
@media all and (min-width: 800px) and (max-width: 999px) {
.indent-1-l {
margin-left: 8.333%
}
.indent-2-l {
margin-left: 16.667%
}
.indent-3-l {
margin-left: 25%
}
.indent-4-l {
margin-left: 33.333%
}
.indent-5-l {
margin-left: 41.667%
}
.no-indent-l {
margin-left: 0
}
#debug-size:after {
content: "Size [l], 12cols"
}
[class*=" col-"]>.nest>.col-12-l,
[class^=col-]>.nest>.col-12-l {
width: 97.588%
}
[class*=" col-"]>.nest>.col-11-l,
[class^=col-]>.nest>.col-11-l {
width: 89.254%
}
[class*=" col-"]>.nest>.col-10-l,
[class^=col-]>.nest>.col-10-l {
width: 80.921%
}
[class*=" col-"]>.nest>.col-9-l,
[class^=col-]>.nest>.col-9-l {
width: 72.588%
}
[class*=" col-"]>.nest>.col-8-l,
[class^=col-]>.nest>.col-8-l {
width: 64.254%
}
[class*=" col-"]>.nest>.col-7-l,
[class^=col-]>.nest>.col-7-l {
width: 55.921%
}
[class*=" col-"]>.nest>.col-6-l,
[class^=col-]>.nest>.col-6-l {
width: 47.588%
}
[class*=" col-"]>.nest>.col-5-l,
[class^=col-]>.nest>.col-5-l {
width: 39.254%
}
[class*=" col-"]>.nest>.col-4-l,
[class^=col-]>.nest>.col-4-l {
width: 30.921%
}
[class*=" col-"]>.nest>.col-3-l,
[class^=col-]>.nest>.col-3-l {
width: 22.588%
}
[class*=" col-"]>.nest>.col-2-l,
[class^=col-]>.nest>.col-2-l {
width: 14.254%
}
[class*=" col-"]>.nest>.col-1-l,
[class^=col-]>.nest>.col-1-l {
width: 5.921%
}
.col-12>.nest>.col-12-l {
width: 97.588%
}
.col-12>.nest>.col-11-l {
width: 89.254%
}
.col-12>.nest>.col-10-l {
width: 80.921%
}
.col-12>.nest>.col-9-l {
width: 72.588%
}
.col-12>.nest>.col-8-l {
width: 64.254%
}
.col-12>.nest>.col-7-l {
width: 55.921%
}
.col-12>.nest>.col-6-l {
width: 47.588%
}
.col-12>.nest>.col-5-l {
width: 39.254%
}
.col-12>.nest>.col-4-l {
width: 30.921%
}
.col-12>.nest>.col-3-l {
width: 22.588%
}
.col-12>.nest>.col-2-l {
width: 14.254%
}
.col-12>.nest>.col-1-l {
width: 5.921%
}
.row>.col-12-l {
width: 97.588%
}
.col-11>.nest>.col-11-l {
width: 97.368%
}
.col-11>.nest>.col-10-l {
width: 88.278%
}
.col-11>.nest>.col-9-l {
width: 79.187%
}
.col-11>.nest>.col-8-l {
width: 70.096%
}
.col-11>.nest>.col-7-l {
width: 61.005%
}
.col-11>.nest>.col-6-l {
width: 51.914%
}
.col-11>.nest>.col-5-l {
width: 42.823%
}
.col-11>.nest>.col-4-l {
width: 33.732%
}
.col-11>.nest>.col-3-l {
width: 24.641%
}
.col-11>.nest>.col-2-l {
width: 15.55%
}
.col-11>.nest>.col-1-l {
width: 6.459%
}
.row>.col-11-l {
width: 89.254%
}
.col-10>.nest>.col-10-l {
width: 97.105%
}
.col-10>.nest>.col-9-l {
width: 87.105%
}
.col-10>.nest>.col-8-l {
width: 77.105%
}
.col-10>.nest>.col-7-l {
width: 67.105%
}
.col-10>.nest>.col-6-l {
width: 57.105%
}
.col-10>.nest>.col-5-l {
width: 47.105%
}
.col-10>.nest>.col-4-l {
width: 37.105%
}
.col-10>.nest>.col-3-l {
width: 27.105%
}
.col-10>.nest>.col-2-l {
width: 17.105%
}
.col-10>.nest>.col-1-l {
width: 7.105%
}
.row>.col-10-l {
width: 80.921%
}
.col-9>.nest>.col-9-l {
width: 96.784%
}
.col-9>.nest>.col-8-l {
width: 85.673%
}
.col-9>.nest>.col-7-l {
width: 74.561%
}
.col-9>.nest>.col-6-l {
width: 63.45%
}
.col-9>.nest>.col-5-l {
width: 52.339%
}
.col-9>.nest>.col-4-l {
width: 41.228%
}
.col-9>.nest>.col-3-l {
width: 30.117%
}
.col-9>.nest>.col-2-l {
width: 19.006%
}
.col-9>.nest>.col-1-l {
width: 7.895%
}
.row>.col-9-l {
width: 72.588%
}
.col-8>.nest>.col-8-l {
width: 96.382%
}
.col-8>.nest>.col-7-l {
width: 83.882%
}
.col-8>.nest>.col-6-l {
width: 71.382%
}
.col-8>.nest>.col-5-l {
width: 58.882%
}
.col-8>.nest>.col-4-l {
width: 46.382%
}
.col-8>.nest>.col-3-l {
width: 33.882%
}
.col-8>.nest>.col-2-l {
width: 21.382%
}
.col-8>.nest>.col-1-l {
width: 8.882%
}
.row>.col-8-l {
width: 64.254%
}
.col-7>.nest>.col-7-l {
width: 95.865%
}
.col-7>.nest>.col-6-l {
width: 81.579%
}
.col-7>.nest>.col-5-l {
width: 67.293%
}
.col-7>.nest>.col-4-l {
width: 53.008%
}
.col-7>.nest>.col-3-l {
width: 38.722%
}
.col-7>.nest>.col-2-l {
width: 24.436%
}
.col-7>.nest>.col-1-l {
width: 10.15%
}
.row>.col-7-l {
width: 55.921%
}
.col-6>.nest>.col-6-l {
width: 95.175%
}
.col-6>.nest>.col-5-l {
width: 78.509%
}
.col-6>.nest>.col-4-l {
width: 61.842%
}
.col-6>.nest>.col-3-l {
width: 45.175%
}
.col-6>.nest>.col-2-l {
width: 28.509%
}
.col-6>.nest>.col-1-l {
width: 11.842%
}
.row>.col-6-l {
width: 47.588%
}
.col-5>.nest>.col-5-l {
width: 94.211%
}
.col-5>.nest>.col-4-l {
width: 74.211%
}
.col-5>.nest>.col-3-l {
width: 54.211%
}
.col-5>.nest>.col-2-l {
width: 34.211%
}
.col-5>.nest>.col-1-l {
width: 14.211%
}
.row>.col-5-l {
width: 39.254%
}
.col-4>.nest>.col-4-l {
width: 92.763%
}
.col-4>.nest>.col-3-l {
width: 67.763%
}
.col-4>.nest>.col-2-l {
width: 42.763%
}
.col-4>.nest>.col-1-l {
width: 17.763%
}
.row>.col-4-l {
width: 30.921%
}
.col-3>.nest>.col-3-l {
width: 90.351%
}
.col-3>.nest>.col-2-l {
width: 57.018%
}
.col-3>.nest>.col-1-l {
width: 23.684%
}
.row>.col-3-l {
width: 22.588%
}
.col-2>.nest>.col-2-l {
width: 85.526%
}
.col-2>.nest>.col-1-l {
width: 35.526%
}
.row>.col-2-l {
width: 14.254%
}
.col-1>.nest>.col-1-l {
width: 71.053%
}
.row>.col-1-l {
width: 5.921%
}
.col-12-l>.nest>.col-12 {
width: 97.588%
}
.col-12-l>.nest>.col-11 {
width: 89.254%
}
.col-12-l>.nest>.col-10 {
width: 80.921%
}
.col-12-l>.nest>.col-9 {
width: 72.588%
}
.col-12-l>.nest>.col-8 {
width: 64.254%
}
.col-12-l>.nest>.col-7 {
width: 55.921%
}
.col-12-l>.nest>.col-6 {
width: 47.588%
}
.col-12-l>.nest>.col-5 {
width: 39.254%
}
.col-12-l>.nest>.col-4 {
width: 30.921%
}
.col-12-l>.nest>.col-3 {
width: 22.588%
}
.col-12-l>.nest>.col-2 {
width: 14.254%
}
.col-12-l>.nest>.col-1 {
width: 5.921%
}
.col-11-l>.nest>.col-11 {
width: 97.368%
}
.col-11-l>.nest>.col-10 {
width: 88.278%
}
.col-11-l>.nest>.col-9 {
width: 79.187%
}
.col-11-l>.nest>.col-8 {
width: 70.096%
}
.col-11-l>.nest>.col-7 {
width: 61.005%
}
.col-11-l>.nest>.col-6 {
width: 51.914%
}
.col-11-l>.nest>.col-5 {
width: 42.823%
}
.col-11-l>.nest>.col-4 {
width: 33.732%
}
.col-11-l>.nest>.col-3 {
width: 24.641%
}
.col-11-l>.nest>.col-2 {
width: 15.55%
}
.col-11-l>.nest>.col-1 {
width: 6.459%
}
.col-10-l>.nest>.col-10 {
width: 97.105%
}
.col-10-l>.nest>.col-9 {
width: 87.105%
}
.col-10-l>.nest>.col-8 {
width: 77.105%
}
.col-10-l>.nest>.col-7 {
width: 67.105%
}
.col-10-l>.nest>.col-6 {
width: 57.105%
}
.col-10-l>.nest>.col-5 {
width: 47.105%
}
.col-10-l>.nest>.col-4 {
width: 37.105%
}
.col-10-l>.nest>.col-3 {
width: 27.105%
}
.col-10-l>.nest>.col-2 {
width: 17.105%
}
.col-10-l>.nest>.col-1 {
width: 7.105%
}
.col-9-l>.nest>.col-9 {
width: 96.784%
}
.col-9-l>.nest>.col-8 {
width: 85.673%
}
.col-9-l>.nest>.col-7 {
width: 74.561%
}
.col-9-l>.nest>.col-6 {
width: 63.45%
}
.col-9-l>.nest>.col-5 {
width: 52.339%
}
.col-9-l>.nest>.col-4 {
width: 41.228%
}
.col-9-l>.nest>.col-3 {
width: 30.117%
}
.col-9-l>.nest>.col-2 {
width: 19.006%
}
.col-9-l>.nest>.col-1 {
width: 7.895%
}
.col-8-l>.nest>.col-8 {
width: 96.382%
}
.col-8-l>.nest>.col-7 {
width: 83.882%
}
.col-8-l>.nest>.col-6 {
width: 71.382%
}
.col-8-l>.nest>.col-5 {
width: 58.882%
}
.col-8-l>.nest>.col-4 {
width: 46.382%
}
.col-8-l>.nest>.col-3 {
width: 33.882%
}
.col-8-l>.nest>.col-2 {
width: 21.382%
}
.col-8-l>.nest>.col-1 {
width: 8.882%
}
.col-7-l>.nest>.col-7 {
width: 95.865%
}
.col-7-l>.nest>.col-6 {
width: 81.579%
}
.col-7-l>.nest>.col-5 {
width: 67.293%
}
.col-7-l>.nest>.col-4 {
width: 53.008%
}
.col-7-l>.nest>.col-3 {
width: 38.722%
}
.col-7-l>.nest>.col-2 {
width: 24.436%
}
.col-7-l>.nest>.col-1 {
width: 10.15%
}
.col-6-l>.nest>.col-6 {
width: 95.175%
}
.col-6-l>.nest>.col-5 {
width: 78.509%
}
.col-6-l>.nest>.col-4 {
width: 61.842%
}
.col-6-l>.nest>.col-3 {
width: 45.175%
}
.col-6-l>.nest>.col-2 {
width: 28.509%
}
.col-6-l>.nest>.col-1 {
width: 11.842%
}
.col-5-l>.nest>.col-5 {
width: 94.211%
}
.col-5-l>.nest>.col-4 {
width: 74.211%
}
.col-5-l>.nest>.col-3 {
width: 54.211%
}
.col-5-l>.nest>.col-2 {
width: 34.211%
}
.col-5-l>.nest>.col-1 {
width: 14.211%
}
.col-4-l>.nest>.col-4 {
width: 92.763%
}
.col-4-l>.nest>.col-3 {
width: 67.763%
}
.col-4-l>.nest>.col-2 {
width: 42.763%
}
.col-4-l>.nest>.col-1 {
width: 17.763%
}
.col-3-l>.nest>.col-3 {
width: 90.351%
}
.col-3-l>.nest>.col-2 {
width: 57.018%
}
.col-3-l>.nest>.col-1 {
width: 23.684%
}
.col-2-l>.nest>.col-2 {
width: 85.526%
}
.col-2-l>.nest>.col-1 {
width: 35.526%
}
.col-1-l>.nest>.col-1 {
width: 71.053%
}
.col-12-l>.nest {
margin: 0 -2.472% 0 0;
width: 102.472%
}
.col-12-l>.nest>[class*=" col-"],
.col-12-l>.nest>[class^=col-] {
margin-right: 2.412%;
margin-bottom: 2.412%
}
.col-12-l>.nest:last-child {
margin: 0 -2.472% -2.472% 0
}
.col-12-l>.nest>.col-12-l {
width: 97.588%
}
.col-12-l>.nest>.col-11-l {
width: 89.254%
}
.col-12-l>.nest>.col-10-l {
width: 80.921%
}
.col-12-l>.nest>.col-9-l {
width: 72.588%
}
.col-12-l>.nest>.col-8-l {
width: 64.254%
}
.col-12-l>.nest>.col-7-l {
width: 55.921%
}
.col-12-l>.nest>.col-6-l {
width: 47.588%
}
.col-12-l>.nest>.col-5-l {
width: 39.254%
}
.col-12-l>.nest>.col-4-l {
width: 30.921%
}
.col-12-l>.nest>.col-3-l {
width: 22.588%
}
.col-12-l>.nest>.col-2-l {
width: 14.254%
}
.col-12-l>.nest>.col-1-l {
width: 5.921%
}
.col-11-l>.nest {
margin: 0 -2.703% 0 0;
width: 102.703%
}
.col-11-l>.nest>[class*=" col-"],
.col-11-l>.nest>[class^=col-] {
margin-right: 2.632%;
margin-bottom: 2.632%
}
.col-11-l>.nest:last-child {
margin: 0 -2.703% -2.703% 0
}
.col-11-l>.nest>.col-11-l {
width: 97.368%
}
.col-11-l>.nest>.col-10-l {
width: 88.278%
}
.col-11-l>.nest>.col-9-l {
width: 79.187%
}
.col-11-l>.nest>.col-8-l {
width: 70.096%
}
.col-11-l>.nest>.col-7-l {
width: 61.005%
}
.col-11-l>.nest>.col-6-l {
width: 51.914%
}
.col-11-l>.nest>.col-5-l {
width: 42.823%
}
.col-11-l>.nest>.col-4-l {
width: 33.732%
}
.col-11-l>.nest>.col-3-l {
width: 24.641%
}
.col-11-l>.nest>.col-2-l {
width: 15.55%
}
.col-11-l>.nest>.col-1-l {
width: 6.459%
}
.col-10-l>.nest {
margin: 0 -2.981% 0 0;
width: 102.981%
}
.col-10-l>.nest>[class*=" col-"],
.col-10-l>.nest>[class^=col-] {
margin-right: 2.895%;
margin-bottom: 2.895%
}
.col-10-l>.nest:last-child {
margin: 0 -2.981% -2.981% 0
}
.col-10-l>.nest>.col-10-l {
width: 97.105%
}
.col-10-l>.nest>.col-9-l {
width: 87.105%
}
.col-10-l>.nest>.col-8-l {
width: 77.105%
}
.col-10-l>.nest>.col-7-l {
width: 67.105%
}
.col-10-l>.nest>.col-6-l {
width: 57.105%
}
.col-10-l>.nest>.col-5-l {
width: 47.105%
}
.col-10-l>.nest>.col-4-l {
width: 37.105%
}
.col-10-l>.nest>.col-3-l {
width: 27.105%
}
.col-10-l>.nest>.col-2-l {
width: 17.105%
}
.col-10-l>.nest>.col-1-l {
width: 7.105%
}
.col-9-l>.nest {
margin: 0 -3.323% 0 0;
width: 103.323%
}
.col-9-l>.nest>[class*=" col-"],
.col-9-l>.nest>[class^=col-] {
margin-right: 3.216%;
margin-bottom: 3.216%
}
.col-9-l>.nest:last-child {
margin: 0 -3.323% -3.323% 0
}
.col-9-l>.nest>.col-9-l {
width: 96.784%
}
.col-9-l>.nest>.col-8-l {
width: 85.673%
}
.col-9-l>.nest>.col-7-l {
width: 74.561%
}
.col-9-l>.nest>.col-6-l {
width: 63.45%
}
.col-9-l>.nest>.col-5-l {
width: 52.339%
}
.col-9-l>.nest>.col-4-l {
width: 41.228%
}
.col-9-l>.nest>.col-3-l {
width: 30.117%
}
.col-9-l>.nest>.col-2-l {
width: 19.006%
}
.col-9-l>.nest>.col-1-l {
width: 7.895%
}
.col-8-l>.nest {
margin: 0 -3.754% 0 0;
width: 103.754%
}
.col-8-l>.nest>[class*=" col-"],
.col-8-l>.nest>[class^=col-] {
margin-right: 3.618%;
margin-bottom: 3.618%
}
.col-8-l>.nest:last-child {
margin: 0 -3.754% -3.754% 0
}
.col-8-l>.nest>.col-8-l {
width: 96.382%
}
.col-8-l>.nest>.col-7-l {
width: 83.882%
}
.col-8-l>.nest>.col-6-l {
width: 71.382%
}
.col-8-l>.nest>.col-5-l {
width: 58.882%
}
.col-8-l>.nest>.col-4-l {
width: 46.382%
}
.col-8-l>.nest>.col-3-l {
width: 33.882%
}
.col-8-l>.nest>.col-2-l {
width: 21.382%
}
.col-8-l>.nest>.col-1-l {
width: 8.882%
}
.col-7-l>.nest {
margin: 0 -4.314% 0 0;
width: 104.314%
}
.col-7-l>.nest>[class*=" col-"],
.col-7-l>.nest>[class^=col-] {
margin-right: 4.135%;
margin-bottom: 4.135%
}
.col-7-l>.nest:last-child {
margin: 0 -4.314% -4.314% 0
}
.col-7-l>.nest>.col-7-l {
width: 95.865%
}
.col-7-l>.nest>.col-6-l {
width: 81.579%
}
.col-7-l>.nest>.col-5-l {
width: 67.293%
}
.col-7-l>.nest>.col-4-l {
width: 53.008%
}
.col-7-l>.nest>.col-3-l {
width: 38.722%
}
.col-7-l>.nest>.col-2-l {
width: 24.436%
}
.col-7-l>.nest>.col-1-l {
width: 10.15%
}
.col-6-l>.nest {
margin: 0 -5.069% 0 0;
width: 105.069%
}
.col-6-l>.nest>[class*=" col-"],
.col-6-l>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6-l>.nest:last-child {
margin: 0 -5.069% -5.069% 0
}
.col-6-l>.nest>.col-6-l {
width: 95.175%
}
.col-6-l>.nest>.col-5-l {
width: 78.509%
}
.col-6-l>.nest>.col-4-l {
width: 61.842%
}
.col-6-l>.nest>.col-3-l {
width: 45.175%
}
.col-6-l>.nest>.col-2-l {
width: 28.509%
}
.col-6-l>.nest>.col-1-l {
width: 11.842%
}
.col-5-l>.nest {
margin: 0 -6.145% 0 0;
width: 106.145%
}
.col-5-l>.nest>[class*=" col-"],
.col-5-l>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5-l>.nest:last-child {
margin: 0 -6.145% -6.145% 0
}
.col-5-l>.nest>.col-5-l {
width: 94.211%
}
.col-5-l>.nest>.col-4-l {
width: 74.211%
}
.col-5-l>.nest>.col-3-l {
width: 54.211%
}
.col-5-l>.nest>.col-2-l {
width: 34.211%
}
.col-5-l>.nest>.col-1-l {
width: 14.211%
}
.col-4-l>.nest {
margin: 0 -7.801% 0 0;
width: 107.801%
}
.col-4-l>.nest>[class*=" col-"],
.col-4-l>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4-l>.nest:last-child {
margin: 0 -7.801% -7.801% 0
}
.col-4-l>.nest>.col-4-l {
width: 92.763%
}
.col-4-l>.nest>.col-3-l {
width: 67.763%
}
.col-4-l>.nest>.col-2-l {
width: 42.763%
}
.col-4-l>.nest>.col-1-l {
width: 17.763%
}
.col-3-l>.nest {
margin: 0 -10.68% 0 0;
width: 110.68%
}
.col-3-l>.nest>[class*=" col-"],
.col-3-l>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3-l>.nest:last-child {
margin: 0 -10.68% -10.68% 0
}
.col-3-l>.nest>.col-3-l {
width: 90.351%
}
.col-3-l>.nest>.col-2-l {
width: 57.018%
}
.col-3-l>.nest>.col-1-l {
width: 23.684%
}
.col-2-l>.nest {
margin: 0 -16.923% 0 0;
width: 116.923%
}
.col-2-l>.nest>[class*=" col-"],
.col-2-l>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2-l>.nest:last-child {
margin: 0 -16.923% -16.923% 0
}
.col-2-l>.nest>.col-2-l {
width: 85.526%
}
.col-2-l>.nest>.col-1-l {
width: 35.526%
}
.col-1-l>.nest {
margin: 0 -40.741% 0 0;
width: 140.741%
}
.col-1-l>.nest>[class*=" col-"],
.col-1-l>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1-l>.nest:last-child {
margin: 0 -40.741% -40.741% 0
}
.col-1-l>.nest>.col-1-l {
width: 71.053%
}
}
@media all and (min-width: 1000px) and (max-width: 1279px) {
.indent-1 {
margin-left: 6.25%
}
.indent-2 {
margin-left: 12.5%
}
.indent-3 {
margin-left: 18.75%
}
.indent-4 {
margin-left: 25%
}
.indent-5 {
margin-left: 31.25%
}
.col-1 {
width: 4.441%
}
.col-1>.nest {
width: 140.741%
}
.col-1>.nest:last-child {
margin-right: -40.741%;
margin-bottom: -40.741%
}
.col-1>.nest>[class*=" col-"],
.col-1>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1>.nest>.col-1 {
width: 71.053%
}
.col-2 {
width: 10.691%
}
.col-2>.nest {
width: 116.923%
}
.col-2>.nest:last-child {
margin-right: -16.923%;
margin-bottom: -16.923%
}
.col-2>.nest>[class*=" col-"],
.col-2>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2>.nest>.col-2 {
width: 85.526%
}
.col-2>.nest>.col-1 {
width: 35.526%
}
.col-3 {
width: 16.941%
}
.col-3>.nest {
width: 110.68%
}
.col-3>.nest:last-child {
margin-right: -10.68%;
margin-bottom: -10.68%
}
.col-3>.nest>[class*=" col-"],
.col-3>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3>.nest>.col-3 {
width: 90.351%
}
.col-3>.nest>.col-2 {
width: 57.018%
}
.col-3>.nest>.col-1 {
width: 23.684%
}
.col-4 {
width: 23.191%
}
.col-4>.nest {
width: 107.801%
}
.col-4>.nest:last-child {
margin-right: -7.801%;
margin-bottom: -7.801%
}
.col-4>.nest>[class*=" col-"],
.col-4>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4>.nest>.col-4 {
width: 92.763%
}
.col-4>.nest>.col-3 {
width: 67.763%
}
.col-4>.nest>.col-2 {
width: 42.763%
}
.col-4>.nest>.col-1 {
width: 17.763%
}
.col-5 {
width: 29.441%
}
.col-5>.nest {
width: 106.145%
}
.col-5>.nest:last-child {
margin-right: -6.145%;
margin-bottom: -6.145%
}
.col-5>.nest>[class*=" col-"],
.col-5>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5>.nest>.col-5 {
width: 94.211%
}
.col-5>.nest>.col-4 {
width: 74.211%
}
.col-5>.nest>.col-3 {
width: 54.211%
}
.col-5>.nest>.col-2 {
width: 34.211%
}
.col-5>.nest>.col-1 {
width: 14.211%
}
.col-6 {
width: 35.691%
}
.col-6>.nest {
width: 105.069%
}
.col-6>.nest:last-child {
margin-right: -5.069%;
margin-bottom: -5.069%
}
.col-6>.nest>[class*=" col-"],
.col-6>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6>.nest>.col-6 {
width: 95.175%
}
.col-6>.nest>.col-5 {
width: 78.509%
}
.col-6>.nest>.col-4 {
width: 61.842%
}
.col-6>.nest>.col-3 {
width: 45.175%
}
.col-6>.nest>.col-2 {
width: 28.509%
}
.col-6>.nest>.col-1 {
width: 11.842%
}
.col-7 {
width: 41.941%
}
.col-7>.nest {
width: 104.314%
}
.col-7>.nest:last-child {
margin-right: -4.314%;
margin-bottom: -4.314%
}
.col-7>.nest>[class*=" col-"],
.col-7>.nest>[class^=col-] {
margin-right: 4.135%;
margin-bottom: 4.135%
}
.col-7>.nest>.col-7 {
width: 95.865%
}
.col-7>.nest>.col-6 {
width: 81.579%
}
.col-7>.nest>.col-5 {
width: 67.293%
}
.col-7>.nest>.col-4 {
width: 53.008%
}
.col-7>.nest>.col-3 {
width: 38.722%
}
.col-7>.nest>.col-2 {
width: 24.436%
}
.col-7>.nest>.col-1 {
width: 10.15%
}
.col-8 {
width: 48.191%
}
.col-8>.nest {
width: 103.754%
}
.col-8>.nest:last-child {
margin-right: -3.754%;
margin-bottom: -3.754%
}
.col-8>.nest>[class*=" col-"],
.col-8>.nest>[class^=col-] {
margin-right: 3.618%;
margin-bottom: 3.618%
}
.col-8>.nest>.col-8 {
width: 96.382%
}
.col-8>.nest>.col-7 {
width: 83.882%
}
.col-8>.nest>.col-6 {
width: 71.382%
}
.col-8>.nest>.col-5 {
width: 58.882%
}
.col-8>.nest>.col-4 {
width: 46.382%
}
.col-8>.nest>.col-3 {
width: 33.882%
}
.col-8>.nest>.col-2 {
width: 21.382%
}
.col-8>.nest>.col-1 {
width: 8.882%
}
.col-9 {
width: 54.441%
}
.col-9>.nest {
width: 103.323%
}
.col-9>.nest:last-child {
margin-right: -3.323%;
margin-bottom: -3.323%
}
.col-9>.nest>[class*=" col-"],
.col-9>.nest>[class^=col-] {
margin-right: 3.216%;
margin-bottom: 3.216%
}
.col-9>.nest>.col-9 {
width: 96.784%
}
.col-9>.nest>.col-8 {
width: 85.673%
}
.col-9>.nest>.col-7 {
width: 74.561%
}
.col-9>.nest>.col-6 {
width: 63.45%
}
.col-9>.nest>.col-5 {
width: 52.339%
}
.col-9>.nest>.col-4 {
width: 41.228%
}
.col-9>.nest>.col-3 {
width: 30.117%
}
.col-9>.nest>.col-2 {
width: 19.006%
}
.col-9>.nest>.col-1 {
width: 7.895%
}
.col-10 {
width: 60.691%
}
.col-10>.nest {
width: 102.981%
}
.col-10>.nest:last-child {
margin-right: -2.981%;
margin-bottom: -2.981%
}
.col-10>.nest>[class*=" col-"],
.col-10>.nest>[class^=col-] {
margin-right: 2.895%;
margin-bottom: 2.895%
}
.col-10>.nest>.col-10 {
width: 97.105%
}
.col-10>.nest>.col-9 {
width: 87.105%
}
.col-10>.nest>.col-8 {
width: 77.105%
}
.col-10>.nest>.col-7 {
width: 67.105%
}
.col-10>.nest>.col-6 {
width: 57.105%
}
.col-10>.nest>.col-5 {
width: 47.105%
}
.col-10>.nest>.col-4 {
width: 37.105%
}
.col-10>.nest>.col-3 {
width: 27.105%
}
.col-10>.nest>.col-2 {
width: 17.105%
}
.col-10>.nest>.col-1 {
width: 7.105%
}
.col-11 {
width: 66.941%
}
.col-11>.nest {
width: 102.703%
}
.col-11>.nest:last-child {
margin-right: -2.703%;
margin-bottom: -2.703%
}
.col-11>.nest>[class*=" col-"],
.col-11>.nest>[class^=col-] {
margin-right: 2.632%;
margin-bottom: 2.632%
}
.col-11>.nest>.col-11 {
width: 97.368%
}
.col-11>.nest>.col-10 {
width: 88.278%
}
.col-11>.nest>.col-9 {
width: 79.187%
}
.col-11>.nest>.col-8 {
width: 70.096%
}
.col-11>.nest>.col-7 {
width: 61.005%
}
.col-11>.nest>.col-6 {
width: 51.914%
}
.col-11>.nest>.col-5 {
width: 42.823%
}
.col-11>.nest>.col-4 {
width: 33.732%
}
.col-11>.nest>.col-3 {
width: 24.641%
}
.col-11>.nest>.col-2 {
width: 15.55%
}
.col-11>.nest>.col-1 {
width: 6.459%
}
.col-12 {
width: 73.191%
}
.col-12>.nest {
width: 102.472%
}
.col-12>.nest:last-child {
margin-right: -2.472%;
margin-bottom: -2.472%
}
.col-12>.nest>[class*=" col-"],
.col-12>.nest>[class^=col-] {
margin-right: 2.412%;
margin-bottom: 2.412%
}
.col-12>.nest>.col-12 {
width: 97.588%
}
.col-12>.nest>.col-11 {
width: 89.254%
}
.col-12>.nest>.col-10 {
width: 80.921%
}
.col-12>.nest>.col-9 {
width: 72.588%
}
.col-12>.nest>.col-8 {
width: 64.254%
}
.col-12>.nest>.col-7 {
width: 55.921%
}
.col-12>.nest>.col-6 {
width: 47.588%
}
.col-12>.nest>.col-5 {
width: 39.254%
}
.col-12>.nest>.col-4 {
width: 30.921%
}
.col-12>.nest>.col-3 {
width: 22.588%
}
.col-12>.nest>.col-2 {
width: 14.254%
}
.col-12>.nest>.col-1 {
width: 5.921%
}
.col-13 {
width: 79.441%
}
.col-13>.nest {
width: 102.277%
}
.col-13>.nest:last-child {
margin-right: -2.277%;
margin-bottom: -2.277%
}
.col-13>.nest>[class*=" col-"],
.col-13>.nest>[class^=col-] {
margin-right: 2.227%;
margin-bottom: 2.227%
}
.col-13>.nest>.col-13 {
width: 97.773%
}
.col-13>.nest>.col-12 {
width: 90.081%
}
.col-13>.nest>.col-11 {
width: 82.389%
}
.col-13>.nest>.col-10 {
width: 74.696%
}
.col-13>.nest>.col-9 {
width: 67.004%
}
.col-13>.nest>.col-8 {
width: 59.312%
}
.col-13>.nest>.col-7 {
width: 51.619%
}
.col-13>.nest>.col-6 {
width: 43.927%
}
.col-13>.nest>.col-5 {
width: 36.235%
}
.col-13>.nest>.col-4 {
width: 28.543%
}
.col-13>.nest>.col-3 {
width: 20.85%
}
.col-13>.nest>.col-2 {
width: 13.158%
}
.col-13>.nest>.col-1 {
width: 5.466%
}
.col-14 {
width: 85.691%
}
.col-14>.nest {
width: 102.111%
}
.col-14>.nest:last-child {
margin-right: -2.111%;
margin-bottom: -2.111%
}
.col-14>.nest>[class*=" col-"],
.col-14>.nest>[class^=col-] {
margin-right: 2.068%;
margin-bottom: 2.068%
}
.col-14>.nest>.col-14 {
width: 97.932%
}
.col-14>.nest>.col-13 {
width: 90.789%
}
.col-14>.nest>.col-12 {
width: 83.647%
}
.col-14>.nest>.col-11 {
width: 76.504%
}
.col-14>.nest>.col-10 {
width: 69.361%
}
.col-14>.nest>.col-9 {
width: 62.218%
}
.col-14>.nest>.col-8 {
width: 55.075%
}
.col-14>.nest>.col-7 {
width: 47.932%
}
.col-14>.nest>.col-6 {
width: 40.789%
}
.col-14>.nest>.col-5 {
width: 33.647%
}
.col-14>.nest>.col-4 {
width: 26.504%
}
.col-14>.nest>.col-3 {
width: 19.361%
}
.col-14>.nest>.col-2 {
width: 12.218%
}
.col-14>.nest>.col-1 {
width: 5.075%
}
.col-15 {
width: 91.941%
}
.col-15>.nest {
width: 101.968%
}
.col-15>.nest:last-child {
margin-right: -1.968%;
margin-bottom: -1.968%
}
.col-15>.nest>[class*=" col-"],
.col-15>.nest>[class^=col-] {
margin-right: 1.93%;
margin-bottom: 1.93%
}
.col-15>.nest>.col-15 {
width: 98.07%
}
.col-15>.nest>.col-14 {
width: 91.404%
}
.col-15>.nest>.col-13 {
width: 84.737%
}
.col-15>.nest>.col-12 {
width: 78.07%
}
.col-15>.nest>.col-11 {
width: 71.404%
}
.col-15>.nest>.col-10 {
width: 64.737%
}
.col-15>.nest>.col-9 {
width: 58.07%
}
.col-15>.nest>.col-8 {
width: 51.404%
}
.col-15>.nest>.col-7 {
width: 44.737%
}
.col-15>.nest>.col-6 {
width: 38.07%
}
.col-15>.nest>.col-5 {
width: 31.404%
}
.col-15>.nest>.col-4 {
width: 24.737%
}
.col-15>.nest>.col-3 {
width: 18.07%
}
.col-15>.nest>.col-2 {
width: 11.404%
}
.col-15>.nest>.col-1 {
width: 4.737%
}
.col-16 {
width: 98.191%
}
.col-16>.nest {
width: 101.843%
}
.col-16>.nest:last-child {
margin-right: -1.843%;
margin-bottom: -1.843%
}
.col-16>.nest>[class*=" col-"],
.col-16>.nest>[class^=col-] {
margin-right: 1.809%;
margin-bottom: 1.809%
}
.col-16>.nest>.col-16 {
width: 98.191%
}
.col-16>.nest>.col-15 {
width: 91.941%
}
.col-16>.nest>.col-14 {
width: 85.691%
}
.col-16>.nest>.col-13 {
width: 79.441%
}
.col-16>.nest>.col-12 {
width: 73.191%
}
.col-16>.nest>.col-11 {
width: 66.941%
}
.col-16>.nest>.col-10 {
width: 60.691%
}
.col-16>.nest>.col-9 {
width: 54.441%
}
.col-16>.nest>.col-8 {
width: 48.191%
}
.col-16>.nest>.col-7 {
width: 41.941%
}
.col-16>.nest>.col-6 {
width: 35.691%
}
.col-16>.nest>.col-5 {
width: 29.441%
}
.col-16>.nest>.col-4 {
width: 23.191%
}
.col-16>.nest>.col-3 {
width: 16.941%
}
.col-16>.nest>.col-2 {
width: 10.691%
}
.col-16>.nest>.col-1 {
width: 4.441%
}
.pad,
.padkids>* {
padding: 1.809%
}
.row {
width: 96.203%;
padding-left: 1.741%
}
[class*=" col-"],
[class^=col-] {
margin-right: 1.809%;
margin-bottom: 1.809%
}
}
@media all and (min-width: 1000px) and (max-width: 1279px) {
.indent-1-xl {
margin-left: 6.25%
}
.indent-2-xl {
margin-left: 12.5%
}
.indent-3-xl {
margin-left: 18.75%
}
.indent-4-xl {
margin-left: 25%
}
.indent-5-xl {
margin-left: 31.25%
}
.no-indent-xl {
margin-left: 0
}
#debug-size:after {
content: "Size [xl], 16cols"
}
.col-16>.nest>.col-16-xl {
width: 98.191%
}
.col-16>.nest>.col-15-xl {
width: 91.941%
}
.col-16>.nest>.col-14-xl {
width: 85.691%
}
.col-16>.nest>.col-13-xl {
width: 79.441%
}
.col-16>.nest>.col-12-xl {
width: 73.191%
}
.col-16>.nest>.col-11-xl {
width: 66.941%
}
.col-16>.nest>.col-10-xl {
width: 60.691%
}
.col-16>.nest>.col-9-xl {
width: 54.441%
}
.col-16>.nest>.col-8-xl {
width: 48.191%
}
.col-16>.nest>.col-7-xl {
width: 41.941%
}
.col-16>.nest>.col-6-xl {
width: 35.691%
}
.col-16>.nest>.col-5-xl {
width: 29.441%
}
.col-16>.nest>.col-4-xl {
width: 23.191%
}
.col-16>.nest>.col-3-xl {
width: 16.941%
}
.col-16>.nest>.col-2-xl {
width: 10.691%
}
.col-16>.nest>.col-1-xl {
width: 4.441%
}
.row>.col-16-xl {
width: 98.191%
}
.col-15>.nest>.col-15-xl {
width: 98.07%
}
.col-15>.nest>.col-14-xl {
width: 91.404%
}
.col-15>.nest>.col-13-xl {
width: 84.737%
}
.col-15>.nest>.col-12-xl {
width: 78.07%
}
.col-15>.nest>.col-11-xl {
width: 71.404%
}
.col-15>.nest>.col-10-xl {
width: 64.737%
}
.col-15>.nest>.col-9-xl {
width: 58.07%
}
.col-15>.nest>.col-8-xl {
width: 51.404%
}
.col-15>.nest>.col-7-xl {
width: 44.737%
}
.col-15>.nest>.col-6-xl {
width: 38.07%
}
.col-15>.nest>.col-5-xl {
width: 31.404%
}
.col-15>.nest>.col-4-xl {
width: 24.737%
}
.col-15>.nest>.col-3-xl {
width: 18.07%
}
.col-15>.nest>.col-2-xl {
width: 11.404%
}
.col-15>.nest>.col-1-xl {
width: 4.737%
}
.row>.col-15-xl {
width: 91.941%
}
.col-14>.nest>.col-14-xl {
width: 97.932%
}
.col-14>.nest>.col-13-xl {
width: 90.789%
}
.col-14>.nest>.col-12-xl {
width: 83.647%
}
.col-14>.nest>.col-11-xl {
width: 76.504%
}
.col-14>.nest>.col-10-xl {
width: 69.361%
}
.col-14>.nest>.col-9-xl {
width: 62.218%
}
.col-14>.nest>.col-8-xl {
width: 55.075%
}
.col-14>.nest>.col-7-xl {
width: 47.932%
}
.col-14>.nest>.col-6-xl {
width: 40.789%
}
.col-14>.nest>.col-5-xl {
width: 33.647%
}
.col-14>.nest>.col-4-xl {
width: 26.504%
}
.col-14>.nest>.col-3-xl {
width: 19.361%
}
.col-14>.nest>.col-2-xl {
width: 12.218%
}
.col-14>.nest>.col-1-xl {
width: 5.075%
}
.row>.col-14-xl {
width: 85.691%
}
.col-13>.nest>.col-13-xl {
width: 97.773%
}
.col-13>.nest>.col-12-xl {
width: 90.081%
}
.col-13>.nest>.col-11-xl {
width: 82.389%
}
.col-13>.nest>.col-10-xl {
width: 74.696%
}
.col-13>.nest>.col-9-xl {
width: 67.004%
}
.col-13>.nest>.col-8-xl {
width: 59.312%
}
.col-13>.nest>.col-7-xl {
width: 51.619%
}
.col-13>.nest>.col-6-xl {
width: 43.927%
}
.col-13>.nest>.col-5-xl {
width: 36.235%
}
.col-13>.nest>.col-4-xl {
width: 28.543%
}
.col-13>.nest>.col-3-xl {
width: 20.85%
}
.col-13>.nest>.col-2-xl {
width: 13.158%
}
.col-13>.nest>.col-1-xl {
width: 5.466%
}
.row>.col-13-xl {
width: 79.441%
}
.col-12>.nest>.col-12-xl {
width: 97.588%
}
.col-12>.nest>.col-11-xl {
width: 89.254%
}
.col-12>.nest>.col-10-xl {
width: 80.921%
}
.col-12>.nest>.col-9-xl {
width: 72.588%
}
.col-12>.nest>.col-8-xl {
width: 64.254%
}
.col-12>.nest>.col-7-xl {
width: 55.921%
}
.col-12>.nest>.col-6-xl {
width: 47.588%
}
.col-12>.nest>.col-5-xl {
width: 39.254%
}
.col-12>.nest>.col-4-xl {
width: 30.921%
}
.col-12>.nest>.col-3-xl {
width: 22.588%
}
.col-12>.nest>.col-2-xl {
width: 14.254%
}
.col-12>.nest>.col-1-xl {
width: 5.921%
}
.row>.col-12-xl {
width: 73.191%
}
.col-11>.nest>.col-11-xl {
width: 97.368%
}
.col-11>.nest>.col-10-xl {
width: 88.278%
}
.col-11>.nest>.col-9-xl {
width: 79.187%
}
.col-11>.nest>.col-8-xl {
width: 70.096%
}
.col-11>.nest>.col-7-xl {
width: 61.005%
}
.col-11>.nest>.col-6-xl {
width: 51.914%
}
.col-11>.nest>.col-5-xl {
width: 42.823%
}
.col-11>.nest>.col-4-xl {
width: 33.732%
}
.col-11>.nest>.col-3-xl {
width: 24.641%
}
.col-11>.nest>.col-2-xl {
width: 15.55%
}
.col-11>.nest>.col-1-xl {
width: 6.459%
}
.row>.col-11-xl {
width: 66.941%
}
.col-10>.nest>.col-10-xl {
width: 97.105%
}
.col-10>.nest>.col-9-xl {
width: 87.105%
}
.col-10>.nest>.col-8-xl {
width: 77.105%
}
.col-10>.nest>.col-7-xl {
width: 67.105%
}
.col-10>.nest>.col-6-xl {
width: 57.105%
}
.col-10>.nest>.col-5-xl {
width: 47.105%
}
.col-10>.nest>.col-4-xl {
width: 37.105%
}
.col-10>.nest>.col-3-xl {
width: 27.105%
}
.col-10>.nest>.col-2-xl {
width: 17.105%
}
.col-10>.nest>.col-1-xl {
width: 7.105%
}
.row>.col-10-xl {
width: 60.691%
}
.col-9>.nest>.col-9-xl {
width: 96.784%
}
.col-9>.nest>.col-8-xl {
width: 85.673%
}
.col-9>.nest>.col-7-xl {
width: 74.561%
}
.col-9>.nest>.col-6-xl {
width: 63.45%
}
.col-9>.nest>.col-5-xl {
width: 52.339%
}
.col-9>.nest>.col-4-xl {
width: 41.228%
}
.col-9>.nest>.col-3-xl {
width: 30.117%
}
.col-9>.nest>.col-2-xl {
width: 19.006%
}
.col-9>.nest>.col-1-xl {
width: 7.895%
}
.row>.col-9-xl {
width: 54.441%
}
.col-8>.nest>.col-8-xl {
width: 96.382%
}
.col-8>.nest>.col-7-xl {
width: 83.882%
}
.col-8>.nest>.col-6-xl {
width: 71.382%
}
.col-8>.nest>.col-5-xl {
width: 58.882%
}
.col-8>.nest>.col-4-xl {
width: 46.382%
}
.col-8>.nest>.col-3-xl {
width: 33.882%
}
.col-8>.nest>.col-2-xl {
width: 21.382%
}
.col-8>.nest>.col-1-xl {
width: 8.882%
}
.row>.col-8-xl {
width: 48.191%
}
.col-7>.nest>.col-7-xl {
width: 95.865%
}
.col-7>.nest>.col-6-xl {
width: 81.579%
}
.col-7>.nest>.col-5-xl {
width: 67.293%
}
.col-7>.nest>.col-4-xl {
width: 53.008%
}
.col-7>.nest>.col-3-xl {
width: 38.722%
}
.col-7>.nest>.col-2-xl {
width: 24.436%
}
.col-7>.nest>.col-1-xl {
width: 10.15%
}
.row>.col-7-xl {
width: 41.941%
}
.col-6>.nest>.col-6-xl {
width: 95.175%
}
.col-6>.nest>.col-5-xl {
width: 78.509%
}
.col-6>.nest>.col-4-xl {
width: 61.842%
}
.col-6>.nest>.col-3-xl {
width: 45.175%
}
.col-6>.nest>.col-2-xl {
width: 28.509%
}
.col-6>.nest>.col-1-xl {
width: 11.842%
}
.row>.col-6-xl {
width: 35.691%
}
.col-5>.nest>.col-5-xl {
width: 94.211%
}
.col-5>.nest>.col-4-xl {
width: 74.211%
}
.col-5>.nest>.col-3-xl {
width: 54.211%
}
.col-5>.nest>.col-2-xl {
width: 34.211%
}
.col-5>.nest>.col-1-xl {
width: 14.211%
}
.row>.col-5-xl {
width: 29.441%
}
.col-4>.nest>.col-4-xl {
width: 92.763%
}
.col-4>.nest>.col-3-xl {
width: 67.763%
}
.col-4>.nest>.col-2-xl {
width: 42.763%
}
.col-4>.nest>.col-1-xl {
width: 17.763%
}
.row>.col-4-xl {
width: 23.191%
}
.col-3>.nest>.col-3-xl {
width: 90.351%
}
.col-3>.nest>.col-2-xl {
width: 57.018%
}
.col-3>.nest>.col-1-xl {
width: 23.684%
}
.row>.col-3-xl {
width: 16.941%
}
.col-2>.nest>.col-2-xl {
width: 85.526%
}
.col-2>.nest>.col-1-xl {
width: 35.526%
}
.row>.col-2-xl {
width: 10.691%
}
.col-1>.nest>.col-1-xl {
width: 71.053%
}
.row>.col-1-xl {
width: 4.441%
}
.col-16-xl>.nest>.col-16 {
width: 98.191%
}
.col-16-xl>.nest>.col-15 {
width: 91.941%
}
.col-16-xl>.nest>.col-14 {
width: 85.691%
}
.col-16-xl>.nest>.col-13 {
width: 79.441%
}
.col-16-xl>.nest>.col-12 {
width: 73.191%
}
.col-16-xl>.nest>.col-11 {
width: 66.941%
}
.col-16-xl>.nest>.col-10 {
width: 60.691%
}
.col-16-xl>.nest>.col-9 {
width: 54.441%
}
.col-16-xl>.nest>.col-8 {
width: 48.191%
}
.col-16-xl>.nest>.col-7 {
width: 41.941%
}
.col-16-xl>.nest>.col-6 {
width: 35.691%
}
.col-16-xl>.nest>.col-5 {
width: 29.441%
}
.col-16-xl>.nest>.col-4 {
width: 23.191%
}
.col-16-xl>.nest>.col-3 {
width: 16.941%
}
.col-16-xl>.nest>.col-2 {
width: 10.691%
}
.col-16-xl>.nest>.col-1 {
width: 4.441%
}
.col-15-xl>.nest>.col-15 {
width: 98.07%
}
.col-15-xl>.nest>.col-14 {
width: 91.404%
}
.col-15-xl>.nest>.col-13 {
width: 84.737%
}
.col-15-xl>.nest>.col-12 {
width: 78.07%
}
.col-15-xl>.nest>.col-11 {
width: 71.404%
}
.col-15-xl>.nest>.col-10 {
width: 64.737%
}
.col-15-xl>.nest>.col-9 {
width: 58.07%
}
.col-15-xl>.nest>.col-8 {
width: 51.404%
}
.col-15-xl>.nest>.col-7 {
width: 44.737%
}
.col-15-xl>.nest>.col-6 {
width: 38.07%
}
.col-15-xl>.nest>.col-5 {
width: 31.404%
}
.col-15-xl>.nest>.col-4 {
width: 24.737%
}
.col-15-xl>.nest>.col-3 {
width: 18.07%
}
.col-15-xl>.nest>.col-2 {
width: 11.404%
}
.col-15-xl>.nest>.col-1 {
width: 4.737%
}
.col-14-xl>.nest>.col-14 {
width: 97.932%
}
.col-14-xl>.nest>.col-13 {
width: 90.789%
}
.col-14-xl>.nest>.col-12 {
width: 83.647%
}
.col-14-xl>.nest>.col-11 {
width: 76.504%
}
.col-14-xl>.nest>.col-10 {
width: 69.361%
}
.col-14-xl>.nest>.col-9 {
width: 62.218%
}
.col-14-xl>.nest>.col-8 {
width: 55.075%
}
.col-14-xl>.nest>.col-7 {
width: 47.932%
}
.col-14-xl>.nest>.col-6 {
width: 40.789%
}
.col-14-xl>.nest>.col-5 {
width: 33.647%
}
.col-14-xl>.nest>.col-4 {
width: 26.504%
}
.col-14-xl>.nest>.col-3 {
width: 19.361%
}
.col-14-xl>.nest>.col-2 {
width: 12.218%
}
.col-14-xl>.nest>.col-1 {
width: 5.075%
}
.col-13-xl>.nest>.col-13 {
width: 97.773%
}
.col-13-xl>.nest>.col-12 {
width: 90.081%
}
.col-13-xl>.nest>.col-11 {
width: 82.389%
}
.col-13-xl>.nest>.col-10 {
width: 74.696%
}
.col-13-xl>.nest>.col-9 {
width: 67.004%
}
.col-13-xl>.nest>.col-8 {
width: 59.312%
}
.col-13-xl>.nest>.col-7 {
width: 51.619%
}
.col-13-xl>.nest>.col-6 {
width: 43.927%
}
.col-13-xl>.nest>.col-5 {
width: 36.235%
}
.col-13-xl>.nest>.col-4 {
width: 28.543%
}
.col-13-xl>.nest>.col-3 {
width: 20.85%
}
.col-13-xl>.nest>.col-2 {
width: 13.158%
}
.col-13-xl>.nest>.col-1 {
width: 5.466%
}
.col-12-xl>.nest>.col-12 {
width: 97.588%
}
.col-12-xl>.nest>.col-11 {
width: 89.254%
}
.col-12-xl>.nest>.col-10 {
width: 80.921%
}
.col-12-xl>.nest>.col-9 {
width: 72.588%
}
.col-12-xl>.nest>.col-8 {
width: 64.254%
}
.col-12-xl>.nest>.col-7 {
width: 55.921%
}
.col-12-xl>.nest>.col-6 {
width: 47.588%
}
.col-12-xl>.nest>.col-5 {
width: 39.254%
}
.col-12-xl>.nest>.col-4 {
width: 30.921%
}
.col-12-xl>.nest>.col-3 {
width: 22.588%
}
.col-12-xl>.nest>.col-2 {
width: 14.254%
}
.col-12-xl>.nest>.col-1 {
width: 5.921%
}
.col-11-xl>.nest>.col-11 {
width: 97.368%
}
.col-11-xl>.nest>.col-10 {
width: 88.278%
}
.col-11-xl>.nest>.col-9 {
width: 79.187%
}
.col-11-xl>.nest>.col-8 {
width: 70.096%
}
.col-11-xl>.nest>.col-7 {
width: 61.005%
}
.col-11-xl>.nest>.col-6 {
width: 51.914%
}
.col-11-xl>.nest>.col-5 {
width: 42.823%
}
.col-11-xl>.nest>.col-4 {
width: 33.732%
}
.col-11-xl>.nest>.col-3 {
width: 24.641%
}
.col-11-xl>.nest>.col-2 {
width: 15.55%
}
.col-11-xl>.nest>.col-1 {
width: 6.459%
}
.col-10-xl>.nest>.col-10 {
width: 97.105%
}
.col-10-xl>.nest>.col-9 {
width: 87.105%
}
.col-10-xl>.nest>.col-8 {
width: 77.105%
}
.col-10-xl>.nest>.col-7 {
width: 67.105%
}
.col-10-xl>.nest>.col-6 {
width: 57.105%
}
.col-10-xl>.nest>.col-5 {
width: 47.105%
}
.col-10-xl>.nest>.col-4 {
width: 37.105%
}
.col-10-xl>.nest>.col-3 {
width: 27.105%
}
.col-10-xl>.nest>.col-2 {
width: 17.105%
}
.col-10-xl>.nest>.col-1 {
width: 7.105%
}
.col-9-xl>.nest>.col-9 {
width: 96.784%
}
.col-9-xl>.nest>.col-8 {
width: 85.673%
}
.col-9-xl>.nest>.col-7 {
width: 74.561%
}
.col-9-xl>.nest>.col-6 {
width: 63.45%
}
.col-9-xl>.nest>.col-5 {
width: 52.339%
}
.col-9-xl>.nest>.col-4 {
width: 41.228%
}
.col-9-xl>.nest>.col-3 {
width: 30.117%
}
.col-9-xl>.nest>.col-2 {
width: 19.006%
}
.col-9-xl>.nest>.col-1 {
width: 7.895%
}
.col-8-xl>.nest>.col-8 {
width: 96.382%
}
.col-8-xl>.nest>.col-7 {
width: 83.882%
}
.col-8-xl>.nest>.col-6 {
width: 71.382%
}
.col-8-xl>.nest>.col-5 {
width: 58.882%
}
.col-8-xl>.nest>.col-4 {
width: 46.382%
}
.col-8-xl>.nest>.col-3 {
width: 33.882%
}
.col-8-xl>.nest>.col-2 {
width: 21.382%
}
.col-8-xl>.nest>.col-1 {
width: 8.882%
}
.col-7-xl>.nest>.col-7 {
width: 95.865%
}
.col-7-xl>.nest>.col-6 {
width: 81.579%
}
.col-7-xl>.nest>.col-5 {
width: 67.293%
}
.col-7-xl>.nest>.col-4 {
width: 53.008%
}
.col-7-xl>.nest>.col-3 {
width: 38.722%
}
.col-7-xl>.nest>.col-2 {
width: 24.436%
}
.col-7-xl>.nest>.col-1 {
width: 10.15%
}
.col-6-xl>.nest>.col-6 {
width: 95.175%
}
.col-6-xl>.nest>.col-5 {
width: 78.509%
}
.col-6-xl>.nest>.col-4 {
width: 61.842%
}
.col-6-xl>.nest>.col-3 {
width: 45.175%
}
.col-6-xl>.nest>.col-2 {
width: 28.509%
}
.col-6-xl>.nest>.col-1 {
width: 11.842%
}
.col-5-xl>.nest>.col-5 {
width: 94.211%
}
.col-5-xl>.nest>.col-4 {
width: 74.211%
}
.col-5-xl>.nest>.col-3 {
width: 54.211%
}
.col-5-xl>.nest>.col-2 {
width: 34.211%
}
.col-5-xl>.nest>.col-1 {
width: 14.211%
}
.col-4-xl>.nest>.col-4 {
width: 92.763%
}
.col-4-xl>.nest>.col-3 {
width: 67.763%
}
.col-4-xl>.nest>.col-2 {
width: 42.763%
}
.col-4-xl>.nest>.col-1 {
width: 17.763%
}
.col-3-xl>.nest>.col-3 {
width: 90.351%
}
.col-3-xl>.nest>.col-2 {
width: 57.018%
}
.col-3-xl>.nest>.col-1 {
width: 23.684%
}
.col-2-xl>.nest>.col-2 {
width: 85.526%
}
.col-2-xl>.nest>.col-1 {
width: 35.526%
}
.col-1-xl>.nest>.col-1 {
width: 71.053%
}
.col-16-xl>.nest {
margin: 0 -1.843% 0 0;
width: 101.843%
}
.col-16-xl>.nest>[class*=" col-"],
.col-16-xl>.nest>[class^=col-] {
margin-right: 1.809%;
margin-bottom: 1.809%
}
.col-16-xl>.nest:last-child {
margin: 0 -1.843% -1.843% 0
}
.col-16-xl>.nest>.col-16-xl {
width: 98.191%
}
.col-16-xl>.nest>.col-15-xl {
width: 91.941%
}
.col-16-xl>.nest>.col-14-xl {
width: 85.691%
}
.col-16-xl>.nest>.col-13-xl {
width: 79.441%
}
.col-16-xl>.nest>.col-12-xl {
width: 73.191%
}
.col-16-xl>.nest>.col-11-xl {
width: 66.941%
}
.col-16-xl>.nest>.col-10-xl {
width: 60.691%
}
.col-16-xl>.nest>.col-9-xl {
width: 54.441%
}
.col-16-xl>.nest>.col-8-xl {
width: 48.191%
}
.col-16-xl>.nest>.col-7-xl {
width: 41.941%
}
.col-16-xl>.nest>.col-6-xl {
width: 35.691%
}
.col-16-xl>.nest>.col-5-xl {
width: 29.441%
}
.col-16-xl>.nest>.col-4-xl {
width: 23.191%
}
.col-16-xl>.nest>.col-3-xl {
width: 16.941%
}
.col-16-xl>.nest>.col-2-xl {
width: 10.691%
}
.col-16-xl>.nest>.col-1-xl {
width: 4.441%
}
.col-15-xl>.nest {
margin: 0 -1.968% 0 0;
width: 101.968%
}
.col-15-xl>.nest>[class*=" col-"],
.col-15-xl>.nest>[class^=col-] {
margin-right: 1.93%;
margin-bottom: 1.93%
}
.col-15-xl>.nest:last-child {
margin: 0 -1.968% -1.968% 0
}
.col-15-xl>.nest>.col-15-xl {
width: 98.07%
}
.col-15-xl>.nest>.col-14-xl {
width: 91.404%
}
.col-15-xl>.nest>.col-13-xl {
width: 84.737%
}
.col-15-xl>.nest>.col-12-xl {
width: 78.07%
}
.col-15-xl>.nest>.col-11-xl {
width: 71.404%
}
.col-15-xl>.nest>.col-10-xl {
width: 64.737%
}
.col-15-xl>.nest>.col-9-xl {
width: 58.07%
}
.col-15-xl>.nest>.col-8-xl {
width: 51.404%
}
.col-15-xl>.nest>.col-7-xl {
width: 44.737%
}
.col-15-xl>.nest>.col-6-xl {
width: 38.07%
}
.col-15-xl>.nest>.col-5-xl {
width: 31.404%
}
.col-15-xl>.nest>.col-4-xl {
width: 24.737%
}
.col-15-xl>.nest>.col-3-xl {
width: 18.07%
}
.col-15-xl>.nest>.col-2-xl {
width: 11.404%
}
.col-15-xl>.nest>.col-1-xl {
width: 4.737%
}
.col-14-xl>.nest {
margin: 0 -2.111% 0 0;
width: 102.111%
}
.col-14-xl>.nest>[class*=" col-"],
.col-14-xl>.nest>[class^=col-] {
margin-right: 2.068%;
margin-bottom: 2.068%
}
.col-14-xl>.nest:last-child {
margin: 0 -2.111% -2.111% 0
}
.col-14-xl>.nest>.col-14-xl {
width: 97.932%
}
.col-14-xl>.nest>.col-13-xl {
width: 90.789%
}
.col-14-xl>.nest>.col-12-xl {
width: 83.647%
}
.col-14-xl>.nest>.col-11-xl {
width: 76.504%
}
.col-14-xl>.nest>.col-10-xl {
width: 69.361%
}
.col-14-xl>.nest>.col-9-xl {
width: 62.218%
}
.col-14-xl>.nest>.col-8-xl {
width: 55.075%
}
.col-14-xl>.nest>.col-7-xl {
width: 47.932%
}
.col-14-xl>.nest>.col-6-xl {
width: 40.789%
}
.col-14-xl>.nest>.col-5-xl {
width: 33.647%
}
.col-14-xl>.nest>.col-4-xl {
width: 26.504%
}
.col-14-xl>.nest>.col-3-xl {
width: 19.361%
}
.col-14-xl>.nest>.col-2-xl {
width: 12.218%
}
.col-14-xl>.nest>.col-1-xl {
width: 5.075%
}
.col-13-xl>.nest {
margin: 0 -2.277% 0 0;
width: 102.277%
}
.col-13-xl>.nest>[class*=" col-"],
.col-13-xl>.nest>[class^=col-] {
margin-right: 2.227%;
margin-bottom: 2.227%
}
.col-13-xl>.nest:last-child {
margin: 0 -2.277% -2.277% 0
}
.col-13-xl>.nest>.col-13-xl {
width: 97.773%
}
.col-13-xl>.nest>.col-12-xl {
width: 90.081%
}
.col-13-xl>.nest>.col-11-xl {
width: 82.389%
}
.col-13-xl>.nest>.col-10-xl {
width: 74.696%
}
.col-13-xl>.nest>.col-9-xl {
width: 67.004%
}
.col-13-xl>.nest>.col-8-xl {
width: 59.312%
}
.col-13-xl>.nest>.col-7-xl {
width: 51.619%
}
.col-13-xl>.nest>.col-6-xl {
width: 43.927%
}
.col-13-xl>.nest>.col-5-xl {
width: 36.235%
}
.col-13-xl>.nest>.col-4-xl {
width: 28.543%
}
.col-13-xl>.nest>.col-3-xl {
width: 20.85%
}
.col-13-xl>.nest>.col-2-xl {
width: 13.158%
}
.col-13-xl>.nest>.col-1-xl {
width: 5.466%
}
.col-12-xl>.nest {
margin: 0 -2.472% 0 0;
width: 102.472%
}
.col-12-xl>.nest>[class*=" col-"],
.col-12-xl>.nest>[class^=col-] {
margin-right: 2.412%;
margin-bottom: 2.412%
}
.col-12-xl>.nest:last-child {
margin: 0 -2.472% -2.472% 0
}
.col-12-xl>.nest>.col-12-xl {
width: 97.588%
}
.col-12-xl>.nest>.col-11-xl {
width: 89.254%
}
.col-12-xl>.nest>.col-10-xl {
width: 80.921%
}
.col-12-xl>.nest>.col-9-xl {
width: 72.588%
}
.col-12-xl>.nest>.col-8-xl {
width: 64.254%
}
.col-12-xl>.nest>.col-7-xl {
width: 55.921%
}
.col-12-xl>.nest>.col-6-xl {
width: 47.588%
}
.col-12-xl>.nest>.col-5-xl {
width: 39.254%
}
.col-12-xl>.nest>.col-4-xl {
width: 30.921%
}
.col-12-xl>.nest>.col-3-xl {
width: 22.588%
}
.col-12-xl>.nest>.col-2-xl {
width: 14.254%
}
.col-12-xl>.nest>.col-1-xl {
width: 5.921%
}
.col-11-xl>.nest {
margin: 0 -2.703% 0 0;
width: 102.703%
}
.col-11-xl>.nest>[class*=" col-"],
.col-11-xl>.nest>[class^=col-] {
margin-right: 2.632%;
margin-bottom: 2.632%
}
.col-11-xl>.nest:last-child {
margin: 0 -2.703% -2.703% 0
}
.col-11-xl>.nest>.col-11-xl {
width: 97.368%
}
.col-11-xl>.nest>.col-10-xl {
width: 88.278%
}
.col-11-xl>.nest>.col-9-xl {
width: 79.187%
}
.col-11-xl>.nest>.col-8-xl {
width: 70.096%
}
.col-11-xl>.nest>.col-7-xl {
width: 61.005%
}
.col-11-xl>.nest>.col-6-xl {
width: 51.914%
}
.col-11-xl>.nest>.col-5-xl {
width: 42.823%
}
.col-11-xl>.nest>.col-4-xl {
width: 33.732%
}
.col-11-xl>.nest>.col-3-xl {
width: 24.641%
}
.col-11-xl>.nest>.col-2-xl {
width: 15.55%
}
.col-11-xl>.nest>.col-1-xl {
width: 6.459%
}
.col-10-xl>.nest {
margin: 0 -2.981% 0 0;
width: 102.981%
}
.col-10-xl>.nest>[class*=" col-"],
.col-10-xl>.nest>[class^=col-] {
margin-right: 2.895%;
margin-bottom: 2.895%
}
.col-10-xl>.nest:last-child {
margin: 0 -2.981% -2.981% 0
}
.col-10-xl>.nest>.col-10-xl {
width: 97.105%
}
.col-10-xl>.nest>.col-9-xl {
width: 87.105%
}
.col-10-xl>.nest>.col-8-xl {
width: 77.105%
}
.col-10-xl>.nest>.col-7-xl {
width: 67.105%
}
.col-10-xl>.nest>.col-6-xl {
width: 57.105%
}
.col-10-xl>.nest>.col-5-xl {
width: 47.105%
}
.col-10-xl>.nest>.col-4-xl {
width: 37.105%
}
.col-10-xl>.nest>.col-3-xl {
width: 27.105%
}
.col-10-xl>.nest>.col-2-xl {
width: 17.105%
}
.col-10-xl>.nest>.col-1-xl {
width: 7.105%
}
.col-9-xl>.nest {
margin: 0 -3.323% 0 0;
width: 103.323%
}
.col-9-xl>.nest>[class*=" col-"],
.col-9-xl>.nest>[class^=col-] {
margin-right: 3.216%;
margin-bottom: 3.216%
}
.col-9-xl>.nest:last-child {
margin: 0 -3.323% -3.323% 0
}
.col-9-xl>.nest>.col-9-xl {
width: 96.784%
}
.col-9-xl>.nest>.col-8-xl {
width: 85.673%
}
.col-9-xl>.nest>.col-7-xl {
width: 74.561%
}
.col-9-xl>.nest>.col-6-xl {
width: 63.45%
}
.col-9-xl>.nest>.col-5-xl {
width: 52.339%
}
.col-9-xl>.nest>.col-4-xl {
width: 41.228%
}
.col-9-xl>.nest>.col-3-xl {
width: 30.117%
}
.col-9-xl>.nest>.col-2-xl {
width: 19.006%
}
.col-9-xl>.nest>.col-1-xl {
width: 7.895%
}
.col-8-xl>.nest {
margin: 0 -3.754% 0 0;
width: 103.754%
}
.col-8-xl>.nest>[class*=" col-"],
.col-8-xl>.nest>[class^=col-] {
margin-right: 3.618%;
margin-bottom: 3.618%
}
.col-8-xl>.nest:last-child {
margin: 0 -3.754% -3.754% 0
}
.col-8-xl>.nest>.col-8-xl {
width: 96.382%
}
.col-8-xl>.nest>.col-7-xl {
width: 83.882%
}
.col-8-xl>.nest>.col-6-xl {
width: 71.382%
}
.col-8-xl>.nest>.col-5-xl {
width: 58.882%
}
.col-8-xl>.nest>.col-4-xl {
width: 46.382%
}
.col-8-xl>.nest>.col-3-xl {
width: 33.882%
}
.col-8-xl>.nest>.col-2-xl {
width: 21.382%
}
.col-8-xl>.nest>.col-1-xl {
width: 8.882%
}
.col-7-xl>.nest {
margin: 0 -4.314% 0 0;
width: 104.314%
}
.col-7-xl>.nest>[class*=" col-"],
.col-7-xl>.nest>[class^=col-] {
margin-right: 4.135%;
margin-bottom: 4.135%
}
.col-7-xl>.nest:last-child {
margin: 0 -4.314% -4.314% 0
}
.col-7-xl>.nest>.col-7-xl {
width: 95.865%
}
.col-7-xl>.nest>.col-6-xl {
width: 81.579%
}
.col-7-xl>.nest>.col-5-xl {
width: 67.293%
}
.col-7-xl>.nest>.col-4-xl {
width: 53.008%
}
.col-7-xl>.nest>.col-3-xl {
width: 38.722%
}
.col-7-xl>.nest>.col-2-xl {
width: 24.436%
}
.col-7-xl>.nest>.col-1-xl {
width: 10.15%
}
.col-6-xl>.nest {
margin: 0 -5.069% 0 0;
width: 105.069%
}
.col-6-xl>.nest>[class*=" col-"],
.col-6-xl>.nest>[class^=col-] {
margin-right: 4.825%;
margin-bottom: 4.825%
}
.col-6-xl>.nest:last-child {
margin: 0 -5.069% -5.069% 0
}
.col-6-xl>.nest>.col-6-xl {
width: 95.175%
}
.col-6-xl>.nest>.col-5-xl {
width: 78.509%
}
.col-6-xl>.nest>.col-4-xl {
width: 61.842%
}
.col-6-xl>.nest>.col-3-xl {
width: 45.175%
}
.col-6-xl>.nest>.col-2-xl {
width: 28.509%
}
.col-6-xl>.nest>.col-1-xl {
width: 11.842%
}
.col-5-xl>.nest {
margin: 0 -6.145% 0 0;
width: 106.145%
}
.col-5-xl>.nest>[class*=" col-"],
.col-5-xl>.nest>[class^=col-] {
margin-right: 5.789%;
margin-bottom: 5.789%
}
.col-5-xl>.nest:last-child {
margin: 0 -6.145% -6.145% 0
}
.col-5-xl>.nest>.col-5-xl {
width: 94.211%
}
.col-5-xl>.nest>.col-4-xl {
width: 74.211%
}
.col-5-xl>.nest>.col-3-xl {
width: 54.211%
}
.col-5-xl>.nest>.col-2-xl {
width: 34.211%
}
.col-5-xl>.nest>.col-1-xl {
width: 14.211%
}
.col-4-xl>.nest {
margin: 0 -7.801% 0 0;
width: 107.801%
}
.col-4-xl>.nest>[class*=" col-"],
.col-4-xl>.nest>[class^=col-] {
margin-right: 7.237%;
margin-bottom: 7.237%
}
.col-4-xl>.nest:last-child {
margin: 0 -7.801% -7.801% 0
}
.col-4-xl>.nest>.col-4-xl {
width: 92.763%
}
.col-4-xl>.nest>.col-3-xl {
width: 67.763%
}
.col-4-xl>.nest>.col-2-xl {
width: 42.763%
}
.col-4-xl>.nest>.col-1-xl {
width: 17.763%
}
.col-3-xl>.nest {
margin: 0 -10.68% 0 0;
width: 110.68%
}
.col-3-xl>.nest>[class*=" col-"],
.col-3-xl>.nest>[class^=col-] {
margin-right: 9.649%;
margin-bottom: 9.649%
}
.col-3-xl>.nest:last-child {
margin: 0 -10.68% -10.68% 0
}
.col-3-xl>.nest>.col-3-xl {
width: 90.351%
}
.col-3-xl>.nest>.col-2-xl {
width: 57.018%
}
.col-3-xl>.nest>.col-1-xl {
width: 23.684%
}
.col-2-xl>.nest {
margin: 0 -16.923% 0 0;
width: 116.923%
}
.col-2-xl>.nest>[class*=" col-"],
.col-2-xl>.nest>[class^=col-] {
margin-right: 14.474%;
margin-bottom: 14.474%
}
.col-2-xl>.nest:last-child {
margin: 0 -16.923% -16.923% 0
}
.col-2-xl>.nest>.col-2-xl {
width: 85.526%
}
.col-2-xl>.nest>.col-1-xl {
width: 35.526%
}
.col-1-xl>.nest {
margin: 0 -40.741% 0 0;
width: 140.741%
}
.col-1-xl>.nest>[class*=" col-"],
.col-1-xl>.nest>[class^=col-] {
margin-right: 28.947%;
margin-bottom: 28.947%
}
.col-1-xl>.nest:last-child {
margin: 0 -40.741% -40.741% 0
}
.col-1-xl>.nest>.col-1-xl {
width: 71.053%
}
}
@media all and (min-width: 1280px) {
.indent-1 {
margin-left: 76px
}
.indent-2 {
margin-left: 152px
}
.indent-3 {
margin-left: 228px
}
.indent-4 {
margin-left: 304px
}
.indent-5 {
margin-left: 380px
}
.indent-1-xl {
margin-left: 76px
}
.indent-2-xl {
margin-left: 152px
}
.indent-3-xl {
margin-left: 228px
}
.indent-4-xl {
margin-left: 304px
}
.indent-5-xl {
margin-left: 380px
}
.no-indent-xl {
margin-left: 0
}
#debug-size:after {
content: "Beyond [xl], 16cols"
}
.col-1 {
width: 54px
}
.col-1>.nest {
width: 76px
}
.col-2 {
width: 130px
}
.col-2>.nest {
width: 152px
}
.col-3 {
width: 206px
}
.col-3>.nest {
width: 228px
}
.col-4 {
width: 282px
}
.col-4>.nest {
width: 304px
}
.col-5 {
width: 358px
}
.col-5>.nest {
width: 380px
}
.col-6 {
width: 434px
}
.col-6>.nest {
width: 456px
}
.col-7 {
width: 510px
}
.col-7>.nest {
width: 532px
}
.col-8 {
width: 586px
}
.col-8>.nest {
width: 608px
}
.col-9 {
width: 662px
}
.col-9>.nest {
width: 684px
}
.col-10 {
width: 738px
}
.col-10>.nest {
width: 760px
}
.col-11 {
width: 814px
}
.col-11>.nest {
width: 836px
}
.col-12 {
width: 890px
}
.col-12>.nest {
width: 912px
}
.col-13 {
width: 966px
}
.col-13>.nest {
width: 988px
}
.col-14 {
width: 1042px
}
.col-14>.nest {
width: 1064px
}
.col-15 {
width: 1118px
}
.col-15>.nest {
width: 1140px
}
.col-16 {
width: 1194px
}
.col-16>.nest {
width: 1216px
}
.col-1-xl {
width: 54px
}
.col-1-xl>.nest {
width: 76px
}
.col-2-xl {
width: 130px
}
.col-2-xl>.nest {
width: 152px
}
.col-3-xl {
width: 206px
}
.col-3-xl>.nest {
width: 228px
}
.col-4-xl {
width: 282px
}
.col-4-xl>.nest {
width: 304px
}
.col-5-xl {
width: 358px
}
.col-5-xl>.nest {
width: 380px
}
.col-6-xl {
width: 434px
}
.col-6-xl>.nest {
width: 456px
}
.col-7-xl {
width: 510px
}
.col-7-xl>.nest {
width: 532px
}
.col-8-xl {
width: 586px
}
.col-8-xl>.nest {
width: 608px
}
.col-9-xl {
width: 662px
}
.col-9-xl>.nest {
width: 684px
}
.col-10-xl {
width: 738px
}
.col-10-xl>.nest {
width: 760px
}
.col-11-xl {
width: 814px
}
.col-11-xl>.nest {
width: 836px
}
.col-12-xl {
width: 890px
}
.col-12-xl>.nest {
width: 912px
}
.col-13-xl {
width: 966px
}
.col-13-xl>.nest {
width: 988px
}
.col-14-xl {
width: 1042px
}
.col-14-xl>.nest {
width: 1064px
}
.col-15-xl {
width: 1118px
}
.col-15-xl>.nest {
width: 1140px
}
.col-16-xl {
width: 1194px
}
.col-16-xl>.nest {
width: 1216px
}
.pad,
.padkids>* {
padding: 22px
}
.row {
padding-left: 22px
}
[class*=" col-"],
[class^=col-] {
margin-right: 22px;
margin-bottom: 22px
}
.row {
width: 1216px
}
.nest {
margin: 0 -22px 0 0
}
.nest:last-child {
margin: 0 -22px -22px 0
}
}
.nest [class*=" indent-"],
.nest [class^=indent-] {
margin-left: 0
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
.ui-header-container h2,
.ui-header-container h3,
.ui-header-container h4,
.ui-header-container h5,
.ui-header-container h6,
.ui-text-container h2,
.ui-text-container h3,
.ui-text-container h4,
.ui-text-container h5,
.ui-text-container h6,
.ui-text-container p.descriptive-text {
color: #D31F04
}
.premier .ui-header-container h2,
.premier .ui-header-container h3,
.premier .ui-header-container h4,
.premier .ui-header-container h5,
.premier .ui-header-container h6,
.premier .ui-text-container h2,
.premier .ui-text-container h3,
.premier .ui-text-container h4,
.premier .ui-text-container h5,
.premier .ui-text-container h6,
.premier .ui-text-container p.descriptive-text,
.ui-header-container .premier h2,
.ui-header-container .premier h3,
.ui-header-container .premier h4,
.ui-header-container .premier h5,
.ui-header-container .premier h6,
.ui-text-container .premier h2,
.ui-text-container .premier h3,
.ui-text-container .premier h4,
.ui-text-container .premier h5,
.ui-text-container .premier h6,
.ui-text-container .premier p.descriptive-text {
color: #000
}
.premier .bg-text-darkblue .ui-header-container h2,
.premier .bg-text-darkblue .ui-header-container h3,
.premier .bg-text-darkblue .ui-header-container h4,
.premier .bg-text-darkblue .ui-header-container h5,
.premier .bg-text-darkblue .ui-header-container h6,
.premier .bg-text-darkblue .ui-text-container h2,
.premier .bg-text-darkblue .ui-text-container h3,
.premier .bg-text-darkblue .ui-text-container h4,
.premier .bg-text-darkblue .ui-text-container h5,
.premier .bg-text-darkblue .ui-text-container h6,
.premier .bg-text-darkblue .ui-text-container p.descriptive-text,
.ui-header-container .premier .bg-text-darkblue h2,
.ui-header-container .premier .bg-text-darkblue h3,
.ui-header-container .premier .bg-text-darkblue h4,
.ui-header-container .premier .bg-text-darkblue h5,
.ui-header-container .premier .bg-text-darkblue h6,
.ui-text-container .premier .bg-text-darkblue h2,
.ui-text-container .premier .bg-text-darkblue h3,
.ui-text-container .premier .bg-text-darkblue h4,
.ui-text-container .premier .bg-text-darkblue h5,
.ui-text-container .premier .bg-text-darkblue h6,
.ui-text-container .premier .bg-text-darkblue p.descriptive-text {
color: #fff
}
.ui-header-container h2,
.ui-text-container h2 {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 300;
font-size: 3.538em;
line-height: 58px
}
@media all and (max-width: 960px) {
.ui-header-container h2,
.ui-text-container h2 {
font-size: 2.769em;
line-height: 46px
}
}
.ui-header-container h3,
.ui-text-container h3 {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 300;
font-size: 2.769em;
line-height: 46px
}
@media all and (max-width: 960px) {
.ui-header-container h3,
.ui-text-container h3 {
font-size: 2.308em;
line-height: 40px
}
}
.ui-header-container h4,
.ui-text-container h4 {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 300;
font-size: 1.846em;
line-height: 34px
}
.ui-header-container h5,
.ui-text-container h5,
.ui-text-container p.descriptive-text {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 300;
font-size: 1.615em;
line-height: 31px
}
.ui-header-container h6,
.ui-text-container h6 {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 400;
font-size: 1.308em;
line-height: 25px
}
.ui-table .ui-table-container,
.ui-table .ui-table-header-container,
.ui-text-container ol,
.ui-text-container p,
.ui-text-container ul,
ul.round-tick,
ul.simple-tick {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 400;
font-size: 1.308em;
line-height: 25px;
color: #666
}
.ui-text-container .rate-highlight {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.235em;
line-height: 31px;
font-weight: 600;
color: #666
}
.ui-text-container .promo-text {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 300;
font-size: .824em;
line-height: 22px;
color: #333
}
.premier .ui-text-container .promo-text,
.ui-text-container .premier .promo-text {
color: #000
}
@media all and (max-width: 599px) {
.ui-text-container .promo-text {
font-size: .882em;
line-height: 23px
}
}
.ui-text-container .legal-text {
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 300;
font-size: .706em;
line-height: 18px;
color: #666
}
@media all and (max-width: 599px) {
.ui-text-container .legal-text {
font-size: .824em;
line-height: 20px
}
}
.ui-text-container img {
display: block
}
.ui-text-container ul,
ul.round-tick,
ul.simple-tick {
list-style: disc;
padding-left: 18px
}
.ui-text-container ul li,
ul.round-tick li,
ul.simple-tick li {
margin-top: 8px
}
.ui-text-container ul li:first-child,
ul.round-tick li:first-child,
ul.simple-tick li:first-child {
margin-top: 0
}
.ui-text-container ol {
list-style: decimal;
padding-left: 18px
}
.ui-text-container ol li {
margin-top: 8px
}
.ui-text-container ol li:first-child {
margin-top: 0
}
.ui-header-container h2.el-align-left,
.ui-header-container h3.el-align-left,
.ui-header-container h4.el-align-left,
.ui-header-container h5.el-align-left,
.ui-header-container h6.el-align-left,
.ui-header-container.el-align-left,
.ui-text-container .link-cta.el-align-left,
.ui-text-container h2.el-align-left,
.ui-text-container h3.el-align-left,
.ui-text-container h4.el-align-left,
.ui-text-container h5.el-align-left,
.ui-text-container h6.el-align-left,
.ui-text-container img.el-align-left,
.ui-text-container p.el-align-left,
.ui-text-container.el-align-left {
text-align: left
}
.ui-header-container h2.el-align-center,
.ui-header-container h3.el-align-center,
.ui-header-container h4.el-align-center,
.ui-header-container h5.el-align-center,
.ui-header-container h6.el-align-center,
.ui-header-container.el-align-center,
.ui-text-container .link-cta.el-align-center,
.ui-text-container h2.el-align-center,
.ui-text-container h3.el-align-center,
.ui-text-container h4.el-align-center,
.ui-text-container h5.el-align-center,
.ui-text-container h6.el-align-center,
.ui-text-container img.el-align-center,
.ui-text-container p.el-align-center,
.ui-text-container.el-align-center {
text-align: center
}
@media all and (max-width: 599px) {
.ui-header-container h2.el-align-center,
.ui-header-container h3.el-align-center,
.ui-header-container h4.el-align-center,
.ui-header-container h5.el-align-center,
.ui-header-container h6.el-align-center,
.ui-header-container.el-align-center,
.ui-text-container .link-cta.el-align-center,
.ui-text-container h2.el-align-center,
.ui-text-container h3.el-align-center,
.ui-text-container h4.el-align-center,
.ui-text-container h5.el-align-center,
.ui-text-container h6.el-align-center,
.ui-text-container img.el-align-center,
.ui-text-container p.el-align-center,
.ui-text-container.el-align-center {
text-align: left;
margin-left: 0;
margin-right: 0
}
}
.ui-header-container h2.el-align-right,
.ui-header-container h3.el-align-right,
.ui-header-container h4.el-align-right,
.ui-header-container h5.el-align-right,
.ui-header-container h6.el-align-right,
.ui-header-container.el-align-right,
.ui-text-container .link-cta.el-align-right,
.ui-text-container h2.el-align-right,
.ui-text-container h3.el-align-right,
.ui-text-container h4.el-align-right,
.ui-text-container h5.el-align-right,
.ui-text-container h6.el-align-right,
.ui-text-container img.el-align-right,
.ui-text-container p.el-align-right,
.ui-text-container.el-align-right {
text-align: right
}
@media all and (max-width: 599px) {
.ui-header-container h2.el-align-right,
.ui-header-container h3.el-align-right,
.ui-header-container h4.el-align-right,
.ui-header-container h5.el-align-right,
.ui-header-container h6.el-align-right,
.ui-header-container.el-align-right,
.ui-text-container .link-cta.el-align-right,
.ui-text-container h2.el-align-right,
.ui-text-container h3.el-align-right,
.ui-text-container h4.el-align-right,
.ui-text-container h5.el-align-right,
.ui-text-container h6.el-align-right,
.ui-text-container img.el-align-right,
.ui-text-container p.el-align-right,
.ui-text-container.el-align-right {
text-align: left;
margin-left: 0;
margin-right: 0
}
}
.clearfix:after,
.main-container:after {
clear: both;
content: '';
display: table
}
.no-mediaqueries .main-header,
.no-mediaqueries .wrapper {
margin: 0 auto;
width: 1302px
}
.aperture-block {
padding: 10px 0;
line-height: 0;
z-index: 1;
position: relative
}
.aperture-block:after,
.aperture-block:before {
background: #00aeef;
border: 4.5px solid #00aeef;
border-radius: 10px;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 9px;
z-index: 2;
box-sizing: border-box
}
@media all and (max-width: 599px) {
.aperture-block:after,
.aperture-block:before {
border: 3px solid #00aeef;
width: 6px
}
}
.aperture-block:before {
left: -9px
}
@media all and (max-width: 599px) {
.aperture-block:before {
left: -6px
}
}
.aperture-block:after {
right: -9px
}
@media all and (max-width: 599px) {
.aperture-block:after {
right: -6px
}
}
.aperture-block .ie8-aperture-corners {
display: none
}
.ie8 .aperture-block .ie8-aperture-corners {
position: absolute;
width: 9px;
height: 9px;
display: block;
background: #000;
z-index: 3
}
.ie8 .aperture-block .ie8-aperture-corners.t-l {
top: 0;
left: -9px;
background: url(../images/ie8-aperture-up.png) #fff
}
.ie8 .aperture-block .ie8-aperture-corners.t-r {
top: 0;
right: -9px;
background: url(../images/ie8-aperture-up.png) #fff
}
.ie8 .aperture-block .ie8-aperture-corners.b-l {
bottom: 0;
left: -9px;
background: url(../images/ie8-aperture-down.png) #fff
}
.ie8 .aperture-block .ie8-aperture-corners.b-r {
bottom: 0;
right: -9px;
background: url(../images/ie8-aperture-down.png) #fff
}
.el-align-left {
display: table;
margin-right: auto;
margin-left: 0
}
.el-align-center {
display: table;
margin-right: auto;
margin-left: auto
}
.el-align-right {
display: table;
margin-right: 0;
margin-left: auto
}
.aperture-block>img {
width: 100%;
height: auto
}
.ui-text-container img {
max-width: 100%;
height: auto
}
.divider-component {
border-bottom: 1px solid #b2b2b2;
clear: both;
overflow: hidden;
padding: 32px
}
.legal-tooltip,
.super-script {
border-bottom: 1px solid #D31F04;
color: #D31F04;
font-size: .65em;
margin-left: 5px;
position: relative;
text-decoration: none;
top: -.7em
}
.subheading sup,
.title sup,
.ui-header-container h2 sup,
.ui-header-container h3 sup,
.ui-header-container h4 sup,
.ui-header-container h5 sup,
.ui-header-container h6 sup,
.ui-text-container sup {
position: relative;
bottom: .5em;
font-size: .706em
}
.subheading sub,
.title sub,
.ui-header-container h2 sub,
.ui-header-container h3 sub,
.ui-header-container h4 sub,
.ui-header-container h5 sub,
.ui-header-container h6 sub,
.ui-text-container sub {
position: relative;
top: .5em;
font-size: .706em
}
@font-face {
font-family: icons;
src: url(UK_RETAIL/ftb/fonts/icons.eot?8911d7b6d7cc2aafdcfbc12833d16328);
src: url(UK_RETAIL/ftb/fonts/icons.eot?#iefix) format("embedded-opentype"), url(UK_RETAIL/ftb/fonts/icons.woff?8911d7b6d7cc2aafdcfbc12833d16328) format("woff"), url(UK_RETAIL/ftb/fonts/icons.ttf?8911d7b6d7cc2aafdcfbc12833d16328) format("truetype");
font-weight: 400;
font-style: normal
}
.icon,
.text-cta:after,
ul.round-tick li:before,
ul.simple-tick li:before {
font-family: icons;
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: 400;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon_font-Promo_arrow:before {
content: "\f101"
}
.icon_font-Promo_overlay_arrow:before {
content: "\f102"
}
.icon_font-Tick_bullet_white:before {
content: "\f103"
}
.icon_font-alert_icon:before {
content: "\f104"
}
.icon_font-bird1:before {
content: "\f105"
}
.icon_font-chevron-mini-blue:after,
.text-cta:after {
content: "\f106"
}
.icon_font-close-x:before {
content: "\f107"
}
.icon_font-dropdown-premier-up:before {
content: "\f108"
}
.icon_font-dropdown-premier:before {
content: "\f109"
}
.icon_font-facebook31:before {
content: "\f10a"
}
.icon_font-icon-search:before {
content: "\f10b"
}
.icon_font-icons_accordion_application_information:before {
content: "\f10c"
}
.icon_font-icons_accordion_barclayloan_overview:before {
content: "\f10d"
}
.icon_font-icons_accordion_closed:before {
content: "\f10e"
}
.icon_font-icons_accordion_eligibility:before {
content: "\f10f"
}
.icon_font-icons_accordion_open:before {
content: "\f110"
}
.icon_font-icons_accordion_resume_application:before {
content: "\f111"
}
.icon_font-icons_branch_locator:before {
content: "\f112"
}
.icon_font-icons_branch_locator_circle:before {
content: "\f113"
}
.icon_font-icons_bullet_list:before,
ul.round-tick li:before {
content: "\f114"
}
.icon_font-icons_bullet_tick:before,
ul.simple-tick li:before {
content: "\f115"
}
.icon_font-icons_cross-01:before {
content: "\f116"
}
.icon_font-icons_help_and_support_circle:before {
content: "\f117"
}
.icon_font-icons_link_arrow_left:before {
content: "\f118"
}
.icon_font-icons_link_arrow_right:before {
content: "\f119"
}
.icon_font-icons_locator:before {
content: "\f11a"
}
.icon_font-icons_locator_circle:before {
content: "\f11b"
}
.icon_font-icons_phone:before {
content: "\f11c"
}
.icon_font-icons_phone_circle:before {
content: "\f11d"
}
.icon_font-icons_quote:before {
content: "\f11e"
}
.icon_font-icons_search:before {
content: "\f11f"
}
.icon_font-icons_share:before {
content: "\f120"
}
.icon_font-icons_share_circle:before {
content: "\f121"
}
.icon_font-icons_social_media_share:before {
content: "\f122"
}
.icon_font-icons_social_media_share_circle:before {
content: "\f123"
}
.icon_font-icons_table_down:before {
content: "\f124"
}
.icon_font-icons_table_up:before {
content: "\f125"
}
.icon_font-icons_tooltip:before {
content: "\f126"
}
.icon_font-icons_web_chat:before {
content: "\f127"
}
.icon_font-icons_web_chat_circle:before {
content: "\f128"
}
.icon_font-icons_webchat:before {
content: "\f129"
}
.icon_font-icons_webchat_circle:before {
content: "\f12a"
}
.icon_font-info_icon:before {
content: "\f12b"
}
.icon_font-knob-premier:before {
content: "\f12c"
}
.icon_font-knob:before {
content: "\f12d"
}
.icon_font-linked9:before {
content: "\f12e"
}
.icon_font-mail61:before {
content: "\f12f"
}
.icon_font-minus-premier:before {
content: "\f130"
}
.icon_font-minus:before {
content: "\f131"
}
.icon_font-plus-premier:before {
content: "\f132"
}
.icon_font-plus:before {
content: "\f133"
}
.icon_font-tick-white:before {
content: "\f134"
}
.icon_font-tick_black-simple:before {
content: "\f135"
}
.icon_font-tick_black:before {
content: "\f136"
}
.icon_font-tick_green-simple:before {
content: "\f137"
}
.icon_font-tick_green:before {
content: "\f138"
}
.icon_font-tooltip-legal:before {
content: "\f139"
}
.premier .main-container-wrapper.gray-background {
background-color: #efefef!important
}
.main-container {
border-bottom: 1px solid #d1d1d1;
clear: both;
padding-top: 56px;
padding-bottom: 56px
}
@media all and (max-width: 599px) {
.main-container {
padding-top: 40px;
padding-bottom: 40px
}
}
.main-container.no-border,
.premier .main-container {
border-bottom: 0
}
@media all and (max-width: 599px) {
.main-container.no-border {
padding-bottom: 16px
}
}
.component-container {
margin-top: 24px
}
.component-container:first-child {
margin-top: -24px
}
.component-container.full-margins {
margin-top: 40px
}
.component-container.full-margins:first-child {
margin-top: 0
}
.ui-header-container {
word-wrap: break-word
}
@media all and (max-width: 599px) {
.ui-header-container {
padding-left: 10px;
padding-right: 10px
}
}
.ui-header-container h2,
.ui-header-container h3,
.ui-header-container h4,
.ui-header-container h5,
.ui-header-container h6 {
margin-top: 16px
}
.ui-header-container h2 .text-black,
.ui-header-container h3 .text-black,
.ui-header-container h4 .text-black,
.ui-header-container h5 .text-black,
.ui-header-container h6 .text-black {
color: #000
}
.ui-header-container h2 .text-dark-blue,
.ui-header-container h3 .text-dark-blue,
.ui-header-container h4 .text-dark-blue,
.ui-header-container h5 .text-dark-blue,
.ui-header-container h6 .text-dark-blue {
color: #D31F04
}
.ui-header-container h2 .text-white,
.ui-header-container h3 .text-white,
.ui-header-container h4 .text-white,
.ui-header-container h5 .text-white,
.ui-header-container h6 .text-white {
color: #fff
}
.ui-header-container h2 .text-grey,
.ui-header-container h3 .text-grey,
.ui-header-container h4 .text-grey,
.ui-header-container h5 .text-grey,
.ui-header-container h6 .text-grey {
color: #666
}
.ui-header-container.el-align-center,
.ui-header-container.el-align-left,
.ui-header-container.el-align-right {
display: block
}
@media all and (max-width: 599px) {
.ui-header-container {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
}
.ui-text-container {
word-wrap: break-word
}
@media all and (max-width: 599px) {
.ui-text-container {
padding-left: 10px;
padding-right: 10px
}
}
.ui-text-container .link-cta,
.ui-text-container h2,
.ui-text-container h3,
.ui-text-container h4,
.ui-text-container h5,
.ui-text-container h6,
.ui-text-container img,
.ui-text-container p {
margin-top: 16px
}
.ui-text-container p:empty:before {
content: '\00A0 ';
line-height: 46px
}
@media all and (max-width: 599px) {
.ui-text-container p:empty:before {
content: ''
}
}
.ui-text-container p a {
text-decoration: underline
}
.ui-text-container p a:hover {
color: #D31F04
}
.bg-text-darkblue .ui-text-container p a:hover {
color: #fff
}
.ui-text-container p a:active {
color: #7fbeda
}
.bg-text-darkblue .ui-text-container p a:active {
color: #fff
}
.ui-text-container p a.focus-in {
color: #7fbeda;
outline: #71b9d2 solid 3px
}
.ui-text-container p .link-cta {
font-size: 1em
}
.ui-text-container ol,
.ui-text-container ul {
margin-top: 16px
}
.ui-text-container ol.el-align-center,
.ui-text-container ol.el-align-right,
.ui-text-container ul.el-align-center,
.ui-text-container ul.el-align-right {
max-width: 85%
}
.ui-text-container .text-black {
color: #000
}
.ui-text-container .text-dark-blue {
color: #D31F04
}
.ui-text-container .text-white {
color: #fff
}
.ui-text-container .text-grey {
color: #666
}
.ui-text-container .link-cta {
font-size: 1em
}
.ui-text-container.el-align-center,
.ui-text-container.el-align-left {
display: block
}
.ui-text-container.el-align-center ol,
.ui-text-container.el-align-center ul {
list-style-position: inside;
padding-left: 0
}
@media all and (max-width: 599px) {
.ui-text-container.el-align-center ol,
.ui-text-container.el-align-center ul {
list-style-position: outside;
padding-left: 18px
}
}
.ui-text-container.el-align-center ol.round-tick,
.ui-text-container.el-align-center ol.simple-tick,
.ui-text-container.el-align-center ul.round-tick,
.ui-text-container.el-align-center ul.simple-tick {
padding-left: 0
}
@media all and (max-width: 599px) {
.ui-text-container.el-align-center ol.round-tick,
.ui-text-container.el-align-center ol.simple-tick,
.ui-text-container.el-align-center ul.round-tick,
.ui-text-container.el-align-center ul.simple-tick {
padding-left: 0
}
}
.ui-text-container.el-align-right {
display: block
}
.ui-text-container.el-align-right ol,
.ui-text-container.el-align-right ul {
list-style-position: inside;
padding-left: 0
}
@media all and (max-width: 599px) {
.ui-text-container.el-align-right ol,
.ui-text-container.el-align-right ul {
list-style-position: outside;
padding-left: 18px
}
}
.ui-text-container.el-align-right ol.round-tick,
.ui-text-container.el-align-right ol.simple-tick,
.ui-text-container.el-align-right ul.round-tick,
.ui-text-container.el-align-right ul.simple-tick {
padding-left: 0
}
@media all and (max-width: 599px) {
.ui-text-container.el-align-right ol.round-tick,
.ui-text-container.el-align-right ol.simple-tick,
.ui-text-container.el-align-right ul.round-tick,
.ui-text-container.el-align-right ul.simple-tick {
padding-left: 0
}
}
@media all and (max-width: 599px) {
.ui-text-container {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
}
.ui-cta-container {
margin-top: 16px;
word-wrap: break-word
}
@media all and (max-width: 599px) {
.ui-cta-container {
padding-left: 10px;
padding-right: 10px
}
}
@media all and (max-width: 599px) {
.ui-cta-container {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.ui-cta-container.el-align-center,
.ui-cta-container.el-align-left,
.ui-cta-container.el-align-right {
display: block;
margin-right: 0;
margin-left: 0
}
}
.ui-text-container .ui-cta-container {
padding-right: 0;
padding-left: 0
}
.ui-padded-container {
padding: 24px 0
}
.ui-padded-container .ui-cta-container,
.ui-padded-container .ui-header-container,
.ui-padded-container .ui-text-container {
padding: 0 24px
}
@media all and (max-width: 599px) {
.ui-padded-container .ui-cta-container,
.ui-padded-container .ui-header-container,
.ui-padded-container .ui-text-container {
padding: 0 24px
}
}
.ui-padded-container .ui-header-container:first-child {
margin-top: 0
}
@media (max-width: 599px) {
.el-align-left {
margin-left: 0;
margin-right: auto
}
}
@media (max-width: 599px) {
.el-align-center {
margin-left: 0;
margin-right: auto
}
}
@media (max-width: 599px) {
.el-align-right {
margin-left: 0;
margin-right: auto
}
}
@media (max-width: 599px) {
.el-align-left-mobile {
margin-left: 0;
margin-right: auto;
text-align: left
}
}
.button {
background: #D31F04;
border-radius: 3px;
border: none;
color: #fff;
display: inline-block;
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
padding: 12px 26px;
text-align: center;
text-decoration: none
}
@media (max-width: 600px) {
.button {
display: block
}
}
.button.el-align-center,
.button.el-align-left,
.button.el-align-right,
.buttonspan .button.el-align-center,
.buttonspan .button.el-align-right,
.buttonspan .el-align-left {
display: table
}
@media (max-width: 600px) {
.button.el-align-center,
.button.el-align-left,
.button.el-align-right,
.buttonspan .button.el-align-center,
.buttonspan .button.el-align-right,
.buttonspan .el-align-left {
display: block
}
}
.button:active,
.button:focus,
.button:hover {
background-color: #006896
}
.button:hover {
text-decoration: underline
}
.button.disabled {
background: #666;
cursor: default
}
.button.button-md {
font-size: 1.3em
}
.button.button-lg {
font-size: 1.538em
}
@media (max-width: 600px) {
.button.button-lg {
font-size: 1.125em
}
}
.button.button-large {
font-size: 1.538em;
padding: 9px 30px
}
.pri-button {
border-radius: 5px;
display: inline-block;
word-wrap: break-word;
font-size: 1.385em;
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 400;
text-align: center;
text-decoration: none;
background: #D31F04;
color: #fff;
padding: 12px 30px
}
@media (max-width: 600px) {
.pri-button {
display: block
}
}
.pri-button.el-align-center,
.pri-button.el-align-left,
.pri-button.el-align-right,
.pri-buttonspan .el-align-left,
.pri-buttonspan .pri-button.el-align-center,
.pri-buttonspan .pri-button.el-align-right {
display: table
}
@media (max-width: 600px) {
.pri-button.el-align-center,
.pri-button.el-align-left,
.pri-button.el-align-right,
.pri-buttonspan .el-align-left,
.pri-buttonspan .pri-button.el-align-center,
.pri-buttonspan .pri-button.el-align-right {
display: block
}
}
.pri-button:hover {
text-decoration: underline
}
.pri-button:active {
background: #D31F04!important;
color: #fff!important
}
.pri-button.focus-in {
outline: #71b9d2 solid 3px
}
.pri-button.disabled {
cursor: default
}
.pri-button.disabled.focus-in,
.pri-button.disabled:active,
.pri-button.disabled:hover {
text-decoration: none
}
.pri-button.focus-in,
.pri-button:hover {
background: #00618c
}
.pri-button.disabled {
background: #ccc!important;
color: #fff!important;
border: 1px solid!important
}
.sec-button {
border-radius: 5px;
display: inline-block;
word-wrap: break-word;
font-size: 1.385em;
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 400;
text-align: center;
text-decoration: none;
background: #fff;
color: #D31F04;
padding: 11px 20px;
border: 1px solid #D31F04
}
@media (max-width: 600px) {
.sec-button {
display: block
}
}
.sec-button.el-align-center,
.sec-button.el-align-left,
.sec-button.el-align-right,
.sec-buttonspan .el-align-left,
.sec-buttonspan .sec-button.el-align-center,
.sec-buttonspan .sec-button.el-align-right {
display: table
}
@media (max-width: 600px) {
.sec-button.el-align-center,
.sec-button.el-align-left,
.sec-button.el-align-right,
.sec-buttonspan .el-align-left,
.sec-buttonspan .sec-button.el-align-center,
.sec-buttonspan .sec-button.el-align-right {
display: block
}
}
.sec-button:hover {
text-decoration: underline
}
.sec-button:active {
background: #D31F04!important;
color: #fff!important
}
.sec-button.focus-in {
outline: #71b9d2 solid 3px
}
.sec-button.disabled {
cursor: default
}
.sec-button.disabled.focus-in,
.sec-button.disabled:active,
.sec-button.disabled:hover {
text-decoration: none
}
.sec-button:hover {
color: #D31F04;
border-color: #D31F04;
background: #e5ebee
}
.sec-button.focus-in {
color: #D31F04;
background: #e5ebee
}
.sec-button.disabled {
background: #fff!important;
color: #ccc!important;
border: 1px solid #ccc!important
}
.ter-button {
border-radius: 5px;
display: inline-block;
word-wrap: break-word;
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 400;
text-align: center;
text-decoration: none;
color: #D31F04;
border: 1px solid #D31F04;
background: #f5f5f5;
border-color: #999;
font-size: 1.385em;
padding: 13px 20px
}
@media (max-width: 600px) {
.ter-button {
display: block
}
}
.ter-button.el-align-center,
.ter-button.el-align-left,
.ter-button.el-align-right,
.ter-buttonspan .el-align-left,
.ter-buttonspan .ter-button.el-align-center,
.ter-buttonspan .ter-button.el-align-right {
display: table
}
@media (max-width: 600px) {
.ter-button.el-align-center,
.ter-button.el-align-left,
.ter-button.el-align-right,
.ter-buttonspan .el-align-left,
.ter-buttonspan .ter-button.el-align-center,
.ter-buttonspan .ter-button.el-align-right {
display: block
}
}
.ter-button:hover {
text-decoration: underline
}
.ter-button:active {
background: #D31F04!important;
color: #fff!important
}
.ter-button.focus-in {
outline: #71b9d2 solid 3px
}
.ter-button.disabled {
cursor: default
}
.ter-button.disabled.focus-in,
.ter-button.disabled:active,
.ter-button.disabled:hover {
text-decoration: none
}
.ter-button:hover {
color: #D31F04;
border-color: #D31F04
}
.ter-button.focus-in {
color: #D31F04
}
.ter-button.disabled {
background: #fff!important;
color: #ccc!important;
border: 1px solid #ccc!important
}
.ter-button.focus-in,
.ter-button:hover {
background: #e5ebee
}
.text-cta {
font-size: 1.385em;
font-family: ExpertSans, verdana, arial, sans-serif;
font-weight: 400;
background-size: auto
}
.text-cta:hover {
color: #D31F04;
text-decoration: none
}
.text-cta:hover span {
text-decoration: underline
}
.text-cta:active {
color: #7fbeda
}
.text-cta:after {
font-size: .6em;
position: relative;
display: inline-block;
top: -1px;
right: -8px
}
.text-cta.focus-in {
outline: #71b9d2 solid 3px
}
@media all and (max-width: 599px) {
.text-cta {
display: block;
text-align: left!important
}
}
.link-cta {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 12px;
background-image: url(../images/chevron-mini-blue.svg);
background-size: 5px 9px;
font-size: 1.125em
}
.no-svg .link-cta {
background-image: url(../images/chevron-mini-blue.png)
}
.bg-text-darkblue .link-cta {
background-image: url(../images/chevron-mini-white.png)
}
.bg-text-grey {
background: #efefef;
padding: 24px
}
.bg-text-grey .ui-header-container:first-child {
margin-top: -16px
}
.bg-text-darkblue {
background: #D31F04;
padding: 24px
}
.bg-text-darkblue .ui-header-container:first-child {
margin-top: -16px
}
.bg-text-darkblue a,
.bg-text-darkblue h2,
.bg-text-darkblue h3,
.bg-text-darkblue h4,
.bg-text-darkblue h5,
.bg-text-darkblue h6,
.bg-text-darkblue li,
.bg-text-darkblue ol,
.bg-text-darkblue p,
.bg-text-darkblue ul {
color: #fff
}
.bg-text-darkblue .sec-button,
.bg-text-darkblue .ter-button {
color: #D31F04;
border-width: 2px
}
.bg-text-darkblue .sec-button:hover,
.bg-text-darkblue .ter-button:hover {
color: #D31F04
}
.bg-text-darkblue .disabled.sec-button,
.bg-text-darkblue .disabled.ter-button {
border-width: 2px!important
}
.bg-text-darkblue .sec-button {
padding-top: 10px;
padding-bottom: 10px
}
.bg-text-darkblue .ter-button {
padding-top: 12px;
padding-bottom: 12px
}
.bg-text-darkblue a.text-cta:hover {
color: #fff
}
.bg-text-lightblue {
background: #e5f7fd;
padding: 24px
}
.bg-text-lightblue .ui-header-container:first-child {
margin-top: -16px
}
.bg-text-white {
background: #fff;
padding: 24px
}
.bg-text-white .ui-header-container:first-child {
margin-top: -16px
}
ul.simple-tick {
padding-left: 0
}
ul.simple-tick li {
list-style: none;
font-family: inherit;
padding-left: 28px;
position: relative
}
ul.simple-tick li:before {
color: #319547;
font-size: 25px;
position: absolute;
padding-right: 10px;
top: 0;
left: -5px
}
.el-align-center ul.simple-tick li:before,
.el-align-right ul.simple-tick li:before {
position: relative
}
@media all and (max-width: 599px) {
.el-align-center ul.simple-tick li:before,
.el-align-right ul.simple-tick li:before {
position: absolute
}
}
.el-align-center ul.simple-tick li,
.el-align-right ul.simple-tick li {
padding-left: 0
}
@media all and (max-width: 599px) {
.el-align-center ul.simple-tick li,
.el-align-right ul.simple-tick li {
padding-left: 28px
}
}
.premier ul.simple-tick li:before {
color: #000
}
.bg-text-darkblue ul.simple-tick li:before {
color: #fff
}
ul.simple-tick.black-icon li:before {
color: #000
}
ul.simple-tick.dark-blue-icon li:before {
color: #D31F04
}
ul.simple-tick.light-blue-icon li:before {
color: #077eb6
}
ul.simple-tick.grey-icon li:before {
color: #666
}
ul.simple-tick.white-icon li:before {
color: #fff
}
ul.round-tick {
padding-left: 0
}
ul.round-tick li {
list-style: none;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 36px;
background-size: 26px;
line-height: 1.2;
position: relative;
margin-top: 16px
}
ul.round-tick li:before {
color: #319547;
font-size: 25px;
position: absolute;
padding-right: 10px;
top: 1px;
left: -2px
}
.el-align-center ul.round-tick li:before,
.el-align-right ul.round-tick li:before {
position: relative
}
@media all and (max-width: 599px) {
.el-align-center ul.round-tick li:before,
.el-align-right ul.round-tick li:before {
position: absolute
}
}
.el-align-center ul.round-tick li,
.el-align-right ul.round-tick li {
padding-left: 0
}
@media all and (max-width: 599px) {
.el-align-center ul.round-tick li,
.el-align-right ul.round-tick li {
padding-left: 36px
}
}
@media all and (max-width: 599px) {
ul.round-tick li {
padding-bottom: 0;
margin-top: 16px
}
}
.ie8 ul.round-tick li {
line-height: 1.3
}
.premier ul.round-tick li:before {
color: #000
}
.bg-text-darkblue ul.round-tick li:before {
color: #fff
}
ul.round-tick.black-icon li:before {
color: #000
}
ul.round-tick.dark-blue-icon li:before {
color: #D31F04
}
ul.round-tick.light-blue-icon li:before {
color: #077eb6
}
ul.round-tick.grey-icon li:before {
color: #666
}
ul.round-tick.white-icon li:before {
color: #fff
}
.inline-icon {
font-size: 25px
}
.black-inline-icon {
color: #000
}
.bg-text-darkblue .black-inline-icon {
color: #fff
}
.dark-blue-inline-icon {
color: #D31F04
}
.premier .dark-blue-inline-icon {
color: #000
}
.bg-text-darkblue .dark-blue-inline-icon {
color: #fff
}
.light-blue-inline-icon {
color: #077eb6
}
.premier .light-blue-inline-icon {
color: #000
}
.bg-text-darkblue .light-blue-inline-icon {
color: #fff
}
.grey-inline-icon {
color: #666
}
.premier .grey-inline-icon {
color: #000
}
.bg-text-darkblue .grey-inline-icon {
color: #fff
}
.green-inline-icon {
color: #319547
}
.premier .green-inline-icon {
color: #000
}
.bg-text-darkblue .green-inline-icon,
.white-inline-icon {
color: #fff
}
.premier .white-inline-icon {
color: #000
}
.bg-text-darkblue .white-inline-icon {
color: #fff
}
.ui-table {
margin-top: 0
}
.ui-table thead th {
font-size: 1.133em
}
.ui-table .ui-table-container,
.ui-table .ui-table-header-container {
font-size: .944em;
line-height: 22px
}
.ui-table .ui-table-container a,
.ui-table .ui-table-header-container a {
text-decoration: underline
}
.ui-table .ui-table-container a:hover,
.ui-table .ui-table-header-container a:hover {
color: #00618c
}
.ui-table .ui-text-container ol,
.ui-table .ui-text-container p,
.ui-table .ui-text-container ul {
font-size: 1.154em;
line-height: 22px
}
@media (max-width: 599px) {
.ui-table .ui-text-container {
padding-left: 0;
padding-right: 0
}
}
.ui-table .pri-button,
.ui-table .sec-button,
.ui-table .ter-button,
.ui-table .text-cta {
font-size: 1.231em
}
.ui-table .pri-button,
.ui-table .sec-button,
.ui-table .ter-button {
padding: 8px 16px
}
.ui-table .text-cta:hover {
color: #00618c
}
.ui-table .text-cta:hover span {
text-decoration: underline
}
.focus-in,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: #71b9d2 solid 2px
}
.focus-out {
outline: 0
}
.font-size-popup {
background: #ff0;
border-radius: 4px;
color: #333;
font-family: arial;
font-size: 13px!important;
font-weight: 500;
letter-spacing: 0;
margin-left: 5px;
margin-top: -5px;
opacity: 0;
padding: 2px 3px;
position: absolute;
z-index: 9999999999999999999999999999999
}
.toggle-font-sizes {
background: #efefef;
border-radius: 0 0 3px;
cursor: pointer;
left: 0;
padding: 3px 4px;
position: fixed;
top: 0
}
@-webkit-keyframes fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadein {
-webkit-animation-name: fadein;
animation-name: fadein
}
@-webkit-keyframes fadeindown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeindown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeindown {
-webkit-animation-name: fadeindown;
animation-name: fadeindown
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.font10 {
font-size: .76923em
}
.font11 {
font-size: .84615em
}
.font12 {
font-size: .92308em
}
.font13 {
font-size: 1em
}
.font14 {
font-size: 1.07692em
}
.font15 {
font-size: 1.15385em
}
.font16 {
font-size: 1.23077em
}
.font17 {
font-size: 1.30769em
}
.font18 {
font-size: 1.38462em
}
.font19 {
font-size: 1.46154em
}
.font20 {
font-size: 1.53846em
}
.font21 {
font-size: 1.61538em
}
.font22 {
font-size: 1.69231em
}
.font23 {
font-size: 1.76923em
}
.font24 {
font-size: 1.84615em
}
.font25 {
font-size: 1.92308em
}
.font26 {
font-size: 2em
}
.font27 {
font-size: 2.07692em
}
.font28 {
font-size: 2.15385em
}
.font29 {
font-size: 2.23077em
}
.font30 {
font-size: 2.30769em
}
.font31 {
font-size: 2.38462em
}
.font32 {
font-size: 2.46154em
}
.font33 {
font-size: 2.53846em
}
.font34 {
font-size: 2.61538em
}
.font35 {
font-size: 2.69231em
}
.font36 {
font-size: 2.76923em
}
.font37 {
font-size: 2.84615em
}
.font38 {
font-size: 2.92308em
}
.font39 {
font-size: 3em
}
.font40 {
font-size: 3.07692em
}
.font41 {
font-size: 3.15385em
}
.font42 {
font-size: 3.23077em
}
.font43 {
font-size: 3.30769em
}
.font44 {
font-size: 3.38462em
}
.font45 {
font-size: 3.46154em
}
.font46 {
font-size: 3.53846em
}
.font47 {
font-size: 3.61538em
}
.font48 {
font-size: 3.69231em
}
.font49 {
font-size: 3.76923em
}
.font50 {
font-size: 3.84615em
}
.font51 {
font-size: 3.92308em
}
.font52 {
font-size: 4em
}
.font53 {
font-size: 4.07692em
}
.font54 {
font-size: 4.15385em
}
.font55 {
font-size: 4.23077em
}
.font56 {
font-size: 4.30769em
}
.font57 {
font-size: 4.38462em
}
.font58 {
font-size: 4.46154em
}
.font59 {
font-size: 4.53846em
}
.font60 {
font-size: 4.61538em
}
.font61 {
font-size: 4.69231em
}
.font62 {
font-size: 4.76923em
}
.font63 {
font-size: 4.84615em
}
.font64 {
font-size: 4.92308em
}
.font65 {
font-size: 5em
}
.font66 {
font-size: 5.07692em
}
.font67 {
font-size: 5.15385em
}
.font68 {
font-size: 5.23077em
}
.font69 {
font-size: 5.30769em
}
.font70 {
font-size: 5.38462em
}
.font71 {
font-size: 5.46154em
}
.font72 {
font-size: 5.53846em
}
.font73 {
font-size: 5.61538em
}
.font74 {
font-size: 5.69231em
}
.font75 {
font-size: 5.76923em
}
.font76 {
font-size: 5.84615em
}
.font77 {
font-size: 5.92308em
}
.font78 {
font-size: 6em
}
.font79 {
font-size: 6.07692em
}
.font80 {
font-size: 6.15385em
}
[class*=" col-"],
[class^=col-] {
margin-bottom: 1px!important
}
[class*=" col-"]>.nest:last-child,
[class^=col-]>.nest:last-child {
margin-bottom: 0
}
[class*=" col-"].divider-component,
[class^=col-].divider-component {
margin-bottom: 32px!important
}
@font-face {
font-family: ExpertSans;
font-weight: 100;
font-style: normal;
src: url(UK_RETAIL/ftb/fonts/expertsans-light-webfont.eot);
src: url(UK_RETAIL/ftb/fonts/expertsans-light-webfont.eot?#iefix) format("embedded-opentype"), url(UK_RETAIL/ftb/fonts/expertsans-light-webfont.woff) format("woff"), url(UK_RETAIL/ftb/fonts/expertsans-light-webfont.ttf) format("truetype"), url(UK_RETAIL/ftb/fonts/expertsans-light-webfont.svg#ExpertSans) format("svg")
}
@font-face {
font-family: ExpertSans;
font-weight: 400;
font-style: normal;
src: url(UK_RETAIL/ftb/fonts/expertsans-regular-webfont.eot);
src: url(UK_RETAIL/ftb/fonts/expertsans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(UK_RETAIL/ftb/fonts/expertsans-regular-webfont.woff) format("woff"), url(UK_RETAIL/ftb/fonts/expertsans-regular-webfont.ttf) format("truetype"), url(UK_RETAIL/ftb/fonts/expertsans-regular-webfont.svg#ExpertSans) format("svg")
}
@font-face {
font-family: ExpertSans;
font-weight: 700;
font-style: normal;
src: url(UK_RETAIL/ftb/fonts/expertsans-bold-webfont.eot);
src: url(UK_RETAIL/ftb/fonts/expertsans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(UK_RETAIL/ftb/fonts/expertsans-bold-webfont.woff) format("woff"), url(UK_RETAIL/ftb/fonts/expertsans-bold-webfont.ttf) format("truetype"), url(UK_RETAIL/ftb/fonts/expertsans-bold-webfont.svg#ExpertSans) format("svg")
}
body {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 13px;
line-height: normal;
width: 100%;
-webkit-text-size-adjust: 100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #D31F04;
font-family: inherit;
font-weight: 300
}
button,
input,
select,
textarea {
font-family: verdana, arial, sans-serif
}
a {
color: #D31F04;
text-decoration: none;
outline: 0
}
a:hover {
text-decoration: underline
}
b,
strong {
font-weight: 600
}
.skiplinks ul li a {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 100002;
background: #fff
}
.skiplinks ul li a:focus {
top: 0;
left: 0;
display: block;
position: relative;
text-align: center;
padding: 5px 15px
}
@media (max-width: 1164px) {
.skiplinks ul li a:focus {
text-align: left
}
}
.main-header {
width: 100%
}
.main-header a[data-track-text=Logo] {
float: left
}
.wrapper {
width: 100%
}
.title {
color: #D31F04;
font-size: 3.538em;
font-weight: 300;
letter-spacing: -1px;
line-height: 50px;
margin-bottom: 16px;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.title {
font-size: 2.769em;
line-height: 40px;
margin-bottom: 32px
}
}
.title.el-align-left {
margin-left: 0;
margin-right: auto;
text-align: left
}
.title.el-align-center {
margin-left: auto;
margin-right: auto;
text-align: center
}
.title.el-align-right {
margin-left: auto;
margin-right: 0;
text-align: right
}
@media (max-width: 599px) {
.title.align-left-mobile {
margin-left: 0;
margin-right: auto;
margin-bottom: 24px;
text-align: left
}
}
.title .text-black {
color: #000
}
.title .text-dark-blue {
color: #D31F04
}
.title .text-white {
color: #fff
}
.title .text-grey {
color: #666
}
.subheading {
color: #666;
font-family: verdana, arial, sans-serif;
line-height: 24px;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
max-width: 1024px;
text-align: center
}
.subheading p {
font-size: 1.231em
}
.subheading p a {
text-decoration: underline
}
.subheading.el-align-left {
margin-left: 0;
margin-right: auto;
text-align: left
}
.subheading.el-align-center {
margin-left: auto;
margin-right: auto;
text-align: center
}
.subheading.el-align-right {
margin-left: auto;
margin-right: 0;
text-align: right
}
@media (max-width: 599px) {
.subheading.align-left-mobile {
margin-left: 0;
margin-right: auto;
margin-bottom: 24px;
text-align: left
}
}
.subheading .text-black {
color: #000
}
.subheading .text-dark-blue {
color: #D31F04
}
.subheading .text-white {
color: #fff
}
.subheading .text-grey {
color: #666
}
.noUi-origin {
transition: all .2s ease
}
.hidden {
display: none!important;
visibility: hidden
}
.visuallyhidden {
border: 0;
clfp: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.invisible {
visibility: hidden
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.ie8 .hidden-lg,
.no-mediaqueries .hidden-lg,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none!important
}
@media (max-width: 600px) {
.visible-xs,
.visible-xs-block {
display: block!important
}
.visible-xs-inline {
display: inline!important
}
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width: 600px) and (max-width: 1164px) {
.visible-md,
.visible-md-block {
display: block!important
}
.visible-md-inline {
display: inline!important
}
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width: 1164px) {
.visible-lg,
.visible-lg-block {
display: block!important
}
.visible-lg-inline {
display: inline!important
}
.visible-lg-inline-block {
display: inline-block!important
}
}
@media (max-width: 600px) {
.hidden-xs {
display: none!important
}
}
@media (min-width: 600px) and (max-width: 1164px) {
.hidden-md {
display: none!important
}
}
@media (min-width: 1164px) {
.hidden-lg {
display: none!important
}
}
.premier h1,
.premier h2,
.premier h3,
.premier h4,
.premier h5,
.premier h6 {
color: #000
}
.premier .maincontainer {
border-bottom: 0
}
.premier .title {
color: #000
}
.premier .gray-background {
background-color: #efefef!important
}
header [class*=" col-"],
header [class^=col-] {
margin-bottom: 0!important
}
header {
height: 133px;
position: relative
}
.top-navigation {
background: #D31F04;
height: 33px
}
.top-navigation .row {
margin-bottom: 0!important
}
.top-navigation ul {
height: 33px
}
.top-navigation li {
display: inline-block;
float: left
}
.top-navigation li:last-child {
float: right
}
.top-navigation li:last-child a {
margin-right: 0;
padding-right: 0
}
.top-navigation .active a {
color: #fff;
position: relative
}
.top-navigation .active a:after {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 6px 6px;
bottom: 0;
content: ' ';
height: 0;
left: 50%;
margin-left: -6px;
position: absolute;
width: 0
}
.top-navigation a {
color: #7fbeda;
display: inline-block;
float: left;
font-size: .975em;
margin: 0 22px 0 0;
padding: 9px 5px
}
.top-navigation a:hover {
color: #fff
}
.top-navigation a:first-child {
padding-left: 0
}
.main-navigation-toggle {
float: left;
padding: 9px 14px 19px 0
}
.main-header {
height: 100px
}
.brand-logo {
float: left;
margin: 20px 0px 10px 0;
}
.main-navigation {
font-size: 15px;
max-width: 972px;
min-width: 200px;
overflow: hidden
}
.main-navigation li {
display: inline-block;
float: left
}
.main-navigation li.divider {
background: #e8e8e8;
height: 64px;
margin: -12px 4px 0;
width: 1px
}
.main-navigation li:last-child>a {
margin-right: 3px
}
.main-navigation li a {
display: inline-block;
float: left;
line-height: 1.6;
margin: 0 11px;
padding: 11px 0 7px
}
.main-navigation li>a.button {
font-size: 1em;
padding: 10px 15px
}
#search-toggle {
background-image: url(../images/icon-search.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-left: 10px;
text-indent: -9000em;
width: 21px;
overflow: hidden
}
.no-svg #search-toggle {
background-image: url(../images/icon-search.png)
}
#search-bar {
background: #fafafa;
border-bottom: 1px solid #ececec;
border-top: 1px solid #ececec;
bottom: -72px;
display: none;
height: 70px;
left: 0;
position: absolute;
width: 100%;
z-index: 100001
}
#search-bar form {
font-size: 0;
letter-spacing: 0;
margin: 15px auto;
width: 700px;
word-spacing: 0
}
#search-bar #q,
#search-bar #qsubmit {
display: inline-block;
height: 37px
}
#search-bar #q {
border-radius: 4px 0 0 4px;
-webkit-appearance: none;
border: 1px solid #dbdbdb;
font-size: 13px;
margin: 0;
padding-left: 11px;
width: 530px
}
#search-bar #qsubmit {
-webkit-appearance: none;
border-radius: 0 4px 4px 0;
background: #D31F04;
border: 1px solid #D31F04;
color: #fff;
cursor: pointer;
font-size: 13px;
line-height: 1;
margin: 0;
padding: 0 20px
}
#search-bar #qsubmit:hover {
background: #006896
}
#search-bar input:focus {
outline-width: 0
}
#search-bar.active {
display: block
}
#search-bar .close {
font-size: 13px;
margin-left: 15px
}
.main-navigation-menu {
float: left;
margin-top: 30px
}
.main-navigation-menu a {
float: left;
margin: 0 17px;
padding: 40px 0 36px
}
.main-navigation-register-menu {
float: right;
margin-top: 28px
}
.menu-1deep a {
z-index: 200000
}
.menu-2deep a {
z-index: 100000
}
.menu-2deep,
.menu-3deep {
display: none
}
@media only screen and (min-width: 1164px) {
.menu-2deep,
.menu-3deep {
display: block;
opacity: 0;
transition: visibility .4s, opacity .4s linear;
visibility: hidden;
z-index: 100000
}
.main-navigation-menu>li.hover-on .menu-2deep,
.main-navigation-menu>li.hover-on .menu-3deep,
.main-navigation-menu>li:hover .menu-2deep,
.main-navigation-menu>li:hover .menu-3deep {
height: auto;
opacity: 1;
visibility: visible;
z-index: 200000
}
.menu-1deep>li>a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #fff;
border-color: transparent;
border-style: solid;
border-width: 1px 1px 0;
cursor: pointer;
margin: 0 5px;
padding: 9px 10px 13px;
position: relative;
top: -1px
}
.main-navigation-menu>li.hover-on>a,
.main-navigation-menu>li:hover>a {
border-color: #e8e8e8;
color: #D31F04;
padding-bottom: 16px;
text-decoration: none;
z-index: 300000
}
.menu-2deep {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 5px;
left: 50%;
margin-left: -400px;
margin-top: 11px;
padding: 0 10px;
position: absolute;
top: 100px;
width: 800px
}
.menu-2deep>li {
height: auto;
padding-bottom: 65px;
width: 24.5%
}
.menu-2deep>li.menu-item-wider {
width: 33%
}
.menu-2deep>li>a {
border-bottom: 1px solid #e8e8e8;
color: #0071ae;
cursor: default;
display: block;
float: none;
font-size: 16px;
margin: 4px 10px 10px;
padding: 9px 0;
text-decoration: none
}
.main-navigation-menu>li .menu-3deep a {
font-size: 14px;
padding: 5px 0
}
.main-navigation-menu>li.hover-on .menu-3deep li,
.main-navigation-menu>li:hover .menu-3deep li {
clear: both;
display: block;
float: left;
height: auto;
width: 100%
}
.main-navigation-menu>li.hover-on .menu-3deep a,
.main-navigation-menu>li:hover .menu-3deep a {
display: block;
float: none
}
.main-navigation li.important-information {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #f7f7f7;
border-top: 1px solid #e8e8e8;
bottom: 0;
display: none;
left: 0;
min-height: 0;
padding: 0;
position: absolute;
width: 100%
}
.main-navigation li.important-information li {
float: right;
height: auto
}
.main-navigation li.important-information li:first-child {
float: left
}
.main-navigation li.important-information a,
.main-navigation li.important-information span:not(.imp-icon) {
display: inline-block;
font-size: 14px;
line-height: 1.6;
margin: 0;
padding: 13px 10px
}
.main-navigation li.important-information span.imp-icon {
background-image: url(../images/imp-contact.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
float: left;
height: 20px;
margin-right: 7px;
width: 20px
}
.main-navigation li.important-information span.imp-icon.imp-icon-secure {
background-image: url(../images/imp-secure.png)
}
.main-navigation li.important-information span.imp-icon.imp-icon-branch {
background-image: url(../images/imp-branch.png);
height: 22px
}
.main-navigation-menu>li.hover-on li.important-information,
.main-navigation-menu>li:hover li.important-information {
display: block
}
}
@media only screen and (max-width: 1164px) {
header {
height: 107px
}
body.side-menu-open header,
body.temp-slide header {
height: 74px
}
.menu-1deep .active .menu-2deep,
.menu-2deep .active .menu-3deep {
display: block
}
body {
left: 0;
top: 33px
}
.main-navigation-menu {
left: -250px;
margin-top: 0;
width: 250px
}
body.side-menu-open {
overflow: hidden;
position: fixed
}
body.temp-slide {
position: fixed
}
body.temp-slide .top-navigation {
left: 0;
position: fixed;
right: 0;
top: 0
}
body.side-menu-open {
left: 250px
}
body.side-menu-open .top-navigation {
left: 0;
position: fixed;
right: 0;
top: 0
}
body.side-menu-open .main-navigation-menu {
left: 0
}
body.side-menu-open .main-navigation-menu a {
text-decoration: none
}
.top-navigation {
font-size: 13px;
font-weight: 700
}
.top-navigation ul {
margin: 0 auto;
width: 263px
}
.top-navigation ul a {
font-size: 13px;
margin: 0 2px;
padding: 8px 5px
}
.top-navigation ul li.top-navigation-accessability {
display: none!important
}
.main-header {
height: 74px
}
.brand-logo {
height: 20px;
margin: 23px 6px 21px;
width: 116px
}
.main-navigation {
font-size: 13px;
min-width: 0
}
.main-navigation li {
float: none;
height: 60px
}
.main-navigation li.divider {
height: 44px;
margin: 0 10px
}
.main-navigation li>a {
margin: 0;
padding: 22px 0 21px
}
.main-navigation li>a.button {
line-height: 2;
margin-top: 13px;
padding: 3px 11px
}
.main-navigation .main-navigation-menu li {
clear: both;
display: block;
height: auto
}
.main-navigation .main-navigation-menu a {
clear: both;
display: block;
float: none;
height: auto;
margin: 0;
padding: 10px 15px;
position: relative
}
#navigation-toggle {
float: left;
margin-top: 15px
}
#navigation-toggle span {
background: #D31F04;
clear: both;
display: block;
height: 3px;
margin-bottom: 4px;
width: 30px
}
#main-navigation-menu .menu-2deep a {
padding-left: 30px
}
#main-navigation-menu .menu-3deep a {
padding-left: 45px
}
#search-bar {
bottom: -72px
}
#search-bar form {
width: 80%
}
#search-bar #q {
width: 150px
}
#search-bar #qsubmit {
font-size: 11px;
padding: 11px 7px 9px
}
#search-toggle {
margin-left: 0;
padding-left: 0
}
.main-navigation-menu {
background: #fff;
bottom: 0;
box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, .2);
font-size: 15px;
overflow: scroll;
position: fixed;
top: 33px;
z-index: 100000
}
.main-navigation-menu a {
border-bottom: 1px solid #ececec;
display: block;
float: none;
line-height: 1.6;
margin: 0;
padding: 6px 15px
}
.main-navigation-menu a:after {
background-image: url(../images/navigation-chevron.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: ' ';
height: 20px;
opacity: .5;
position: absolute;
right: 20px;
top: 13px;
transition: all .075s ease;
width: 20px
}
.main-navigation-menu a.register-no-icon:after {
background: 0 0
}
.main-navigation-menu li.active>a {
color: #D31F04
}
.main-navigation-menu li.active>a:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.main-navigation-menu .menu-2deep li.active {
background-color: #e5f2f8;
box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, .2)
}
.main-navigation-menu .menu-2deep li.active>a {
color: #D31F04
}
.main-navigation-menu .menu-2deep li.active ul {
background-color: #f2f9fc;
box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, .2)
}
.main-navigation-menu .menu-3deep a:after {
background: 0 0
}
.menu-2deep li.active a {
color: #4d9ec8
}
}
@media only screen and (max-width: 1163px) and (min-width: 600px) {
.main-navigation-menu {
left: -350px;
width: 350px
}
.main-navigation-register-menu {
margin-top: 0
}
body.side-menu-open {
left: 350px
}
.main-navigation li>a {
margin: 0 6px;
padding: 28px 0 24px
}
.brand-logo {
height: 30px;
margin: 23px 6px 21px;
width: 176px
}
.main-navigation-toggle {
padding: 15px 25px 19px 0
}
.main-navigation li>a.button {
line-height: 2.4;
margin-top: 17px;
padding: 4px 23px
}
#search-toggle {
margin-left: 10px
}
#search-bar form {
max-width: 500px
}
#search-bar #q {
width: 350px
}
}
@media only screen and (max-width: 599px) {
header {
height: 70px
}
body.side-menu-open header,
body.temp-slide header {
height: 37px
}
.main-header {
height: 75px
}
.main-navigation-register-menu {
margin-top: 0
}
#search-bar {
background: #d9d9d9;
bottom: -80px;
height: 53px
}
#search-bar form {
margin: 8px auto;
width: 90%
}
#search-bar #q {
border-radius: 4px;
width: 235px
}
#search-bar #qsubmit {
display: none
}
#search-bar .close {
background-image: url(../images/icon-search-close.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 60%;
float: right;
height: 37px;
position: absolute;
right: 0;
text-indent: -900em;
width: 34px
}
}
@media only screen and (max-width: 320px) {
.brand-logo {
height: 20px;
margin: 23px 6px 21px 0;
width: 116px
}
.main-navigation li:last-child>a {
margin-right: 0
}
#search-bar .close {
background-position: 90% 50%
}
}
.ie8 .menu-2deep,
.ie8 .menu-3deep {
display: block;
opacity: 0;
transition: visibility .4s, opacity .4s linear;
visibility: hidden;
z-index: 100000
}
.ie8 .main-navigation-menu>li.hover-on .menu-2deep,
.ie8 .main-navigation-menu>li.hover-on .menu-3deep,
.ie8 .main-navigation-menu>li:hover .menu-2deep,
.ie8 .main-navigation-menu>li:hover .menu-3deep {
height: auto;
opacity: 1;
visibility: visible;
z-index: 200000
}
.ie8 .main-navigation-menu>li.hover-on>a,
.ie8 .main-navigation-menu>li:hover>a {
border-color: #e8e8e8;
color: #D31F04;
padding-bottom: 15px;
text-decoration: none;
z-index: 300000
}
.ie8 .menu-1deep>li>a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #fff;
border-color: transparent;
border-style: solid;
border-width: 1px 1px 0;
cursor: pointer;
margin: 0 5px;
padding: 9px 10px 13px;
position: relative;
top: -1px
}
.ie8 .menu-2deep {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 5px;
left: 50%;
margin-left: -400px;
margin-top: 11px;
padding: 0 10px;
position: absolute;
top: 100px;
width: 800px
}
.ie8 .menu-2deep>li {
height: auto;
padding-bottom: 65px;
width: 24.5%
}
.ie8 .menu-2deep>li.menu-item-wider {
width: 33%
}
.ie8 .menu-2deep>li>a {
border-bottom: 1px solid #e8e8e8;
color: #0071ae;
cursor: default;
display: block;
float: none;
font-size: 16px;
margin: 4px 10px 10px;
padding: 9px 0;
text-decoration: none
}
.ie8 .main-navigation-menu>li .menu-3deep a {
font-size: 14px;
padding: 5px 0
}
.ie8 .main-navigation-menu>li.hover-on .menu-3deep li,
.ie8 .main-navigation-menu>li:hover .menu-3deep li {
clear: both;
display: block;
float: left;
height: auto;
width: 100%
}
.ie8 .main-navigation-menu>li.hover-on .menu-3deep a,
.ie8 .main-navigation-menu>li:hover .menu-3deep a {
display: block;
float: none
}
.ie8 .main-navigation li.important-information {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #f7f7f7;
border-top: 1px solid #e8e8e8;
bottom: 0;
display: none;
left: 0;
min-height: 0;
padding: 0;
position: absolute;
width: 100%
}
.ie8 .main-navigation li.important-information li {
float: right;
height: auto
}
.ie8 .main-navigation li.important-information li:first-child {
float: left;
font-size: 14px;
line-height: 1.6;
margin: 0;
padding: 13px 10px
}
.ie8 .main-navigation li.important-information a,
.ie8 .main-navigation li.important-information span:not(.imp-icon) {
display: inline-block;
font-size: 14px;
line-height: 1.6;
margin: 0
}
.ie8 .main-navigation li.important-information span.imp-icon {
background-image: url(../images/imp-contact.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
float: left;
height: 28px;
margin-right: 7px;
width: 28px
}
.ie8 .main-navigation li.important-information span.imp-icon.imp-icon-secure {
background-image: url(../images/imp-secure.png)
}
.ie8 .main-navigation li.important-information span.imp-icon.imp-icon-branch {
background-image: url(../images/imp-branch.png);
height: 22px
}
.ie8 .main-navigation-menu>li.hover-on li.important-information,
.ie8 .main-navigation-menu>li:hover li.important-information {
display: block
}
.ie8 #search-toggle {
background: url(../images/icon-search.png) 0 50% no-repeat #fff
}
.ie8 span.imp-icon {
background: url(../images/imp-contact.png) no-repeat;
float: left;
height: 20px;
margin-right: 7px;
width: 20px
}
.ie8 span.imp-icon.imp-icon-secure {
background: url(../images/imp-secure.png) no-repeat
}
.ie8 span.imp-icon.imp-icon-branch {
background: url(../images/imp-branch.png) no-repeat
}
.ie8 .top-navigation-accessability {
float: right
}
.ie8 #search-bar #q {
height: auto;
line-height: 10px;
padding: 13px 0 6px 10px
}
.premier .top-navigation,
.premierftb .top-navigation {
background: #000
}
.bread-crumbs ul:after,
.clearfix:after {
clear: both;
content: '';
display: table
}
.bread-crumbs,
.bread-crumbs h1 {
font-size: 1em
}
.bread-crumbs ul {
padding-bottom: 16px
}
.bread-crumbs li {
float: left;
margin-right: 3px;
padding: 0
}
.bread-crumbs li.last-child:after {
content: '';
margin: 0
}
.bread-crumbs li:before {
content: '/';
margin-right: 3px
}
.bread-crumbs li:first-child:before {
content: '';
margin: 0
}
.clearfix:after,
.cookie-panel:after,
.ie8-panel:after {
clear: both;
content: '';
display: table
}
.cookie-panel {
background: #efefef;
color: #666;
float: left;
max-height: 0;
overflow: hidden;
position: relative;
transition: height, .5s linear;
width: 100%
}
.cookie-panel .cookie-panel-content {
margin: 0 auto;
padding: 16px 0
}
@media all and (max-width: 599px) {
.cookie-panel .cookie-panel-content {
padding: 16px 16px 16px 0
}
}
.cookie-panel .cookie-close {
background-position: top left;
background-repeat: no-repeat;
padding-top: 0;
background-image: url(../images/close-x.svg);
background-size: 14px 14px;
display: block;
height: 23px;
overflow: hidden;
position: absolute;
right: 1.5%;
text-indent: -9999px;
top: 15px;
width: 23px
}
.no-svg .cookie-panel .cookie-close {
background-image: url(../images/close-desktop.png)
}
.cookie-panel .cookie-heading {
color: #D31F04;
font-size: 1.375em;
font-weight: 700;
margin-bottom: 16px
}
.cookie-panel p {
font-size: 1.125em;
line-height: 1.3
}
.cookie-panel p a {
text-decoration: underline
}
.cookie-panel.open {
max-height: 1000px
}
.cookie-panel+.main-container,
.cookie-panel+.main-container-wrapper .main-container {
padding-top: 16px
}
.ie8-panel {
color: #666;
float: left;
width: 100%;
padding: 16px 0;
background: #e5f2f8;
overflow: hidden;
position: relative;
margin-top: 2px;
margin-bottom: 2px;
display: none
}
.ie8-panel h2,
.ie8-panel h3,
.ie8-panel h4 {
color: #D31F04;
font-size: 1.375em;
font-weight: 700
}
.ie8-panel p {
font-size: 1.125em;
line-height: 1.3
}
.ie8-panel p a {
text-decoration: underline
}
.ie8 .ie8-panel {
display: block
}
.ie8-panel+.main-container,
.ie8-panel+.main-container-wrapper .main-container {
padding-top: 16px
}
@media all and (max-width: 599px) {
.hero-type-one-block .divider-text .decoration,
.hero-type-one-block .line-division-black,
.hero-type-one-block .line-division-blue,
.hero-type-one-block .line-division-grey {
display: none
}
}
.hero-type-two-block .product-name {
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
font-weight: 300;
margin-bottom: 16px
}
.hero-type-two-block .product-title p {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.9em;
line-height: 1.6;
margin-bottom: 32px
}
@media all and (max-width: 599px) {
.hero-type-two-block .product-title p {
font-size: 1.9em;
line-height: 1.1
}
}
.hero-type-two-block .product-description p {
color: #666;
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
font-weight: 100;
line-height: 1.6;
margin-bottom: 32px
}
.hero-type-two-block li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick_green-simple.svg);
background-size: 15px 11px;
font-family: verdana, arial, sans-serif;
margin-bottom: 16px
}
.hero-type-two-block .no-svg li,
.no-svg .hero-type-two-block li {
background-image: url(../images/tick-icon-simple-desktop.png)
}
.hero-type-two-block .premier li,
.premier .hero-type-two-block li {
background-image: url(../images/tick_black-simple.svg)
}
.hero-type-two-block .no-svg .premier li,
.no-svg .premier .hero-type-two-block li {
background-image: url(../images/tick_black-simple.png)
}
.clearfix:after,
.hero-type-one-block:after,
.hero-type-two-block .pod-block:after,
.hero-type-two-block .pod-ctas:after,
.hero-type-two-block:after,
.hero-with-pod .nest.pod-block:last-child:after,
.hero-with-pod:after {
clear: both;
content: '';
display: table
}
@media all and (max-width: 599px) {
.hero-type-one-block .divider-text .decoration,
.hero-type-one-block .line-division-black,
.hero-type-one-block .line-division-blue,
.hero-type-one-block .line-division-grey {
display: none
}
}
.hero-type-one-block .sup-script,
.hero-type-two-block .sup-script,
.hero-with-pod .sup-script {
border-bottom: 1px solid #D31F04;
color: #D31F04;
font-size: .65em;
margin-left: 5px;
position: relative;
text-decoration: none;
top: -.7em
}
[data-track-section=Personal] .hero-type-one-block {
background-position: 90% 100%!important
}
.ie8 .hero-type-one-block .nest.main-col-wrapper {
width: 100%;
margin-bottom: 0
}
.ie8 .hero-type-one-block .nest.col-wrapper {
width: 100%;
margin-bottom: 32px
}
.ie8 .hero-type-one-block.no-button .nest.col-wrapper {
margin-bottom: 0
}
.ie8 .hero-type-one-block.with-image .nest.main-col-wrapper,
.ie8 .hero-with-pod .nest.pod-block {
margin-bottom: 32px
}
.hero-type-one-block,
.hero-type-two-block,
.hero-with-pod {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
clear: both;
color: #D31F04;
margin: 0 auto
}
.no-backgroundsize .hero-type-one-block,
.no-backgroundsize .hero-type-two-block,
.no-backgroundsize .hero-with-pod {
background-position: center 0
}
.hero-type-one-block:after,
.hero-type-two-block:after,
.hero-with-pod:after {
display: block;
padding: 32px 0;
background: #fff;
border-bottom: 2px solid #b2b2b2;
clear: both;
content: ""
}
.no-backgroundsize .hero-type-one-block:after,
.no-backgroundsize .hero-type-two-block:after,
.no-backgroundsize .hero-with-pod:after {
padding: 0
}
.hero-type-one-block [class*=col-],
.hero-type-two-block [class*=col-],
.hero-with-pod [class*=col-] {
position: relative
}
.hero-type-one-block .divider-text .decoration,
.hero-type-one-block .line-division-black,
.hero-type-one-block .line-division-blue,
.hero-type-one-block .line-division-grey,
.hero-type-one-block .text-division {
height: 100%;
left: 50%;
margin: 0;
position: absolute
}
.hero-type-one-block .divider-text .decoration,
.hero-type-one-block .line-division-black,
.hero-type-one-block .line-division-blue,
.hero-type-one-block .line-division-grey {
width: 1px
}
@media all and (max-width: 599px) {
.hero-type-one-block .divider-text .decoration,
.hero-type-one-block .line-division-black,
.hero-type-one-block .line-division-blue,
.hero-type-one-block .line-division-grey {
display: none
}
}
.hero-type-one-block .nest.main-col-wrapper:last-child .nest.col-wrapper:last-child,
.hero-type-one-block .nest.main-col-wrapper:last-child>.col-12,
.hero-type-two-block .nest.main-col-wrapper:last-child .nest.col-wrapper:last-child,
.hero-type-two-block .nest.main-col-wrapper:last-child>.col-12,
.hero-with-pod .nest.main-col-wrapper:last-child .nest.col-wrapper:last-child,
.hero-with-pod .nest.main-col-wrapper:last-child>.col-12 {
margin-right: 0;
width: 100%
}
@media all and (max-width: 599px) {
.hero-type-one-block .nest.main-col-wrapper:last-child .nest.col-wrapper:last-child [class*=col-],
.hero-type-two-block .nest.main-col-wrapper:last-child .nest.col-wrapper:last-child [class*=col-],
.hero-with-pod .nest.main-col-wrapper:last-child .nest.col-wrapper:last-child [class*=col-] {
margin-right: 0;
width: 100%
}
}
.hero-type-one-block p,
.hero-type-one-block ul,
.hero-type-two-block p,
.hero-type-two-block ul,
.hero-with-pod p,
.hero-with-pod ul {
font-size: 1.125em
}
.hero-type-one-block .right,
.hero-type-two-block .right,
.hero-with-pod .right {
float: right
}
@media all and (min-width: 600px) and (max-width: 768px) {
.hero-type-one-block .right,
.hero-type-two-block .right,
.hero-with-pod .right {
width: 30%!important;
margin-right: 15%!important
}
}
@media all and (max-width: 599px) {
.hero-type-one-block .right,
.hero-type-two-block .right,
.hero-with-pod .right {
float: none
}
}
@media all and (min-width: 600px) and (max-width: 768px) {
.hero-type-one-block .left,
.hero-type-two-block .left,
.hero-with-pod .left {
width: 30%!important;
margin-left: 15%!important
}
}
.hero-type-one-block .light-color,
.hero-type-two-block .light-color,
.hero-with-pod .light-color {
color: #666
}
.hero-type-one-block .styled-link,
.hero-type-two-block .styled-link,
.hero-with-pod .styled-link {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 12px;
background-image: url(../images/chevron-mini-blue.svg);
background-size: 5px 9px;
font-size: 1.125em
}
.no-svg .hero-type-one-block .styled-link,
.no-svg .hero-type-two-block .styled-link,
.no-svg .hero-with-pod .styled-link {
background-image: url(../images/chevron-mini-blue.png)
}
.bg-text-darkblue .hero-type-one-block .styled-link,
.bg-text-darkblue .hero-type-two-block .styled-link,
.bg-text-darkblue .hero-with-pod .styled-link {
background-image: url(../images/chevron-mini-white.png)
}
.hero-type-one-block .styled-link:hover,
.hero-type-two-block .styled-link:hover,
.hero-with-pod .styled-link:hover {
text-decoration: underline
}
.hero-type-one-block .styled-link-right,
.hero-type-two-block .styled-link-right,
.hero-with-pod .styled-link-right {
background-position: right 60%;
background-repeat: no-repeat;
padding-right: 12px;
background-image: url(../images/chevron-mini-blue.svg);
background-size: 5px 9px;
display: inline-block
}
.no-svg .hero-type-one-block .styled-link-right,
.no-svg .hero-type-two-block .styled-link-right,
.no-svg .hero-with-pod .styled-link-right {
background-image: url(../images/chevron-mini-blue.png)
}
.hero-type-one-block .styled-link-right:hover,
.hero-type-two-block .styled-link-right:hover,
.hero-with-pod .styled-link-right:hover {
text-decoration: underline
}
.hero-type-one-block .hero-support-text,
.hero-type-two-block .hero-support-text,
.hero-with-pod .hero-support-text {
padding: 64px 0 0;
text-align: center
}
.no-backgroundsize .hero-type-one-block .hero-support-text,
.no-backgroundsize .hero-type-two-block .hero-support-text,
.no-backgroundsize .hero-with-pod .hero-support-text {
padding: 32px 0 0
}
.hero-type-one-block .hero-support-text p,
.hero-type-two-block .hero-support-text p,
.hero-with-pod .hero-support-text p {
font-family: verdana, arial, sans-serif;
margin: 0 auto;
max-width: 1024px;
width: 80%
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-support-text,
.hero-type-two-block .hero-support-text,
.hero-with-pod .hero-support-text {
padding: 64px 0 0
}
.hero-type-one-block .hero-support-text .hidden-text,
.hero-type-two-block .hero-support-text .hidden-text,
.hero-with-pod .hero-support-text .hidden-text {
display: none
}
.hero-type-one-block .hero-support-text.with-image,
.hero-type-two-block .hero-support-text.with-image,
.hero-with-pod .hero-support-text.with-image {
padding: 16px 0 0;
height: 255px
}
.hero-type-one-block .hero-support-text.with-image .title,
.hero-type-two-block .hero-support-text.with-image .title,
.hero-with-pod .hero-support-text.with-image .title {
margin-bottom: 16px
}
}
@media all and (max-width: 380px) {
.hero-type-one-block .hero-support-text.with-image,
.hero-type-two-block .hero-support-text.with-image,
.hero-with-pod .hero-support-text.with-image {
height: 240px
}
}
@media all and (max-width: 599px) {
.hero-type-one-block,
.hero-type-two-block,
.hero-with-pod {
font-size: 1em
}
.with-image .hero-type-one-block,
.with-image .hero-type-two-block,
.with-image .hero-with-pod {
background-size: 120%;
background-position: top center;
max-height: 205px;
margin-top: 32px
}
.hero-type-one-block:after,
.hero-type-two-block:after,
.hero-with-pod:after {
height: 0;
padding: 0
}
}
@media all and (max-width: 599px) {
.with-image.hero-type-one-block,
.with-image.hero-type-two-block,
.with-image.hero-with-pod {
background-size: 100%;
height: 255px
}
}
@media all and (max-width: 380px) {
.with-image.hero-type-one-block,
.with-image.hero-type-two-block,
.with-image.hero-with-pod {
background-size: auto 100%;
height: 255px
}
}
.premier .hero-type-one-block,
.premier .hero-type-two-block,
.premier .hero-with-pod {
color: #000;
padding-bottom: 64px
}
.premier .with-image.hero-type-one-block,
.premier .with-image.hero-type-two-block,
.premier .with-image.hero-with-pod {
padding-bottom: 0!important
}
.premier .hero-type-one-block:after,
.premier .hero-type-two-block:after,
.premier .hero-with-pod:after {
padding: 0;
border: none
}
.premier .hero-type-one-block .hero-marketing-text p,
.premier .hero-type-two-block .hero-marketing-text p,
.premier .hero-with-pod .hero-marketing-text p {
color: #000;
padding: 32px 0
}
@media all and (max-width: 599px) {
.premier .hero-type-one-block .hero-marketing-text p,
.premier .hero-type-two-block .hero-marketing-text p,
.premier .hero-with-pod .hero-marketing-text p {
padding: 0 0 16px
}
}
.premier .hero-type-one-block .hero-cta,
.premier .hero-type-two-block .hero-cta,
.premier .hero-with-pod .hero-cta {
margin-bottom: 0
}
@media all and (max-width: 599px) {
.premier .hero-type-one-block,
.premier .hero-type-two-block,
.premier .hero-with-pod {
padding-bottom: 0
}
}
.common-pod .hero-marketing-list li,
.hero-type-one-block .hero-marketing-list li {
background-position: left top;
background-repeat: no-repeat;
padding-left: 40px;
padding-top: 4px;
padding-bottom: 8px;
margin-top: 24px;
background-size: 26px
}
.common-pod .hero-marketing-list li:first-child,
.hero-type-one-block .hero-marketing-list li:first-child {
margin-top: 0
}
@media all and (max-width: 599px) {
.common-pod .hero-marketing-list li,
.hero-type-one-block .hero-marketing-list li {
background-position: left top;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 0;
padding-bottom: 1px;
margin-top: 32px;
background-size: 18px
}
}
.premier .hero-type-one-block .divider-text .text {
color: #d9d9d9
}
.premier .hero-type-one-block .hero-marketing-text strong {
font-weight: 300;
color: #d9d9d9
}
.premier .hero-type-one-block .hero-marketing-list li {
background-image: url(../images/tick_black.svg)
}
.no-svg .premier .hero-type-one-block .hero-marketing-list li {
background-image: url(../images/tick_black.png)
}
@media all and (max-width: 599px) {
.hero-type-one-block.with-image .hero-right-col {
border: none;
text-align: center;
padding: 32px 0
}
}
.hero-type-one-block.with-image .nest.main-col-wrapper:last-child {
margin-bottom: 32px
}
@media all and (max-width: 599px) {
.hero-type-one-block.with-image .nest.main-col-wrapper:last-child {
margin-bottom: 64px
}
}
.hero-type-one-block.no-button .nest.col-wrapper:last-child {
margin-bottom: 0
}
.hero-type-one-block.with-cta-group:after {
display: block;
padding: 0;
background: #fff;
border-bottom: none;
clear: both
}
.no-backgroundsize .hero-type-one-block.with-cta-group:after {
padding: 0
}
@media all and (max-width: 599px) {
.hero-type-one-block.with-cta-group .nest.main-col-wrapper:last-child {
margin-bottom: 0
}
}
.hero-type-one-block .hero-support-text {
padding: 64px 0 0
}
.hero-type-one-block .hero-marketing-list {
font-family: verdana, arial, sans-serif
}
.hero-type-one-block .hero-marketing-list li {
background-image: url(../images/tick_green.svg)
}
.no-svg .hero-type-one-block .hero-marketing-list li {
background-image: url(../images/tick-icon-desktop.png)
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-marketing-list {
margin-left: auto;
margin-right: auto;
display: table
}
}
.hero-type-one-block .nest.main-col-wrapper:last-child {
width: 100%;
margin-bottom: 0
}
@media all and (max-width: 599px) {
.hero-type-one-block .nest.main-col-wrapper:last-child {
margin-bottom: 64px
}
}
.hero-type-one-block .nest.col-wrapper:last-child {
width: 100%;
margin-bottom: 32px
}
.hero-type-one-block .line-division-grey {
border-left: 1px solid #d9d9d9
}
.hero-type-one-block .line-division-blue {
border-left: 1px solid #D31F04
}
.hero-type-one-block .line-division-black {
border-left: 1px solid #000
}
.hero-type-one-block .text-division {
left: 43%;
margin-right: 0
}
@media all and (max-width: 599px) {
.hero-type-one-block .text-division {
height: auto;
left: auto;
position: relative;
margin-bottom: 32px!important
}
}
.hero-type-one-block .divider-text {
width: 100%;
height: 100%;
display: table
}
.hero-type-one-block .divider-text .text-container {
height: 100%;
display: table-cell;
font-size: 1.875em;
vertical-align: middle;
text-align: center
}
.hero-type-one-block .divider-text .decoration {
top: 0;
border-left: 1px solid #d9d9d9;
z-index: 1
}
.hero-type-one-block .divider-text .text {
display: inline-block;
padding: 5px;
position: relative;
background: #fff;
z-index: 2
}
@media all and (max-width: 599px) {
.hero-type-one-block .divider-text {
display: block;
height: auto
}
.hero-type-one-block .divider-text .text-container {
display: block;
height: auto;
position: relative
}
.hero-type-one-block .divider-text .decoration {
display: block;
border-top: 1px solid #d9d9d9;
height: 1px;
width: 100%;
top: 50%;
left: 0
}
}
.hero-type-one-block .hero-support-text-header {
font-size: 3.125em;
font-weight: 100
}
.hero-type-one-block .hero-support-text-header.large-text {
font-size: 4.48em
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-support-text-header {
font-size: 1.875em!important;
padding: 0
}
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-right-col {
border: none;
text-align: center;
padding: 0 0 32px
}
}
.hero-type-one-block .barclayloan-rate,
.hero-type-one-block .hero-marketing-header {
font-weight: 100
}
.hero-type-one-block .barclayloan-rate>span,
.hero-type-one-block .barclayloan-rate>strong,
.hero-type-one-block .hero-marketing-header>span,
.hero-type-one-block .hero-marketing-header>strong {
display: block
}
.hero-type-one-block .hero-marketing-header.text-inline span,
.hero-type-one-block .hero-marketing-header.text-inline strong,
.hero-type-one-block .text-inline.barclayloan-rate span,
.hero-type-one-block .text-inline.barclayloan-rate strong {
display: inline
}
.hero-type-one-block .barclayloan-rate strong,
.hero-type-one-block .hero-marketing-header strong {
font-weight: 300;
font-size: 3.125em
}
@media all and (max-width: 600px) {
.hero-type-one-block .barclayloan-rate strong,
.hero-type-one-block .hero-marketing-header strong {
font-size: 2.5em
}
}
.hero-type-one-block .barclayloan-rate span,
.hero-type-one-block .hero-marketing-header span {
font-size: 1.875em
}
@media all and (max-width: 599px) {
.hero-type-one-block .barclayloan-rate>span,
.hero-type-one-block .barclayloan-rate>strong,
.hero-type-one-block .hero-marketing-header>span,
.hero-type-one-block .hero-marketing-header>strong {
display: block!important
}
.hero-type-one-block .barclayloan-rate strong,
.hero-type-one-block .hero-marketing-header strong {
font-size: 1.875em;
width: auto
}
.hero-type-one-block .barclayloan-rate span,
.hero-type-one-block .hero-marketing-header span {
font-size: 1.563em
}
}
.hero-type-one-block .hero-marketing-header-group {
font-weight: 100;
text-align: center
}
.hero-type-one-block .hero-marketing-header-group span {
display: block
}
.hero-type-one-block .hero-marketing-header-group .second-h {
font-size: 2.5em;
padding: 16px 0 0
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-marketing-header-group .second-h {
margin: 0 auto;
width: 60%;
font-size: 1.75em
}
}
.hero-type-one-block .hero-marketing-text p {
text-align: center;
color: #666;
line-height: 1.3;
padding: 16px 0
}
.hero-type-one-block .hero-marketing-text ul {
text-align: left;
padding-top: 16px
}
@media all and (max-width: 599px) {
.hero-type-one-block .barclayloan {
margin-left: auto;
margin-right: auto
}
}
.hero-type-one-block .barclayloan-rate strong {
color: #007eb6!important;
font-size: 30px
}
.hero-type-one-block .barclayloan-rate span {
font-size: 18px
}
.hero-type-one-block .barclayloan-rate span,
.hero-type-one-block .barclayloan-rate strong {
font-weight: 400;
display: inline!important
}
@media all and (max-width: 599px) {
.hero-type-one-block .barclayloan-rate {
margin-bottom: 0
}
.hero-type-one-block .barclayloan-rate strong {
font-size: 25px
}
}
.hero-type-one-block .barclayloan-band {
font-size: 1.25em;
margin-bottom: 5px
}
.hero-type-one-block .barclayloan-band>* {
display: inline-block
}
@media all and (max-width: 599px) {
.hero-type-one-block .barclayloan-band span {
display: block
}
}
.hero-type-one-block .dynamic-band {
font-size: 30px;
color: #D31F04
}
@media all and (max-width: 599px) {
.hero-type-one-block .dynamic-band {
font-size: 25px;
margin-top: 0;
margin-bottom: 0
}
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-left-col {
padding: 0
}
}
.hero-type-one-block .hero-cta {
text-align: center;
clear: both;
padding-top: 32px
}
.hero-type-one-block .hero-cta .styled-link {
margin-top: 32px
}
@media all and (max-width: 600px) {
.hero-type-one-block .hero-cta {
clear: both
}
}
.hero-type-one-block .hero-foot-text {
text-align: center
}
.hero-type-one-block .hero-foot-text .hero-foot-text-large {
margin: 32px 0
}
@media all and (max-width: 599px) {
.hero-type-one-block .hero-foot-text .hero-foot-text-large {
margin: 16px 0
}
}
.hero-type-one-block .hero-foot-text .hero-foot-text-small p {
font-size: 1em!important;
color: #666
}
.hero-type-one-block .hero-foot-text .hero-foot-text-small .alert-info {
background-position: left top;
background-repeat: no-repeat;
padding-left: 22px;
background-image: url(../images/alert_icon.svg);
display: inline-block;
background-size: 16px 16px
}
.no-svg .hero-type-one-block .hero-foot-text .hero-foot-text-small .alert-info {
background-image: url(../images/alert_icon.png)
}
.hero-type-two-block .pod-block {
margin-bottom: 32px!important
}
@media all and (max-width: 768px) {
.hero-type-two-block .pod-block {
margin-bottom: 64px!important
}
}
.hero-type-two-block .content-pod {
background: #fff;
border-radius: 4px;
padding: 32px
}
.hero-type-two-block .pod-text {
margin-bottom: 32px
}
.hero-type-two-block .product-title p {
font-weight: 100
}
.hero-type-two-block .product-title p strong {
font-weight: 400
}
.ie8 .hero-type-two-block .product-title p strong {
font-weight: 600
}
.hero-type-two-block ul {
margin-bottom: 32px
}
.hero-type-two-block .pod-ctas {
position: relative
}
.hero-type-two-block .pod-ctas .button,
.hero-type-two-block .pod-ctas img {
float: left
}
.hero-type-two-block .pod-ctas img {
display: inline-block;
margin: 0 0 0 16px
}
@media all and (max-width: 1024px) {
.hero-type-two-block .pod-ctas img {
float: none;
display: block;
margin: 16px 0 0
}
}
@media all and (max-width: 600px) {
.hero-type-two-block .pod-ctas img {
margin: 16px auto 0
}
}
@media all and (max-width: 1024px) {
.hero-type-two-block .pod-ctas .button {
float: none
}
}
@media all and (max-width: 600px) {
.hero-type-two-block .pod-ctas .button {
display: block
}
}
@media all and (max-width: 599px) {
.hero-type-two-block {
border-bottom: 1px solid #d9d9d9;
padding-left: 16px;
padding-right: 16px
}
.hero-type-two-block .product-name,
.hero-type-two-block .product-title {
text-align: center
}
}
.common-pod {
background: #fff;
border-radius: 4px;
padding: 32px
}
.common-pod .big-heading {
color: #666;
font-size: 1.923em;
margin-bottom: 32px
}
.common-pod .dynamic-band {
color: #666;
font-size: 1.923em;
font-weight: 300
}
.common-pod .dynamic-band .heroAmt {
color: #D31F04;
font-weight: 400
}
@media all and (max-width: 600px) {
.common-pod .dynamic-band {
margin-bottom: 16px;
text-align: center
}
}
.common-pod .barclayloan-rate {
display: block
}
@media all and (max-width: 600px) {
.common-pod .barclayloan-rate {
width: 85%;
margin: 16px auto;
text-align: center
}
}
.common-pod .barclayloan-rate strong {
color: #007eb6!important;
font-size: 30px;
font-weight: 400
}
.common-pod .barclayloan-band {
display: block;
color: #666;
font-size: 1.2em;
margin-bottom: 16px
}
@media all and (max-width: 600px) {
.common-pod .barclayloan-band {
text-align: center
}
}
@media all and (max-width: 600px) {
.common-pod .dynamic-period {
text-align: center
}
}
.common-pod .hero-marketing-list {
font-family: verdana, arial, sans-serif
}
.common-pod .hero-marketing-list li {
background-image: url(../images/tick_green.svg)
}
.no-svg .common-pod .hero-marketing-list li {
background-image: url(../images/tick-icon-desktop.png)
}
@media all and (max-width: 599px) {
.common-pod .hero-marketing-list {
display: table;
margin-left: auto;
margin-right: auto
}
}
.hero-with-pod {
padding-top: 32px
}
.hero-with-pod .nest.pod-block:last-child {
margin-bottom: 32px
}
@media all and (max-width: 768px) {
.hero-with-pod .nest.pod-block:last-child {
margin-bottom: 64px
}
}
.hero-with-pod .common-pod {
width: auto!important
}
@media all and (min-width: 600px) and (max-width: 1279px) {
[class*=hero] .col-16 .common-pod {
width: 98%;
max-width: 640px
}
}
.link-component .link-wrap div {
margin-top: 20px!important
}
.link-component span {
display: table;
height: 100%;
padding: 0;
width: 100%
}
.link-component span .button {
display: table-cell;
padding: 12px 26px;
vertical-align: middle
}
@media all and (max-width: 599px) {
.link-component span {
margin-top: 3%
}
}
.clearfix:after,
.text-component .pod-block:after {
clear: both;
content: '';
display: table
}
.text-component .pod-block h3 {
font-size: 2.462em;
text-align: left;
margin-top: 16px;
margin-bottom: 16px
}
.text-component .pod-block h4 {
font-size: 1.923em;
color: #666;
text-align: left;
margin-bottom: 16px
}
.text-component .pod-block p {
font-size: 1.231em;
color: #666;
text-align: left;
margin-bottom: 16px
}
.text-component .pod-block p a {
text-decoration: underline
}
.text-component .pod-block ul,
.text-component .pod-block ul.hero-marketing-list,
.text-component .pod-block ul.promotion-list {
list-style: disc;
font-size: 1.231em;
color: #666;
margin-top: 16px;
padding-left: 30px
}
.text-component .pod-block ul li,
.text-component .pod-block ul.hero-marketing-list li,
.text-component .pod-block ul.promotion-list li {
margin-bottom: 16px
}
.text-component .pod-block ol {
list-style: decimal;
font-size: 1.231em;
color: #666;
margin-top: 16px;
padding-left: 33px
}
.text-component .pod-block ol li {
margin-bottom: 16px
}
.text-component .pod-block ul.promotion-list {
padding-left: 15px
}
.text-component .pod-block ul.promotion-list li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick-icon-simple-desktop.png);
list-style: none;
font-family: inherit
}
@media all and (max-width: 599px) {
.text-component .pod-block ul.promotion-list li {
background-size: 14px 10px;
padding-left: 25px
}
}
.text-component .pod-block ul.hero-marketing-list {
padding-left: 15px
}
.text-component .pod-block ul.hero-marketing-list li {
background-position: left top;
background-repeat: no-repeat;
padding-left: 40px;
background-image: url(../images/tick_green.svg);
list-style: none;
padding-top: 4px;
padding-bottom: 8px;
background-size: 26px;
margin-bottom: 8px
}
.no-svg .text-component .pod-block ul.hero-marketing-list li {
background-image: url(../images/tick-icon-desktop.png)
}
.text-component .pod-block ul.hero-marketing-list li:first-child {
margin-top: 0
}
@media all and (max-width: 599px) {
.text-component .pod-block ul.hero-marketing-list li {
background-position: left top;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 16px;
background-size: 18px
}
}
.premier .text-component ul.promotion-list li {
background-image: url(../images/tick_black-simple.png)
}
.premier .text-component ul.hero-marketing-list li {
background-image: url(../images/tick_black.svg)
}
.no-svg .premier .text-component ul.hero-marketing-list li {
background-image: url(../images/tick_black.png)
}
.clearfix:after,
.cta-block:after,
.cta-block>.row>.col-16>.nest:after {
clear: both;
content: '';
display: table
}
.cta-block .higlight-txt {
color: #D31F04
}
.cta-block {
background: #fff;
border-bottom: 2px solid #b2b2b2;
clear: both;
padding-top: 32px;
padding-bottom: 64px;
position: relative;
top: -2px
}
.cta-block>.row>.col-16>.nest {
margin-bottom: 0!important
}
.cta-block .button {
background: #D31F04;
border-radius: 3px;
border: none;
color: #fff;
font-family: verdana, arial, sans-serif;
padding: 12px 26px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.125em;
font-weight: 100
}
@media (max-width: 600px) {
.cta-block .button {
display: block
}
}
.cta-block .button.el-align-center,
.cta-block .button.el-align-left,
.cta-block .button.el-align-right,
.cta-block .buttonspan .cta-block .button.el-align-center,
.cta-block .buttonspan .cta-block .button.el-align-right,
.cta-block .buttonspan .el-align-left {
display: table
}
@media (max-width: 600px) {
.cta-block .button.el-align-center,
.cta-block .button.el-align-left,
.cta-block .button.el-align-right,
.cta-block .buttonspan .cta-block .button.el-align-center,
.cta-block .buttonspan .cta-block .button.el-align-right,
.cta-block .buttonspan .el-align-left {
display: block
}
}
.cta-block .button:active,
.cta-block .button:focus,
.cta-block .button:hover {
background-color: #006896
}
.cta-block .button:hover {
text-decoration: underline
}
.cta-block .button.disabled {
background: #666;
cursor: default
}
@media all and (max-width: 599px) {
.cta-block .button {
display: block;
font-size: 1.125em!important
}
}
.cta-block .multiple-cta {
color: #666;
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
text-align: center
}
.cta-block .multiple-cta br {
display: none
}
.cta-block .multiple-cta>p>span {
padding: 0!important
}
@media all and (max-width: 1024px) {
.cta-block .multiple-cta {
font-size: 1em
}
}
@media all and (max-width: 599px) {
.cta-block .multiple-cta {
margin-top: -5%
}
.cta-block .multiple-cta span {
padding: 16px 0
}
}
.cta-block .cta-list-header {
font-size: 1.923em;
font-weight: 100;
margin: 0 0 32px;
text-align: center;
color: #D31F04
}
@media all and (max-width: 599px) {
.cta-block .cta-list-header {
font-size: 1.875em;
margin-bottom: 32px;
margin-top: 0
}
}
.cta-block .cta-list-wrapper .col-16 {
position: relative;
left: -18%
}
@media all and (max-width: 1279px) {
.cta-block .cta-list-wrapper .col-16 {
position: static;
left: auto
}
}
.cta-block .cta-list-wrapper>[class*=" col"] {
border-left: 1px solid #d9d9d9
}
.cta-block .cta-list-wrapper [class*=" col"]:first-child {
border: none
}
@media all and (max-width: 599px) {
.cta-block .cta-list-wrapper>[class*=" col"] {
border: none
}
}
.cta-block .cta-list,
.cta-block .middel-cta-list {
min-height: 70px;
text-align: center
}
.premier .cta-block .cta-list,
.premier .cta-block .middel-cta-list {
min-height: 0
}
.cta-block .cta-list p,
.cta-block .middel-cta-list p {
font-size: 1.125em
}
@media all and (max-width: 599px) {
.cta-block .cta-list p,
.cta-block .middel-cta-list p {
margin-bottom: 24px
}
}
.cta-block .cta-list .cta-container,
.cta-block .cta-list p:first-child,
.cta-block .middel-cta-list .cta-container,
.cta-block .middel-cta-list p:first-child {
margin-bottom: 12px
}
.cta-block .cta-list .extra-text,
.cta-block .middel-cta-list .extra-text {
display: none
}
.cta-block .cta-list .cta-related-text,
.cta-block .middel-cta-list .cta-related-text {
color: #666
}
.cta-block .cta-list .styled-link,
.cta-block .middel-cta-list .styled-link {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 12px;
background-image: url(../images/chevron-mini-blue.svg);
background-size: 5px 9px;
font-size: 1.125em;
margin-top: 0
}
.no-svg .cta-block .cta-list .styled-link,
.no-svg .cta-block .middel-cta-list .styled-link {
background-image: url(../images/chevron-mini-blue.png)
}
.bg-text-darkblue .cta-block .cta-list .styled-link,
.bg-text-darkblue .cta-block .middel-cta-list .styled-link {
background-image: url(../images/chevron-mini-white.png)
}
@media all and (max-width: 850px) {
.cta-block .cta-list .extra-text,
.cta-block .middel-cta-list .extra-text {
display: inline
}
.cta-block .cta-list .cta-related-text,
.cta-block .middel-cta-list .cta-related-text {
display: block;
padding: 12px 0!important
}
}
@media all and (max-width: 599px) {
.cta-block .cta-list p:first-child,
.cta-block .middel-cta-list p:first-child {
margin-bottom: 0
}
.cta-block .cta-list p:first-child a:only-child,
.cta-block .middel-cta-list p:first-child a:only-child {
margin-bottom: 24px
}
.cta-block .cta-list .cta-related-text,
.cta-block .middel-cta-list .cta-related-text {
display: block
}
}
.cta-block .middel-cta-list {
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9
}
@media all and (max-width: 599px) {
.cta-block .middel-cta-list {
border: none
}
}
.premier .cta-block {
background: 0 0;
border-bottom: 0
}
.accordion .cta-block {
border-bottom: 0
}
@media all and (max-width: 599px) {
.accordion .cta-block {
top: auto;
margin-bottom: auto
}
}
@media all and (max-width: 599px) {
.accordion .cta-block .multiple-cta span {
display: inline-block
}
}
.content-carousel .cta-block,
.text-component .cta-block {
border-bottom: 0;
padding-bottom: 0
}
.clearfix:after,
.tab-carousel>.row:after {
clear: both;
content: '';
display: table
}
.tab-carousel .product-pod .product-title,
.tab-carousel .product-pod h3,
.tab-carousel .product-pod h4,
.tab-carousel .tab-carousel-header {
color: #D31F04;
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.9em;
font-weight: 500;
line-height: 1.6
}
@media all and (max-width: 599px) {
.tab-carousel .product-pod .product-title,
.tab-carousel .product-pod h3,
.tab-carousel .product-pod h4,
.tab-carousel .tab-carousel-header {
font-size: 1.9em;
line-height: 1.1
}
}
.tab-carousel .product-pod .product-name,
.tab-carousel .tab-carousel-support-text {
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
font-weight: 300;
margin-bottom: 16px
}
.tab-carousel .product-pod {
background: #fff;
border-radius: 4px;
padding: 32px
}
.tab-carousel .product-pod .product-name {
color: #D31F04
}
.tab-carousel .product-pod .product-title,
.tab-carousel .product-pod h3,
.tab-carousel .product-pod h4 {
margin-bottom: 32px
}
.tab-carousel .product-pod .product-title .tip-legal {
bottom: .45em
}
.tab-carousel .product-pod .hugetext {
color: #D31F04;
font-size: 2.5em;
letter-spacing: -2px
}
.tab-carousel .product-pod .product-sub-title,
.tab-carousel .product-pod p {
color: #666;
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
font-weight: 100;
line-height: 1.6;
margin-bottom: 32px
}
.tab-carousel .product-pod .product-sub-title a,
.tab-carousel .product-pod p a {
text-decoration: underline
}
.tab-carousel .product-pod p:last-child {
margin-bottom: 0
}
.tab-carousel .product-pod ul {
margin-bottom: 32px
}
.tab-carousel .product-pod li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick-icon-simple-desktop.png);
color: #D31F04;
font-size: 1.2em;
margin-bottom: 16px
}
.tab-carousel .sec-cta {
background: url(../images/chevron-mini-blue.png) 0 50% no-repeat;
color: #D31F04;
font-size: 1.125em;
padding: 12px 15px
}
.tab-carousel .col16 {
margin-bottom: 0
}
.tab-carousel .tab-carousel-header {
margin-bottom: 16px;
text-align: center
}
.tab-carousel .tab-carousel-support-text {
color: #666;
font-family: verdana, arial, sans-serif;
margin-left: auto;
margin-right: auto;
max-width: 1024px;
text-align: center
}
.tab-carousel .tab-carousel-support-text em {
text-decoration: underline
}
.tab-carousel .bx-wrapper {
position: relative
}
.tab-carousel .bx-wrapper .bx-next,
.tab-carousel .bx-wrapper .bx-prev {
height: 72px;
margin-top: -48px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 28px;
padding: 12px 10px;
z-index: 1
}
.tab-carousel .bx-wrapper .bx-prev {
background: url(../images/chevron-prev-white.png) 50% 50% no-repeat #D31F04;
left: 2.6%
}
.tab-carousel .bx-wrapper .bx-prev.focus-in,
.tab-carousel .bx-wrapper .bx-prev:hover {
background: url(../images/chevron-prev-white.png) 50% 50% no-repeat #006896
}
.tab-carousel .bx-wrapper .bx-prev.focus-in {
background-color: #008bc9
}
@media all and (max-width: 599px) {
.tab-carousel .bx-wrapper .bx-prev {
left: 24px
}
}
.tab-carousel .bx-wrapper .bx-next {
background: url(../images/chevron-next-white.png) 50% 50% no-repeat #D31F04;
right: 2.6%
}
.tab-carousel .bx-wrapper .bx-next.focus-in,
.tab-carousel .bx-wrapper .bx-next:hover {
background: url(../images/chevron-next-white.png) 50% 50% no-repeat #006896
}
.tab-carousel .bx-wrapper .bx-next.focus-in {
background-color: #008bc9
}
@media all and (max-width: 599px) {
.tab-carousel .bx-wrapper .bx-next {
right: 24px
}
}
.tab-carousel .bx-wrapper .disabled {
display: none
}
.tab-carousel .tab-carousel-container {
clear: both;
overflow: hidden;
position: relative
}
.tab-carousel .tab-carousel-container>section {
overflow: hidden
}
@media all and (max-width: 768px) {
.tab-carousel .tab-carousel-container>section {
background-color: #000
}
.tab-carousel .tab-carousel-container>section .row>.col-16 {
margin-left: 0;
width: 100%
}
}
.tab-carousel .tab-carousel-container img {
left: 0;
margin: auto;
max-width: 1400px;
position: absolute;
right: 0;
width: 100%
}
.tab-carousel .product-pod {
float: right;
margin: 64px 100px 64px 0;
position: relative;
width: 450px
}
.tab-carousel .product-pod .button {
margin-right: 16px
}
.tab-carousel .tab-carousel-tabs {
display: table;
font-family: verdana, arial, sans-serif;
margin-bottom: 54px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.tab-carousel .tab-carousel-tabs li {
display: table-cell;
vertical-align: top;
padding-right: 3px
}
.tab-carousel .tab-carousel-tabs li a:link,
.tab-carousel .tab-carousel-tabs li a:visited {
color: #D31F04;
display: inline-block;
font-size: 1.125em;
font-weight: 300;
padding: 16px 24px
}
.tab-carousel .tab-carousel-tabs li a.active,
.tab-carousel .tab-carousel-tabs li a:hover {
color: #D31F04;
text-decoration: none
}
.tab-carousel .tab-carousel-tabs li a.active {
border: 2px solid #D31F04;
border-radius: 4px
}
@media all and (min-width: 769px) {
.tab-carousel .product-pod-tc {
display: table-cell;
vertical-align: middle
}
}
@media all and (min-width: 1280px) {
.tab-carousel .bx-controls-direction {
left: 50%;
margin-left: -640px;
position: absolute;
top: 50%;
width: 1280px
}
}
@media all and (min-width: 600px) {
.tab-carousel .product-pod-tb {
display: table;
float: right;
height: 513px;
width: 100%;
padding: 0 0 32px
}
.tab-carousel .sec-cta {
display: inline-block
}
}
@media all and (max-width: 900px) {
.tab-carousel .tab-carousel-tabs li a:link,
.tab-carousel .tab-carousel-tabs li a:visited {
padding: 13px 5%
}
.tab-carousel img {
max-width: auto
}
}
@media all and (max-width: 768px) {
.tab-carousel .col16,
.tab-carousel .row {
clear: left;
float: none;
margin: 0 auto!important;
padding-left: 0;
width: 100%
}
.tab-carousel .subheading,
.tab-carousel .title {
width: 90%;
margin-left: 5%
}
.tab-carousel .tab-carousel-tabs {
display: block
}
.tab-carousel .tab-carousel-tabs li {
display: block;
max-width: 100%
}
.tab-carousel .tab-carousel-tabs a {
width: 79%
}
.tab-carousel .product-pod {
float: none;
line-height: 1.6;
margin: 192px 74px 0;
width: auto
}
.tab-carousel .product-pod .sec-cta {
display: inline-block
}
.tab-carousel .product-pod .product-title {
font-size: 1.9em;
margin-bottom: 16px
}
}
@media all and (max-width: 599px) {
.tab-carousel .bx-controls .bx-next,
.tab-carousel .bx-controls .bx-prev {
top: 170px;
height: 28px
}
.tab-carousel .product-pod {
line-height: 1.3;
margin: 192px 24px 24px
}
.tab-carousel .product-pod p {
margin-bottom: 24px
}
.tab-carousel .product-pod .product-name {
font-size: 1.3em;
font-weight: 300;
margin-bottom: 24px
}
.tab-carousel .product-pod .product-sub-title {
margin-bottom: 26%
}
.tab-carousel .product-pod .product-title .tip-legal {
bottom: .15em
}
.tab-carousel .product-pod .button {
margin-bottom: 0;
margin-right: 0
}
.tab-carousel .product-pod .sec-cta {
background-position: 0 75%;
margin-bottom: 0;
margin-top: 12px;
padding-bottom: 0
}
.tab-carousel .product-pod h4 {
margin-bottom: 16px
}
}
@media all and (max-width: 400px) {
.tab-carousel img {
left: -50%;
margin: auto;
position: absolute;
right: 0
}
}
.no-mediaqueries .tab-carousel .product-pod-tc {
display: table-cell;
vertical-align: middle
}
.no-mediaqueries .tab-carousel .product-pod-tb {
display: table;
float: right;
height: 513px;
width: 100%;
padding: 0 0 32px
}
.tab-carousel-premier .row>.col-16>.nest {
margin-bottom: 0
}
.tab-carousel-premier .tab-carousel-tabs {
margin-bottom: -1px
}
.tab-carousel-premier .tab-carousel-tabs li a:link,
.tab-carousel-premier .tab-carousel-tabs li a:visited {
border-color: transparent;
border-width: 0 0 6px
}
.tab-carousel-premier .tab-carousel-tabs li a.active,
.tab-carousel-premier .tab-carousel-tabs li a:hover {
color: #000;
text-decoration: none
}
.tab-carousel-premier .tab-carousel-tabs li a.active {
border-color: #D31F04;
border-width: 0 0 6px;
border-radius: 0
}
.tab-carousel-premier .product-pod .product-name {
color: #000
}
.tab-carousel-premier .product-pod .product-title,
.tab-carousel-premier .product-pod li {
color: #666
}
.tab-carousel-premier .product-pod .product-note {
color: #D31F04
}
.tab-carousel-premier .bx-wrapper .bx-next,
.tab-carousel-premier .bx-wrapper .bx-prev {
height: 30px;
margin-top: -15px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 30px;
border-radius: 32px;
padding: 10px
}
@media all and (max-width: 599px) {
.tab-carousel-premier .bx-controls .bx-next,
.tab-carousel-premier .bx-controls .bx-prev {
top: 138px;
height: 28px;
width: 28px
}
.tab-carousel-premier .tab-carousel-tabs a.active {
border-width: 0 0 3px
}
}
.clearfix:after,
.content-carousel>.row:after,
.maincontainer:after {
clear: both;
content: '';
display: table
}
.content-carousel .content-carousel-header {
color: #D31F04;
font-size: 3.125em;
line-height: 1
}
.content-carousel .content-carousel-support-text {
font-size: 1.125em;
margin-bottom: 32px
}
.resource-pod {
background: #D31F04;
border-radius: 4px;
color: #fff;
padding: 32px
}
.resource-pod .resource-title,
.resource-pod h3 {
color: #fff;
font-size: 1.875em;
line-height: 1;
margin-bottom: 44px
}
.resource-pod .resource-support-text,
.resource-pod p {
font-size: 1.125em;
margin-bottom: 32px
}
.resource-pod .resource-support-text a,
.resource-pod p a {
color: #fff;
text-decoration: underline
}
.resource-pod>a {
font-size: 1.125em;
margin-bottom: 32px
}
.resource-pod .resource-sec-cta {
background: url(../images/chevron-mini-white.png) 0 50% no-repeat;
color: #fff;
padding: 12px 15px
}
.content-carousel .col-16 {
margin-bottom: 0
}
.content-carousel .content-carousel-header {
margin-bottom: 16px;
text-align: center
}
.content-carousel .content-carousel-support-text {
color: #666;
text-align: center
}
.content-carousel .content-carousel-support-text em {
text-decoration: underline
}
.content-carousel .cta-wrap {
color: #666;
font-size: 1.125em;
margin-top: 32px;
text-align: center
}
.content-carousel .cta-wrap .button-md {
margin-left: 10px
}
.content-carousel .bx-wrapper {
margin: 0 auto;
position: relative
}
.content-carousel .bx-wrapper .bx-next,
.content-carousel .bx-wrapper .bx-prev {
border-radius: 3px;
border: none;
color: #fff;
font-family: verdana, arial, sans-serif;
font-size: 1.125em;
text-align: center;
text-decoration: none;
display: inline-block;
height: 72px;
margin-top: -48px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 28px;
padding: 12px;
z-index: 2
}
@media (max-width: 600px) {
.content-carousel .bx-wrapper .bx-next,
.content-carousel .bx-wrapper .bx-prev {
display: block
}
}
.content-carousel .bx-wrapper .bx-next.el-align-center,
.content-carousel .bx-wrapper .bx-next.el-align-left,
.content-carousel .bx-wrapper .bx-next.el-align-right,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-next.el-align-center,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-next.el-align-right,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-prev.el-align-center,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-prev.el-align-right,
.content-carousel .bx-wrapper .bx-nextspan .el-align-left,
.content-carousel .bx-wrapper .bx-prev.el-align-center,
.content-carousel .bx-wrapper .bx-prev.el-align-left,
.content-carousel .bx-wrapper .bx-prev.el-align-right,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-next.el-align-center,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-next.el-align-right,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-prev.el-align-center,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-prev.el-align-right,
.content-carousel .bx-wrapper .bx-prevspan .el-align-left {
display: table
}
@media (max-width: 600px) {
.content-carousel .bx-wrapper .bx-next.el-align-center,
.content-carousel .bx-wrapper .bx-next.el-align-left,
.content-carousel .bx-wrapper .bx-next.el-align-right,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-next.el-align-center,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-next.el-align-right,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-prev.el-align-center,
.content-carousel .bx-wrapper .bx-nextspan .content-carousel .bx-wrapper .bx-prev.el-align-right,
.content-carousel .bx-wrapper .bx-nextspan .el-align-left,
.content-carousel .bx-wrapper .bx-prev.el-align-center,
.content-carousel .bx-wrapper .bx-prev.el-align-left,
.content-carousel .bx-wrapper .bx-prev.el-align-right,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-next.el-align-center,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-next.el-align-right,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-prev.el-align-center,
.content-carousel .bx-wrapper .bx-prevspan .content-carousel .bx-wrapper .bx-prev.el-align-right,
.content-carousel .bx-wrapper .bx-prevspan .el-align-left {
display: block
}
}
.content-carousel .bx-wrapper .bx-next:active,
.content-carousel .bx-wrapper .bx-next:focus,
.content-carousel .bx-wrapper .bx-next:hover,
.content-carousel .bx-wrapper .bx-prev:active,
.content-carousel .bx-wrapper .bx-prev:focus,
.content-carousel .bx-wrapper .bx-prev:hover {
background-color: #006896
}
.content-carousel .bx-wrapper .bx-next:hover,
.content-carousel .bx-wrapper .bx-prev:hover {
text-decoration: underline
}
.content-carousel .bx-wrapper .bx-next.disabled,
.content-carousel .bx-wrapper .bx-prev.disabled {
background: #666;
cursor: default
}
.content-carousel .bx-wrapper .bx-prev {
background: url(../images/chevron-prev-white.png) 50% 50% no-repeat #D31F04;
left: -62px
}
.content-carousel .bx-wrapper .bx-prev:focus,
.content-carousel .bx-wrapper .bx-prev:hover {
background: url(../images/chevron-prev-white.png) 50% 50% no-repeat #006896
}
.content-carousel .bx-wrapper .bx-next {
background: url(../images/chevron-next-white.png) 50% 50% no-repeat #D31F04;
right: -62px
}
.content-carousel .bx-wrapper .bx-next:focus,
.content-carousel .bx-wrapper .bx-next:hover {
background: url(../images/chevron-next-white.png) 50% 50% no-repeat #006896
}
.content-carousel .bx-wrapper .disabled {
display: none
}
.content-carousel .bx-wrapper .bx-pager {
text-align: center
}
.content-carousel .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.content-carousel .bx-wrapper .bx-pager .bx-pager-item {
display: inline-block
}
.content-carousel .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #D31F04;
border-radius: 10px;
cursor: default;
display: block;
height: 10px;
margin: 0 4px;
overflow: hidden;
text-indent: -9999px;
width: 10px
}
.content-carousel .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #D31F04;
border-radius: 12px;
height: 12px;
margin: 0 3px;
position: relative;
top: 1px;
width: 12px
}
.content-carousel .bx-viewport {
margin: 0 auto 16px;
max-width: 1024px;
overflow: visible!important
}
.content-carousel .bx-viewport:after,
.content-carousel .bx-viewport:before {
background: #fff;
content: ' ';
height: 100%;
opacity: .5;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.content-carousel .bx-viewport:before {
box-shadow: 0 0 10px 11px #fff;
left: 100%;
margin-left: 34px
}
.content-carousel .bx-viewport:after {
box-shadow: 0 0 10px 11px #fff;
margin-right: 34px;
right: 100%
}
.content-carousel-container {
text-align: center
}
.content-carousel-container>section {
display: inline-block;
text-align: left;
vertical-align: top
}
.content-carousel-container .trans {
opacity: .5
}
.content-carousel-container .resource-pod {
min-height: 256px;
padding: 64px 32px;
position: relative;
width: 256px
}
.content-carousel-container .resource-pod p.align-bottom {
position: absolute;
bottom: 0;
padding-bottom: 64px;
margin-bottom: 0
}
.content-carousel-container .resource-pod p.align-bottom span {
vertical-align: top;
font-size: small
}
.content-carousel-container .resource-pod .resource-sec-cta {
position: absolute;
bottom: 24px;
margin-bottom: 0
}
.premier-carousel.gray-background .resource-pod {
background: #fff
}
.premier-carousel .resource-pod {
background: #efefef;
padding: 0 32px;
overflow: hidden;
color: #666;
min-height: 384px
}
.premier-carousel .resource-pod .resource-title,
.premier-carousel .resource-pod h3 {
color: #000;
font-size: 1.231em;
line-height: 1;
margin-bottom: 4px
}
.premier-carousel .resource-pod .resource-sub-title,
.premier-carousel .resource-pod h4 {
color: #0071ae;
font-size: 1.231em;
line-height: 1;
margin-bottom: 16px
}
.premier-carousel .resource-pod>img {
height: 191px;
margin: 0 0 32px -32px
}
.premier-carousel .resource-pod p a {
color: #666;
text-decoration: underline
}
.premier-carousel .resource-pod .cta {
bottom: 24px;
position: absolute
}
.premier-carousel .bx-wrapper .bx-next,
.premier-carousel .bx-wrapper .bx-prev {
height: 30px;
margin-top: 0;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 167px;
width: 30px;
border-radius: 32px;
padding: 10px
}
.premier-carousel .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #bdb3b3
}
.premier-carousel .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #D31F04
}
.premier-carousel.gray-background .bx-viewport:after,
.premier-carousel.gray-background .bx-viewport:before {
background: #f0f0f0;
box-shadow: 0 0 10px 11px #f0f0f0
}
@media all and (max-width: 600px) {
.content-carousel .cta-wrap .button-md {
margin-top: 32px
}
}
@media all and (max-width: 512px) {
.content-carousel .bx-wrapper .bx-next,
.content-carousel .bx-wrapper .bx-prev {
display: none
}
}
.clearfix:after,
.teaser-block:after,
.teaser-container .teaser-pod .teaser-ctas:after,
.teaser-container:after {
clear: both;
content: '';
display: table
}
.teaser-container .teaser-pod li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick_green-simple.svg);
background-size: 15px 11px;
font-family: verdana, arial, sans-serif
}
.no-svg .teaser-container .teaser-pod li,
.teaser-container .teaser-pod .no-svg li {
background-image: url(../images/tick-icon-simple-desktop.png)
}
.premier .teaser-container .teaser-pod li,
.teaser-container .teaser-pod .premier li {
background-image: url(../images/tick_black-simple.svg)
}
.no-svg .premier .teaser-container .teaser-pod li,
.teaser-container .teaser-pod .no-svg .premier li {
background-image: url(../images/tick_black-simple.png)
}
.teaser-block {
border-bottom: 2px solid #b2b2b2;
clear: both;
padding-bottom: 42px
}
.teaser-container {
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: cover;
margin: 32px 64px 0
}
.teaser-container .teaser-wrapper {
float: right;
min-width: 40%;
padding: 32px;
width: 508px
}
.teaser-container .teaser-pod {
background: #fff;
border-radius: 4px;
padding: 32px;
position: relative
}
.teaser-container .teaser-pod .toggleflip {
background-image: url(../images/Promo_arrow.svg);
background-position: right;
background-repeat: no-repeat;
display: block;
float: right;
margin: 15px 15px 0 0;
padding-right: 20px;
text-align: right
}
.no-svg .teaser-container .teaser-pod .toggleflip {
background-image: url(../images/Promo_arrow.png)
}
.no-csstransitions .teaser-container .teaser-pod .toggleflip {
background: url(../images/Promo_arrow.png) 100% 50% no-repeat
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.teaser-container .teaser-pod .toggleflip {
margin: 20px 0 -10px
}
}
@media only screen and (max-width: 599px) {
.teaser-container .teaser-pod .toggleflip {
margin: 10px 0 -5px
}
}
.teaser-container .teaser-pod .teaser-content {
height: 200px;
margin-bottom: 16px
}
@media all and (max-width: 480px) {
.teaser-container .teaser-pod .teaser-content {
height: 220px
}
}
.teaser-container .teaser-pod .teaser-content p {
color: #666;
font-family: verdana, arial, sans-serif;
font-size: 1.875em;
font-weight: 300;
line-height: 1.3;
margin-top: 16px
}
.teaser-container .teaser-pod .teaser-content p a {
text-decoration: underline
}
.teaser-container .teaser-pod .teaser-content p .large-font {
color: #D31F04;
font-size: 3.3em;
position: relative;
top: -10px;
vertical-align: top
}
.premier .teaser-container .teaser-pod .teaser-content p .large-font {
color: #666
}
.teaser-container .teaser-pod .teaser-content p.teaser-title {
color: #D31F04;
font-size: 2.0625em
}
.premier .teaser-container .teaser-pod .teaser-content p.teaser-title {
color: #666
}
.teaser-container .teaser-pod ul {
margin-top: 16px
}
.teaser-container .teaser-pod li {
color: #D31F04;
margin-bottom: 16px
}
.teaser-container .teaser-pod .teaser-name {
color: #D31F04;
font-size: 1.125em;
font-weight: 500;
margin-bottom: 32px
}
.premier .teaser-container .teaser-pod .teaser-name {
color: #000
}
.teaser-container .teaser-pod .teaser-ctas {
position: absolute;
bottom: 32px;
left: 32px;
right: 32px
}
.teaser-container .teaser-pod .teaser-ctas img {
display: inline-block;
float: right
}
.teaser-container .back .teaser-pod {
background: #D31F04;
color: #fff
}
.teaser-container .back .teaser-pod .teaser-content .teaser-name,
.teaser-container .back .teaser-pod .teaser-content p {
color: #fff
}
.premier .teaser-container .back .teaser-pod ul li,
.teaser-container .back .teaser-pod ul li {
background-image: url(../images/Tick_bullet_white.svg);
background-position: 0 5px;
background-repeat: no-repeat;
color: #fff;
margin-bottom: 8px;
padding-left: 25px
}
.no-svg .premier .teaser-container .back .teaser-pod ul li,
.no-svg .teaser-container .back .teaser-pod ul li {
background-image: url(../images/Tick_bullet_white.png)
}
.no-csstransitions .premier .teaser-container .back .teaser-pod ul li,
.no-csstransitions .teaser-container .back .teaser-pod ul li {
background: url(../images/Tick_bullet_white.png) no-repeat
}
.teaser-container .back .toggleflip {
background-image: url(../images/Promo_overlay_arrow.svg);
color: #fff
}
.no-svg .teaser-container .back .toggleflip {
background-image: url(../images/Promo_overlay_arrow.png)
}
.no-csstransitions .teaser-container .back .toggleflip {
background: url(../images/Promo_overlay_arrow.png) 100% 50% no-repeat
}
.hero-support-text+.teaser-container {
margin-top: 0
}
@media only screen and (max-width: 900px) {
.teaser-container {
background-position: 50% 50%;
margin: 16px 0 0
}
.teaser-container .teaser-pod .teaser-ctas .button {
display: block;
margin-top: 16px
}
.teaser-container .teaser-pod .teaser-ctas img {
display: block;
float: none;
margin: 0 auto
}
}
@media only screen and (max-width: 768px) {
.teaser-container {
background-position: top center;
background-size: cover
}
.teaser-container .teaser-wrapper {
float: none;
padding: 190px 32px 32px;
width: auto
}
.teaser-container .teaser-pod {
padding: 32px
}
.teaser-container .teaser-pod .teaser-name,
.teaser-container .teaser-pod .teaser-title {
margin-bottom: 16px
}
.teaser-container .teaser-pod .teaser-ctas .button {
display: inline-block;
margin-top: 0
}
.teaser-container .teaser-pod .teaser-ctas img {
display: block;
margin: 0 0 16px
}
}
@media only screen and (max-width: 650px) {
.teaser-container {
background-position: top center;
background-size: cover
}
.teaser-container .teaser-wrapper {
float: none;
padding: 64px 16px 16px;
width: auto
}
.teaser-container .teaser-pod {
padding: 16px
}
.teaser-container .teaser-pod .teaser-name,
.teaser-container .teaser-pod .teaser-title {
margin-bottom: 16px
}
.teaser-container .teaser-pod .teaser-ctas .button {
display: block;
margin-top: 16px
}
.teaser-container .teaser-pod .teaser-ctas img {
display: block;
float: none;
margin: 0 auto
}
}
@media only screen and (max-width: 599px) {
.teaser-container .teaser-wrapper {
padding: 100px 16px 16px;
width: auto
}
.teaser-container .teaser-pod .teaser-content p,
.teaser-container .teaser-pod .teaser-ctas .button,
.teaser-container .teaser-pod .teaser-name {
font-size: 1.3em
}
}
.premier .teaser-container .teaser-pod .toggleflip {
background-image: url(../images/info_icon.svg);
background-size: contain;
color: #666;
float: right;
height: 40px;
width: 40px;
margin: 5px -5px -5px;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.no-svg .premier .teaser-container .teaser-pod .toggleflip {
background-image: url(../images/info_icon.png)
}
.no-csstransitions .premier .teaser-container .teaser-pod .toggleflip {
background: url(../images/info_icon.png) no-repeat
}
.clearfix:after,
.maincontainer:after {
clear: both;
content: '';
display: table
}
.maincontainer {
border-bottom: 2px solid #b2b2b2;
clear: both;
overflow: hidden;
padding: 64px 0
}
.brand-pod {
background: #fff;
padding: 64px
}
.ie8 .brand-pod {
padding: 64px 100px 64px 30px
}
.ie8 .brand-pod .title {
text-align: left
}
@media (min-width: 769px) {
.brand-pod .title {
margin-bottom: 32px;
text-align: left
}
}
.brand-pod p {
margin-bottom: 32px
}
.brand-pod p a {
text-decoration: underline
}
.sec-cta {
background: url(../images/chevron-mini-blue.png) 0 50% no-repeat;
color: #D31F04;
font-size: 1.125em;
font-weight: 400;
padding: 12px 15px
}
.brand-component .brand-pod {
position: relative;
width: 510px;
min-height: 384px
}
.brand-component .brand-pod:after,
.brand-component .brand-pod:before {
background-position: right 50%;
background-repeat: no-repeat;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.brand-component .brand-pod:before {
left: -100%
}
.brand-component .brand-pod:after {
background-position: 0 50%;
right: -100%
}
.brand-component .brand-pod p {
text-align: left
}
.brand-component .brand-pod .after-img,
.brand-component .brand-pod .before-img {
position: absolute;
top: 0;
z-index: 1;
height: auto
}
.brand-component .brand-pod .before-img {
left: -29%
}
.brand-component .brand-pod .after-img {
right: -79%
}
.brand-component .subheading ol,
.brand-component .subheading ul,
.brand-component .subheading ul.hero-marketing-list,
.brand-component .subheading ul.promotion-list {
margin-bottom: 18px;
padding-left: 15px;
text-align: left
}
@media all and (max-width: 599px) {
.brand-component .subheading ol,
.brand-component .subheading ul,
.brand-component .subheading ul.hero-marketing-list,
.brand-component .subheading ul.promotion-list {
display: table;
margin-right: auto;
margin-left: auto
}
}
.brand-component .subheading ol {
padding-left: 22px
}
.brand-component .subheading ol li {
list-style: decimal
}
.brand-component .subheading li {
font-size: 1.125em;
margin-top: 16px;
list-style: disc
}
@media all and (max-width: 599px) {
.brand-component .subheading li {
margin-top: 32px
}
}
.brand-component .subheading ol.promotion-list,
.brand-component .subheading ul.promotion-list {
padding-left: 0
}
.brand-component .subheading ol.promotion-list li,
.brand-component .subheading ul.promotion-list li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick-icon-simple-desktop.png);
list-style: none;
font-family: inherit;
margin-bottom: 0
}
@media all and (max-width: 599px) {
.brand-component .subheading ol.promotion-list li,
.brand-component .subheading ul.promotion-list li {
background-size: 14px 10px;
padding-left: 25px
}
}
.brand-component .subheading ol.hero-marketing-list,
.brand-component .subheading ul.hero-marketing-list {
padding-left: 0
}
.brand-component .subheading ol.hero-marketing-list li,
.brand-component .subheading ul.hero-marketing-list li {
background-position: left 2px;
background-repeat: no-repeat;
padding-left: 40px;
background-image: url(../images/tick_green.svg);
list-style: none;
padding-top: 4px;
padding-bottom: 8px;
background-size: 26px;
margin-top: 8px
}
.no-svg .brand-component .subheading ol.hero-marketing-list li,
.no-svg .brand-component .subheading ul.hero-marketing-list li {
background-image: url(../images/tick-icon-desktop.png)
}
@media all and (max-width: 599px) {
.brand-component .subheading ol.hero-marketing-list li,
.brand-component .subheading ul.hero-marketing-list li {
background-position: left 2px;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 0;
padding-bottom: 0;
margin-top: 32px;
background-size: 18px
}
}
.premier .brand-component .subheading ol.promotion-list li,
.premier .brand-component .subheading ul.promotion-list li {
background-image: url(../images/tick_black-simple.png)
}
@media (min-width: 600px) and (max-width: 1024px) {
.brand-component .brand-pod {
margin-left: 160px;
padding: 12px 32px;
width: auto
}
.brand-component .brand-pod:after {
display: none
}
.brand-component .brand-pod .title {
text-align: left
}
}
@media (max-width: 599px) {
.brand-component .brand-pod {
border: 0;
padding: 0;
width: 100%;
min-height: 0;
text-align: center
}
.brand-component .brand-pod p {
color: #666;
text-align: center
}
.brand-component .brand-pod:before {
position: relative;
width: 100%;
background-size: 100%;
left: auto;
padding-top: 52%
}
.brand-component .brand-pod:after {
display: none
}
}
@media (min-width: 1024px) {
.brand-component .brand-pod {
margin-left: -70px
}
}
@media (min-width: 1000px) and (max-width: 1024px) {
.brand-component .brand-pod {
margin-left: 27px
}
}
@media all and (min-width: 1175px) {
.brand-component .brand-pod {
margin-bottom: 22px
}
}
.clearfix:after,
.global-footer:after {
clear: both;
content: '';
display: table
}
.global-footer {
clear: both;
font-weight: 300;
padding: 64px 0;
border-bottom: 0;
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
margin-bottom: 0
}
.global-footer.legal-footer {
font-family: arial, sans-serif;
font-size: 1em;
padding-bottom: 0
}
.global-footer .col-16 {
margin-bottom: 0
}
.global-footer .nav-wrap {
margin-bottom: 64px!important;
overflow: hidden
}
.global-footer ul {
margin: 2px 0 0 2px;
padding: 0
}
.global-footer li {
list-style: none;
margin-bottom: 20px
}
.global-footer li a {
font-size: 1em;
line-height: 1.2;
text-decoration: none
}
.global-footer li a:link,
.global-footer li a:visited {
color: #007eb6
}
.global-footer li a:focus,
.global-footer li a:hover {
background-color: transparent;
text-decoration: underline
}
.global-footer li:last-child {
margin-bottom: 0
}
.global-footer #legalFooter,
.global-footer .disclaimer {
clear: both;
color: #8c8c8c;
font-size: 1em;
line-height: 1.5;
margin: 0;
padding: 0 0 32px
}
.global-footer .disclaimer a {
text-decoration: underline
}
.global-footer .legal-footnote-header {
color: #D31F04;
font-weight: 700;
margin-bottom: 10px
}
.global-footer #legalFooter {
margin: 0 20px;
padding: 0
}
.global-footer #legalFooter li {
font-size: .95em;
list-style-type: decimal;
margin-bottom: 10px
}
.global-footer .sponsor-ads {
text-align: center
}
.global-footer .sponsor-ads a {
display: inline-block;
line-height: 0;
margin: 0 17px 32px;
vertical-align: middle
}
.global-footer .sponsor-ads img {
border: 0
}
.global-footer .footer-note {
color: #666;
font-size: 1em;
margin: 0;
text-align: center
}
.global-footer .footer-note a {
text-decoration: underline
}
@media all and (max-width: 599px) {
.global-footer.legal-footer {
font-size: 1em
}
.global-footer .nav-wrap {
margin-bottom: 32px
}
.global-footer .nav-wrap .navigation:nth-child(3) {
clear: left
}
.global-footer .navigation ul {
margin-bottom: 32px;
padding-bottom: 32px;
position: relative
}
.global-footer .navigation ul:after {
border-bottom: 2px solid #b2b2b2;
bottom: 0;
content: '';
display: inline-block;
height: 2px;
position: absolute;
width: 64px
}
}
.flip-container {
-webkit-perspective: 1000;
perspective: 1000;
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.flip-container.hover .back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.no-cssanimations .flip-container.hover .back,
.no-csstransforms3d .flip-container.hover .back,
.no-csstransitions .flip-container.hover .back {
display: block
}
.flip-container.hover .front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.no-cssanimations .flip-container.hover .front,
.no-csstransforms3d .flip-container.hover .front,
.no-csstransitions .flip-container.hover .front {
display: none
}
.flip-container .teaser-ctas {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px
}
@media (min-width: 599px) {
.flip-container .teaser-ctas {
bottom: 32px;
left: 32px;
right: 32px
}
}
.back,
.flip-container,
.front {
max-width: 100%;
min-width: 40%;
width: 508px
}
@media only screen and (max-width: 768px) {
.back,
.flip-container,
.front {
width: 100%
}
}
.flipper {
position: relative;
-webkit-transform: perspective(10000000px);
transform: perspective(10000000px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: .6s
}
.back,
.front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
position: absolute;
top: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: .6s
}
.front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
z-index: 2
}
.back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.clearfix:after,
.cookies-settings .cookies-settings-footer ul:after {
clear: both;
content: '';
display: table
}
.cookies-settings .article-content,
.cookies-settings .important-info-container,
.cookies-settings .mobil-accordion-container,
.cookies-settings .mobil-form-container,
.cookies-settings .more-info-container,
.cookies-settings .nav-button-container {
margin-bottom: 32px;
padding-bottom: 32px
}
@media all and (max-width: 599px) {
.cookies-settings .article-content,
.cookies-settings .important-info-container,
.cookies-settings .mobil-accordion-container,
.cookies-settings .mobil-form-container,
.cookies-settings .more-info-container,
.cookies-settings .nav-button-container {
margin-bottom: 16px;
padding-bottom: 16px
}
}
.cookies-settings {
color: #666;
line-height: 1.2
}
.cookies-settings dd,
.cookies-settings header,
.cookies-settings section {
height: auto
}
.cookies-settings h1,
.cookies-settings h2,
.cookies-settings h3,
.cookies-settings h4 {
color: #D31F04
}
.cookies-settings h2,
.cookies-settings h3 {
font-size: 2.5em;
margin-bottom: 32px
}
@media all and (max-width: 599px) {
.cookies-settings h2,
.cookies-settings h3 {
font-size: 1.75em
}
}
.cookies-settings button,
.cookies-settings p,
.cookies-settings ul {
font-size: 1.125em
}
.cookies-settings p {
line-height: 1.1;
margin-bottom: 16px
}
.cookies-settings p a {
text-decoration: underline
}
.cookies-settings b {
color: #D31F04
}
.cookies-settings .button {
margin-right: 16px
}
@media all and (max-width: 600px) {
.cookies-settings .button {
width: 100%;
margin: 0 0 16px
}
}
.cookies-settings .styled-link {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 12px;
background-image: url(../images/chevron-mini-blue.svg);
background-size: 5px 9px;
font-size: 1.125em
}
.no-svg .cookies-settings .styled-link {
background-image: url(../images/chevron-mini-blue.png)
}
.bg-text-darkblue .cookies-settings .styled-link {
background-image: url(../images/chevron-mini-white.png)
}
.cookies-settings .bullet-list {
list-style: disc;
padding-left: 32px
}
.cookies-settings .content-header h1 {
font-size: 4.48em;
margin-bottom: 64px;
text-align: center
}
@media all and (max-width: 599px) {
.cookies-settings .content-header h1 {
font-size: 1.875em;
margin-bottom: 32px
}
}
.cookies-settings .article-content {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 80%
}
.cookies-settings .mobil-form-container {
text-align: center
}
.cookies-settings #cookiePermissionsForm fieldset {
margin-top: 32px
}
.cookies-settings #cookiePermissionsForm label {
background-color: #f1f1f1;
border-radius: 4px;
display: inline-block;
margin: 16px;
padding: 16px
}
@media all and (max-width: 600px) {
.cookies-settings #cookiePermissionsForm label {
display: block;
margin: 16px 0
}
}
.cookies-settings .mobil-accordion-container {
margin-top: 64px
}
.cookies-settings .accordion dt {
color: #D31F04;
font-size: 1.875em;
margin: 32px 0 16px
}
@media all and (max-width: 600px) {
.cookies-settings .accordion {
margin-left: 0;
margin-right: 0
}
}
.cookies-settings .important-info-container {
margin-bottom: 0;
padding-bottom: 0
}
.cookies-settings .cookies-settings-footer li {
float: right;
font-size: .7875em;
margin: 0 16px
}
.cookies-settings .cookies-settings-footer li.left {
float: left
}
p.selection {
margin-bottom: 16px!important
}
p.selection span.label {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.23077em;
float: left;
padding: 6px 20px;
width: 35%;
text-align: right
}
p.selection .drop-down {
float: left
}
.slider-row {
position: relative;
height: 60px;
margin-bottom: 8px!important
}
.slider-row .tip {
position: relative;
top: -45px;
right: -27px;
float: right;
padding: 5px
}
.slider-row .tip.hide {
display: none
}
.slider-row .top-label {
text-align: center;
padding-bottom: 8px;
display: none
}
.slider-row .top-label p {
color: #666;
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.23077em;
font-weight: 100
}
.slider-row .controls {
position: relative;
height: 40px;
padding: 10px 0;
color: #fff;
background-color: #D31F04;
border-radius: 3px
}
.slider-row .controls .bottom .left,
.slider-row .controls .bottom .right {
width: 230px
}
.slider-row .controls .bottom .left {
float: left
}
.slider-row .controls .bottom .left .minus {
float: right;
margin: 0 20px 0 10px
}
.slider-row .controls .bottom .left .minus a {
display: block;
background-image: url(../images/minus.svg);
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
width: 41px;
height: 40px
}
.slider-row .controls .bottom .left .label {
float: right;
padding-top: 12px
}
.slider-row .controls .bottom .left .label span {
font-size: 1.38462em;
font-weight: 100
}
.slider-row .controls .bottom .right {
float: right
}
.slider-row .controls .bottom .right .plus {
float: left;
margin: 0 10px 0 20px
}
.slider-row .controls .bottom .right .plus a {
display: block;
background-image: url(../images/plus.svg);
background-color: transparent;
background-position: top right;
background-repeat: no-repeat;
width: 41px;
height: 40px
}
.slider-row .controls .bottom .right .input {
float: left;
padding-top: 4px
}
.slider-row .controls .bottom .right .input .front-label {
width: 10px;
display: inline-block;
font-size: 1.38462em;
font-weight: 100
}
.slider-row .controls .bottom .right .input input {
border-radius: 3px;
border: none;
height: 30px;
width: 90px;
padding-left: 5px;
color: #D31F04;
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.38462em;
font-weight: 100
}
.slider-row .controls .bottom .right .input input.short {
max-width: 25px
}
.slider-row .controls .bottom .right .input .back-label {
font-size: 1.38462em;
font-weight: 100
}
.slider-row .controls .slider-wrapper {
height: 40px;
margin: 0 235px
}
.slider-row .controls .slider-wrapper .noUi-target {
top: 18px;
height: 4px;
background-color: #006896;
position: relative;
box-shadow: none;
border: none;
border-radius: 4px
}
.slider-row .controls .slider-wrapper .noUi-target .noUi-origin {
background-color: #7fbeda;
border-radius: 4px
}
.slider-row .controls .slider-wrapper .noUi-target .noUi-handle {
background-image: url(../images/knob.svg);
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
height: 40px;
width: 40px;
top: -17px;
left: -20px;
box-shadow: none;
border: none;
cursor: pointer
}
.no-svg .slider-row .controls .bottom .left .minus a {
background-image: url(../images/minus-desktop.png)
}
.no-svg .slider-row .controls .right .plus a {
background-image: url(../images/plus-desktop.png)
}
.no-svg .slider-row .controls .slider-wrapper .noUi-target .noUi-handle {
background-image: url(../images/knob.png)
}
.slider-row.error .controls .bottom .right .input {
padding-top: 2px
}
.slider-row.error .controls .bottom .right .input input {
border-width: 2px;
border-color: red;
border-style: solid;
padding-left: 3px
}
.premier .slider-row .controls {
background-color: #e1e1e1
}
.premier .slider-row .controls .bottom .left .minus a {
background-image: url(../images/minus-premier.svg)
}
.premier .slider-row .controls .bottom .left .label span {
color: #D31F04
}
.premier .slider-row .controls .bottom .right .plus a {
background-image: url(../images/plus-premier.svg)
}
.premier .slider-row .controls .bottom .right .input .back-label,
.premier .slider-row .controls .bottom .right .input .front-label {
color: #D31F04
}
.premier .slider-row .slider-wrapper .noUi-target {
background-color: #D31F04
}
.premier .slider-row .slider-wrapper .noUi-target .noUi-origin {
background-color: #fff
}
.premier .slider-row .slider-wrapper .noUi-target .noUi-handle {
background-image: url(../images/knob-premier.svg)
}
.no-svg .premier .slider-row .controls .bottom .left .minus a {
background-image: url(../images/minus-premier.png)
}
.no-svg .premier .slider-row .controls .right .plus a {
background-image: url(../images/plus-premier.png)
}
.no-svg .premier .slider-row .controls .slider-wrapper .noUi-target .noUi-handle {
background-image: url(../images/knob-premier.png)
}
.info-tile {
margin-top: 16px;
margin-bottom: 8px!important;
padding-top: 10px
}
.info-tile.error .tile-wrapper {
border-color: red
}
.info-tile.hide {
display: none
}
.info-tile .tile-wrapper {
position: relative;
padding: 10px 0 0;
border: 2px solid #d9d9d9;
border-radius: 3px;
min-height: 117px;
box-sizing: border-box;
width: 100%
}
.info-tile .tile-wrapper p {
text-align: center;
color: #D31F04;
margin: 0 0 10px;
font-family: verdana, arial, sans-serif;
font-size: .92308em
}
.info-tile .tile-wrapper p.error {
color: red
}
.info-tile .tile-wrapper .tip {
position: absolute;
top: 0;
right: 0;
height: 20px;
width: 20px;
padding: 10px
}
.info-tile .tile-wrapper .tip+.smallHeader,
.info-tile .tile-wrapper .tiptext+.smallHeader {
padding: 0 30px
}
.info-tile .tile-wrapper .smallHeader {
line-height: 20px
}
.info-tile .tile-wrapper .smallHeader.error {
color: red
}
.info-tile .tile-wrapper .value {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.69231em;
font-weight: 100
}
.info-tile .tile-wrapper .info.error,
.info-tile .tile-wrapper .value.error {
color: red
}
.mortgage-calculator {
border-bottom: 2px solid #b2b2b2;
font-family: ExpertSans, verdana, arial, sans-serif;
clear: both;
padding: 64px 0;
overflow: hidden
}
.premier .mortgage-calculator {
border-bottom: 0
}
.mortgage-calculator p {
color: #666
}
.mortgage-calculator .logo {
float: right;
margin-bottom: 32px!important
}
.mortgage-calculator .logo-text {
padding-top: 20px;
margin-bottom: 32px!important
}
.mortgage-calculator .logo-text p {
width: 120px;
float: right;
text-align: right
}
.mortgage-calculator form {
position: relative
}
.mortgage-calculator form .loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
background-color: #fff;
opacity: .8;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center
}
.mortgage-calculator form .loader.hide {
display: none
}
.mortgage-calculator #add-applicant {
text-align: center;
margin-bottom: 16px!important;
margin-top: 8px
}
.mortgage-calculator #add-applicant a {
font-family: verdana, arial, sans-serif;
font-size: 1.23077em;
font-weight: 100
}
.mortgage-calculator .second-applicant {
display: none
}
.mortgage-calculator .radio-buttons {
padding-top: 8px;
margin-bottom: 27px!important
}
.mortgage-calculator .radio-buttons .main-label {
text-align: right;
padding-top: 2px;
font-size: 1.23077em
}
.mortgage-calculator .radio-buttons input {
width: 25px;
height: 25px;
margin: 0 0 14px;
border-radius: 30px
}
.mortgage-calculator .radio-buttons label {
color: #666;
line-height: 25px;
font-size: 1.23077em;
vertical-align: top
}
.mortgage-calculator .radio-buttons label .tip {
padding: 5px;
margin-top: -16px
}
.mortgage-calculator .legal-note {
margin-bottom: 32px!important;
text-align: center;
color: #D31F04;
font-family: verdana, arial, sans-serif;
font-size: 1.07692em;
font-weight: 700
}
.mortgage-calculator .cta {
text-align: center
}
.mortgage-calculator .cta .button {
display: inline-block;
cursor: pointer;
-webkit-appearance: none
}
.mortgage-calculator .cta .button.disabled:hover {
text-decoration: none
}
.mortgage-calculator .callout-box-repayment {
margin-bottom: 12px!important;
background-color: #ffefc3;
border-radius: 3px;
padding: 20px;
display: none
}
.mortgage-calculator .callout-box-repayment .close {
width: 16px;
height: 16px;
background: url(../images/close-desktop.png) center no-repeat;
float: right;
padding: 12px;
margin: -12px -12px 0 0
}
.mortgage-calculator .callout-box-repayment h3 {
font-weight: 700;
font-size: 1.23077em
}
.mortgage-calculator .callout-box-repayment ul {
color: #666;
list-style: initial;
padding-left: 40px;
line-height: 20px
}
.mortgage-calculator .callout-box-repayment p {
color: #666;
margin: 10px 0
}
.mortgage-calculator .callout-box-repayment.show {
display: block
}
.mortgage-calculator .error-message {
margin-bottom: 12px!important;
display: none;
text-align: center
}
.mortgage-calculator .error-message p {
color: red
}
.mortgage-calculator .error-message.show {
display: block
}
@-moz-document url-prefix() {
.mortgage-calculator .radio-buttons input {
height: 20px
}
.mortgage-calculator .radio-buttons label {
line-height: 20px;
vertical-align: super
}
.mortgage-calculator .radio-buttons label .tip {
margin-top: -5px
}
}
@media all and (min-width: 800px) and (max-width: 1099px) {
.mortgage-calculator .info-tile .tile-wrapper {
min-height: 120px
}
}
@media all and (max-width: 599px) {
p.selection {
padding: 0 20px
}
p.selection span.label {
display: block;
float: none;
width: auto;
text-align: center;
font-size: 1.23077em;
font-weight: 100
}
p.selection a.drop-down {
display: block;
float: none;
width: auto
}
p.selection a.drop-down img {
margin-left: 0
}
.info-tile {
padding: 10px 20px 0
}
.info-tile .tile-wrapper p {
font-size: 1.38462em
}
.info-tile .tile-wrapper .value {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 2.92308em;
font-weight: 100
}
.slider-row {
padding: 0 20px;
height: 120px
}
.slider-row .top-label {
display: block
}
.slider-row .controls .bottom .left {
width: 30%
}
.slider-row .controls .bottom .left .label {
display: none
}
.slider-row .controls .bottom .left .minus {
float: left;
margin-right: 0
}
.slider-row .controls .bottom .left .minus a {
width: 44px;
height: 44px
}
.slider-row .controls .bottom .right {
width: 70%;
float: left
}
.slider-row .controls .bottom .right .plus {
float: right;
margin-left: 0
}
.slider-row .controls .bottom .right .plus a {
width: 44px;
height: 44px
}
.slider-row .controls .bottom .right .input {
padding-left: 6%
}
.slider-row .controls .bottom .right .input input {
width: 80px
}
.slider-row .controls .slider-wrapper {
display: none
}
.mortgage-calculator .logo {
float: left;
text-align: center;
margin-bottom: 12px!important
}
.mortgage-calculator .logo-text {
padding-top: 0
}
.mortgage-calculator .logo-text p {
text-align: center;
width: 100%
}
.mortgage-calculator .radio-buttons {
padding-top: 0
}
.mortgage-calculator .radio-buttons .main-label {
text-align: center
}
.mortgage-calculator .radio-buttons .buttons-wrapper {
padding-left: 7px;
text-align: center
}
.mortgage-calculator .callout-box-repayment .close {
margin: -20px -20px 0 0
}
}
@media all and (max-width: 399px) {
.slider-row .controls .bottom .left {
width: 25%
}
.slider-row .controls .bottom .left .minus {
margin: 0
}
.slider-row .controls .bottom .left .minus a {
background-position: 6px 3px
}
.slider-row .controls .bottom .right {
width: 75%
}
.slider-row .controls .bottom .right .plus {
margin: 0
}
.slider-row .controls .bottom .right .plus a {
background-position: 0 3px
}
.slider-row .controls .bottom .right .input {
padding-left: 2%
}
.slider-row .controls .slider-wrapper {
display: none
}
}
@media all and (min-width: 1175px) {
.mortgage-calculator .cta {
margin-bottom: 22px
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.slider-row .controls .bottom .left,
.slider-row .controls .bottom .right {
width: 205px
}
.slider-row .controls .bottom .left .minus,
.slider-row .controls .bottom .right .plus {
margin: 0 8px
}
.slider-row .controls .bottom .right .input .back-label {
font-size: 1.23077em;
font-weight: 100
}
}
.tip-container {
position: relative
}
.tip-inline {
position: relative;
padding-right: 33px;
display: inline-block
}
.tip-inline .tip-legal {
right: 0;
top: -.25em
}
.tip {
display: inline-block;
vertical-align: middle;
text-indent: 150%;
white-space: nowrap;
overflow: hidden
}
.tip.tip-content {
overflow: visible;
text-decoration: none;
text-indent: 0
}
.tip.tip-content.icon_font-icons_tooltip:before {
font-size: 17px
}
.ui-table-container a.tip-content,
.ui-table-header-container a.tip-content {
text-decoration: none
}
.tip-legal {
background: url(../images/tooltip-legal.svg) center bottom no-repeat;
width: 30px;
height: 22px;
position: absolute;
vertical-align: baseline
}
.tip-legal.multi-line {
bottom: .45em
}
@media all and (max-width: 599px) {
.tip-legal.multi-line {
bottom: .2em
}
}
.bg-text-darkblue .tip-legal {
background-image: url(../images/tooltip-legal-white.svg)
}
.no-svg .bg-text-darkblue .tip-legal {
background-image: url(../images/tooltip-legal-white.png)
}
.tip-regular {
background: url(../images/tooltip-desktop.png) center no-repeat;
width: 20px;
height: 20px
}
.bg-text-darkblue .tip-regular {
background: url(../images/tooltip-white.png) center no-repeat
}
.premier .tip-regular {
background: url(../images/tooltip-desktop-premier.png) center no-repeat
}
.premier .bg-text-darkblue .tip-regular {
background: url(../images/tooltip-white.png) center no-repeat
}
.js .tiptext {
display: none
}
.qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 200px;
min-width: 120px;
font-size: 1em;
line-height: 1em;
direction: ltr;
box-shadow: none;
padding: 0;
cursor: pointer
}
.qtip .qtip-tip {
margin: 0 auto;
overflow: hidden;
z-index: 10
}
.qtip-content {
position: relative;
overflow: hidden;
text-align: center;
word-wrap: break-word;
padding: 16px;
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 15px;
line-height: 20px;
font-weight: 300
}
.qtip-default {
border-width: 2px;
border-style: solid;
border-radius: 5px;
background-color: #fff;
box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, .15);
color: #D31F04;
border-color: #d1d1d1
}
.qtip .qtip-tip,
x:-o-prefocus {
visibility: hidden
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
position: absolute;
color: #D31F04;
background: 0 0;
border: 0 dashed transparent
}
.qtip .qtip-tip canvas {
top: 0;
left: 0
}
.qtip .qtip-tip .qtip-vml {
behavior: url(#default#VML);
display: inline-block;
visibility: visible
}
@media all and (max-width: 599px) {
.tip-regular {
background: url(../images/tooltip-desktop.png) center no-repeat
}
.premier .tip-regular {
background: url(../images/tooltip-desktop-premier.png) center no-repeat
}
}
.ie8 .tip-legal {
background: url(../images/tooltip-legal.png) center bottom no-repeat
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.noUi-base {
width: 100%;
height: 100%;
position: relative
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0
}
.noUi-handle {
position: relative;
z-index: 1
}
.noUi-stacking .noUi-handle {
z-index: 10
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s
}
.noUi-state-drag * {
cursor: inherit!important
}
.noUi-horizontal {
height: 18px
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px
}
.noUi-horizontal.noUi-extended {
padding: 0 15px
}
.noUi-horizontal.noUi-extended .noUi-origin {
right: -15px
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px
}
.noUi-vertical.noUi-extended {
padding: 15px 0
}
.noUi-vertical.noUi-extended .noUi-origin {
bottom: -15px
}
.noUi-background {
background: #FAFAFA;
box-shadow: inset 0 1px 1px #f0f0f0
}
.noUi-connect {
background: #3FB8AF;
box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
-webkit-transition: background 450ms;
transition: background 450ms
}
.noUi-origin {
border-radius: 2px
}
.noUi-target {
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}
.noUi-target.noUi-connect {
box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB
}
.noUi-dragable {
cursor: w-resize
}
.noUi-vertical .noUi-dragable {
cursor: n-resize
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
[disabled] .noUi-connect,
[disabled].noUi-connect {
background: #B8B8B8
}
[disabled] .noUi-handle {
cursor: not-allowed
}
.drop-down {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.23077em;
padding: 6px 12px;
border: 1px solid #d9d9d9;
border-radius: 4px
}
.drop-down:hover {
text-decoration: none
}
.drop-down img {
float: right;
margin: 6px 0 2px 10px
}
.dropdown-options {
border: 1px solid #d9d9d9;
border-radius: 4px;
background-color: #fff;
position: absolute;
z-index: 1000
}
.dropdown-options.hide {
display: none
}
.dropdown-options a {
font-family: ExpertSans, verdana, arial, sans-serif;
font-size: 1.23077em;
display: block;
padding: 6px 12px
}
.dropdown-options a:hover {
text-decoration: none;
background-color: #e8f4f8
}
.loan-calculator-fallback .center {
padding-bottom: 64px
}
.loan-calculator .noUi-origin {
transition: all .25s ease
}
.loan-calculator .info-tile .tile-wrapper {
border-radius: 3px;
border: 2px solid #d9d9d9;
min-height: 110px;
padding: 10px 0 0;
position: relative
}
.loan-calculator .info-tile .tile-wrapper p {
color: #D31F04;
margin: 0 0 10px;
text-align: center
}
.loan-calculator .info-tile .tile-wrapper .smallHeader {
font-size: 1.3em;
line-height: 20px
}
.loan-calculator .info-tile .tile-wrapper .info,
.loan-calculator .info-tile .tile-wrapper .value {
font-size: 1em
}
.loan-calculator .info-tile .tile-wrapper-loan {
border-radius: 3px;
border: 2px solid #d9d9d9;
min-height: 110px;
padding: 10px 0 0;
position: relative
}
.loan-calculator .info-tile .tile-wrapper-loan p {
color: #D31F04;
margin: 0 0 10px;
text-align: center;
font-weight: 100
}
.loan-calculator .info-tile .tile-wrapper-loan p span {
color: #D31F04
}
.loan-calculator .info-tile .tile-wrapper-loan .smallHeader {
font-size: 1.3em;
line-height: 20px
}
.loan-calculator .info-tile .tile-wrapper-loan .info,
.loan-calculator .info-tile .tile-wrapper-loan .value {
font-size: 1em
}
.loan-calculator .info-tile-no-border .border-rep {
outline: #7fbeda solid 5px;
outline-offset: -4px;
margin-left: 1px
}
.loan-calculator .info-tile-no-border .tile-wrapper {
min-height: 110px;
padding: 10px 0 0;
position: relative;
margin-top: 10px;
margin-bottom: 4px
}
.loan-calculator .info-tile-no-border .tile-wrapper p {
color: #D31F04;
margin: 0 0 10px;
text-align: center
}
.loan-calculator .info-tile-no-border .tile-wrapper .smallHeader {
font-size: 1em;
line-height: 20px
}
.loan-calculator .info-tile-no-border .tile-wrapper .info,
.loan-calculator .info-tile-no-border .tile-wrapper .value {
font-size: 1em
}
.loan-calculator .cta {
text-align: center
}
.loan-calculator .legal-note {
color: #D31F04;
font-size: 1.3em;
text-align: center
}
@media all and (min-width: 599px) {
.loan-calculator .bigRep {
color: #D31F04!important;
font-size: 2.308em!important
}
}
@media all and (max-width: 599px) {
.loan-calculator .bigRep {
color: #D31F04!important;
font-size: 1.923em!important
}
}
.loan-calculator .bigsmallHeader {
color: #006896;
font-size: 3.077em;
padding: 10px;
text-align: center
}
.loan-calculator .rep-note {
color: #006896;
font-size: 1.3em;
font-weight: 700;
margin-left: 3px;
text-align: center
}
.loan-calculator .borderBot,
.loan-calculator .borderRight {
border-right: 1px solid #d9d9d9
}
@media all and (min-width: 599px) {
.hideMob {
display: none
}
}
@media all and (max-width: 599px) {
.hideLarge {
display: none
}
}
.subheadingRep {
color: #D31F04;
font-family: verdana, arial, sans-serif;
font-size: 1.563em;
line-height: 1.6;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
max-width: 1024px;
text-align: center
}
.ie8 .bigRep {
font-family: ExpertSans, verdana, arial, sans-serif;
font-style: normal;
font-weight: 400;
color: #D31F04!important;
font-size: 2.308em!important
}
.ie8 .hideMob {
display: none
}
.video-player p {
margin-bottom: 32px
}
.video-player .video-wrapper {
border: 1px solid #d5d5d5;
margin: 0 auto;
max-width: 604px;
padding: 32px 32px 12px;
position: relative
}
.video-player .ui-cta-container {
text-align: center;
margin-top: 24px
}
@media all and (max-width: 599px) {
.video-player .ui-cta-container {
padding-left: 0;
padding-right: 0
}
}
.accordion .js-accordion {
clear: both
}
.accordion .js-accordion>li {
background: #fff;
border-top: 1px solid #ccc;
clear: both
}
.accordion .js-accordion>li:last-child {
border-bottom: 1px solid #ccc
}
.accordion .js-accordion>li .accordion-title {
color: #D31F04;
cursor: pointer;
font-size: 2.308em;
padding: 32px 30px 26px 0;
position: relative
}
.accordion .js-accordion>li .accordion-title:after {
background: url(../images/accordian-icons.png) 0 -153px no-repeat;
content: '';
display: block;
height: 16px;
margin-top: -8px;
position: absolute;
right: 0;
top: 50%;
width: 28px
}
.accordion .js-accordion>li [class*=icon-] {
background: url(../images/accordian-icons.png) no-repeat;
padding-left: 68px;
padding-right: 30px
}
.accordion .js-accordion>li .selected:after {
background-position: 0 0
}
.accordion .js-accordion>li .icon-overview {
background-position: 0 -262px
}
.accordion .js-accordion>li .icon-eligibility {
background-position: 0 -414px
}
.accordion .js-accordion>li .icon-toapply {
background-position: 0 -570px
}
.accordion .js-accordion>li .icon-resume {
background-position: 0 -710px
}
.accordion .js-accordion>li.active h3 {
cursor: default
}
.accordion .js-accordion>li.active .js-accordion-content {
margin: 15px 0
}
.accordion .js-accordion>li.active .js-accordion-content.has-image {
margin-top: 0
}
.accordion .js-accordion:last-child {
border: 0
}
.accordion .centered-content {
margin: 0 auto;
padding: 10px 0;
width: 1194px
}
.accordion .centered-content>.row {
padding: 0
}
.accordion section {
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin-bottom: 2em;
width: 100%
}
.accordion .pod {
background: #fff;
border-radius: 7px;
float: right;
margin: 30px 0;
padding: 32px;
width: 386px
}
.ie8 .accordion .pod {
margin: 50px 60px 20px 0;
width: 460px
}
@media all and (max-width: 599px) {
.accordion .pod {
margin: 190px 20px 32px;
padding: 24px;
width: auto
}
}
.accordion .pod .pod-name {
font-size: 1.1em;
margin-bottom: 10px
}
.accordion .pod .pod-quote {
color: #b2b2b2;
font-size: 1.9em;
padding: 0 0 1em
}
.accordion .product-description {
margin-bottom: 30px 0;
padding: 0 0 1.8em
}
.accordion .product-description.first {
padding-right: 40px
}
.accordion .product-description p {
font-size: 1.2em;
margin-bottom: 18px
}
.accordion .product-description p a {
text-decoration: underline
}
.accordion .product-description h3 {
color: #D31F04;
font-size: 2.462em;
margin-bottom: 16px;
margin-top: 16px;
text-align: left
}
.accordion .product-description h4 {
color: #666;
font-size: 1.923em;
margin-bottom: 16px;
text-align: left
}
.accordion .product-description ol,
.accordion .product-description ul,
.accordion .product-description ul.hero-marketing-list,
.accordion .product-description ul.promotion-list {
margin-bottom: 18px;
padding-left: 30px
}
.accordion .product-description ol {
padding-left: 33px
}
.accordion .product-description ol li {
list-style: decimal
}
.accordion .product-description li {
font-size: 1.2em;
margin-top: 16px;
list-style: disc
}
.accordion .product-description ol.promotion-list,
.accordion .product-description ul.promotion-list {
padding-left: 15px
}
.accordion .product-description ol.promotion-list li,
.accordion .product-description ul.promotion-list li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick-icon-simple-desktop.png);
list-style: none;
font-family: inherit;
margin-bottom: 0
}
@media all and (max-width: 599px) {
.accordion .product-description ol.promotion-list li,
.accordion .product-description ul.promotion-list li {
background-size: 14px 10px;
padding-left: 25px
}
}
.accordion .product-description ol.hero-marketing-list,
.accordion .product-description ul.hero-marketing-list {
padding-left: 15px
}
.accordion .product-description ol.hero-marketing-list li,
.accordion .product-description ul.hero-marketing-list li {
background-position: left top;
background-repeat: no-repeat;
padding-left: 40px;
background-image: url(../images/tick_green.svg);
list-style: none;
padding-top: 4px;
padding-bottom: 8px;
background-size: 26px;
margin-top: 8px
}
.no-svg .accordion .product-description ol.hero-marketing-list li,
.no-svg .accordion .product-description ul.hero-marketing-list li {
background-image: url(../images/tick-icon-desktop.png)
}
.accordion .product-description ol.hero-marketing-list li:first-child,
.accordion .product-description ul.hero-marketing-list li:first-child {
margin-top: 0
}
@media all and (max-width: 599px) {
.accordion .product-description ol.hero-marketing-list li,
.accordion .product-description ul.hero-marketing-list li {
background-position: left top;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 0;
padding-bottom: 0;
margin-top: 16px;
background-size: 18px
}
}
.premier .accordion .product-description ol.promotion-list li,
.premier .accordion ul.promotion-list li {
background-image: url(../images/tick_black-simple.png)
}
.premier .accordion .product-description ol.hero-marketing-list li,
.premier .accordion ul.hero-marketing-list li {
background-image: url(../images/tick_black.svg)
}
.no-svg .premier .accordion .product-description ol.hero-marketing-list li,
.no-svg .premier .accordion ul.hero-marketing-list li {
background-image: url(../images/tick_black.png)
}
.add-on .subheading {
width: 70%
}
.add-on .content {
margin-top: 20px
}
.add-on .tab {
border: 2px solid #d9d9d9;
border-radius: 3px;
padding: 20px
}
.add-on .tab h3 {
font-size: 1.84615em;
text-align: center;
margin-bottom: 16px
}
.add-on .tab ul li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 30px;
background-image: url(../images/tick-icon-simple-desktop.png);
color: #D31F04;
font-size: 1.23077em;
margin-bottom: 16px
}
.add-on .tab .tab-text {
margin-bottom: 16px
}
.add-on .tab .tab-text .add-on-text {
display: block;
text-align: center;
color: #666;
margin-bottom: 16px
}
.add-on .tab .price {
color: #D31F04;
font-size: 1.23077em;
text-align: center;
margin-bottom: 16px
}
.add-on .tab .price .large-font {
font-size: 2.46154em
}
.add-on .tab .cta .button {
display: block
}
.add-on .cta-block {
border-bottom: none;
padding-bottom: 16px
}
@media all and (max-width: 599px) {
.add-on .subheading {
width: 100%
}
.add-on .tab {
border: none;
border-top: 2px solid #d9d9d9;
border-radius: 0
}
.add-on .tab.first {
border: none
}
.add-on .cta-list-wrapper {
margin-bottom: 20px
}
.add-on .cta-block {
top: 0;
padding-bottom: 0;
padding-top: 0
}
.add-on .cta-block .cta-list {
padding: 0 20px
}
}
.hub-banner {
min-height: 350px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
clear: both;
color: #D31F04;
margin: 0 auto
}
.hub-banner .banner-support-text {
padding: 64px 0 0;
text-align: center
}
.hub-banner .banner-support-text support-text p {
font-family: verdana, arial, sans-serif;
margin: 0 auto;
max-width: 1024px;
width: 80%
}
@media all and (max-width: 599px) {
.hub-banner .banner-support-text {
padding: 32px 0 0
}
}
.filter-heading {
margin: 32px 0;
color: #D31F04;
font-size: 1.923em;
text-align: center
}
.filter-tabs {
display: table;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 32px;
max-width: 1098px
}
.filter-tabs li {
display: table-cell;
padding: 0 16px;
width: 20%;
vertical-align: top
}
.filter-tabs li a {
border: 2px solid #aeaead;
border-bottom-color: transparent;
border-width: 2px 0;
position: relative;
color: #D31F04;
font-size: 1.231em;
padding: 12px;
display: block
}
.filter-tabs li a:hover {
text-decoration: none
}
.filter-tabs li a.active {
border-color: #D31F04;
color: #D31F04;
text-decoration: none
}
@media all and (max-width: 768px) {
.filter-tabs {
margin-bottom: 32px;
width: 100%
}
.filter-tabs li {
width: auto;
display: block;
margin: 0
}
.filter-tabs li a {
display: inline-block;
width: 78%
}
.filter-tabs li a.active {
margin-bottom: -2px;
padding-bottom: 14px;
z-index: 1
}
.filter-tabs li:last-child a {
border-bottom-color: #aeaead
}
.filter-tabs li:last-child a.active,
.filter-tabs li:last-child a:hover {
border-bottom-color: #D31F04
}
}
.clearfix:after,
.toggle-container:after {
clear: both;
content: '';
display: table
}
.toggle-trigger {
background-image: url(../images/dropdown-premier.svg);
background-position: right;
background-repeat: no-repeat;
background-size: 12px 10px;
display: inline-block;
font-size: 1.125em;
margin-top: 32px;
padding-right: 20px
}
.no-svg .toggle-trigger {
background-image: url(../images/dropdown-premier.png)
}
.toggle-trigger.trigger-active {
background-image: url(../images/dropdown-premier-up.svg)
}
.no-svg .toggle-trigger.trigger-active {
background-image: url(../images/dropdown-premier.png)
}
.toggle-container.toggle-visible {
border-top: 1px solid #b2b2b2
}
.toggle-container .toggle-container-header {
position: relative
}
.toggle-container .toggle-container-header .close-toggle {
background-position: center center;
background-repeat: no-repeat;
padding-center: 0;
background-image: url(../images/close-x.svg);
display: inline-block;
background-size: contain;
height: 24px;
position: absolute;
right: 0;
top: 65px;
width: 24px;
z-index: 1
}
.no-svg .toggle-container .toggle-container-header .close-toggle {
background-image: url(../images/close-x.png)
}
.touch .toggle-container .toggle-container-header .close-toggle {
padding: 0 0 10px 10px
}
@media all and (max-width: 599px) {
.toggle-container .toggle-container-header .close-toggle {
top: 32px
}
}
.toggle-container .toggle-content .title {
padding: 0 35px
}