/************************************* Foundation **************************************/ @import url(https://fonts.googleapis.com/css?family=Lato:300,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i); meta.foundation-mq-small { font-family: "/only screen and (max-width: 640px)/"; width: 0em; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:$foundation_small) and (max-width:1024px)/"; width: 641px; } meta.foundation-mq-large { font-family: "/only screen and (min-width:$foundation_medium)/"; width: 1025px; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:$foundation_large)/"; width: 1441px; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:$foundation_xlarge)/"; width: 1921px; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1160px; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } @media only screen { .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 641px) { .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .medium-1 { position: relative; width: 8.33333%; } .medium-2 { position: relative; width: 16.66667%; } .medium-3 { position: relative; width: 25%; } .medium-4 { position: relative; width: 33.33333%; } .medium-5 { position: relative; width: 41.66667%; } .medium-6 { position: relative; width: 50%; } .medium-7 { position: relative; width: 58.33333%; } .medium-8 { position: relative; width: 66.66667%; } .medium-9 { position: relative; width: 75%; } .medium-10 { position: relative; width: 83.33333%; } .medium-11 { position: relative; width: 91.66667%; } .medium-12 { position: relative; width: 100%; } .medium-offset-0 { position: relative; margin-left: 0%; } .medium-offset-1 { position: relative; margin-left: 8.33333%; } .medium-offset-2 { position: relative; margin-left: 16.66667%; } .medium-offset-3 { position: relative; margin-left: 25%; } .medium-offset-4 { position: relative; margin-left: 33.33333%; } .medium-offset-5 { position: relative; margin-left: 41.66667%; } .medium-offset-6 { position: relative; margin-left: 50%; } .medium-offset-7 { position: relative; margin-left: 58.33333%; } .medium-offset-8 { position: relative; margin-left: 66.66667%; } .medium-offset-9 { position: relative; margin-left: 75%; } .medium-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.medium-centered, .columns.medium-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right !important; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 1025px) { .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .large-offset-0 { position: relative; margin-left: 0%; } .large-offset-1 { position: relative; margin-left: 8.33333%; } .large-offset-2 { position: relative; margin-left: 16.66667%; } .large-offset-3 { position: relative; margin-left: 25%; } .large-offset-4 { position: relative; margin-left: 33.33333%; } .large-offset-5 { position: relative; margin-left: 41.66667%; } .large-offset-6 { position: relative; margin-left: 50%; } .large-offset-7 { position: relative; margin-left: 58.33333%; } .large-offset-8 { position: relative; margin-left: 66.66667%; } .large-offset-9 { position: relative; margin-left: 75%; } .large-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 1441px) { .xlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xlarge-push-2 { position: relative; left: 16.66667%; right: auto; } .xlarge-pull-2 { position: relative; right: 16.66667%; left: auto; } .xlarge-push-3 { position: relative; left: 25%; right: auto; } .xlarge-pull-3 { position: relative; right: 25%; left: auto; } .xlarge-push-4 { position: relative; left: 33.33333%; right: auto; } .xlarge-pull-4 { position: relative; right: 33.33333%; left: auto; } .xlarge-push-5 { position: relative; left: 41.66667%; right: auto; } .xlarge-pull-5 { position: relative; right: 41.66667%; left: auto; } .xlarge-push-6 { position: relative; left: 50%; right: auto; } .xlarge-pull-6 { position: relative; right: 50%; left: auto; } .xlarge-push-7 { position: relative; left: 58.33333%; right: auto; } .xlarge-pull-7 { position: relative; right: 58.33333%; left: auto; } .xlarge-push-8 { position: relative; left: 66.66667%; right: auto; } .xlarge-pull-8 { position: relative; right: 66.66667%; left: auto; } .xlarge-push-9 { position: relative; left: 75%; right: auto; } .xlarge-pull-9 { position: relative; right: 75%; left: auto; } .xlarge-push-10 { position: relative; left: 83.33333%; right: auto; } .xlarge-pull-10 { position: relative; right: 83.33333%; left: auto; } .xlarge-push-11 { position: relative; left: 91.66667%; right: auto; } .xlarge-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .xlarge-1 { position: relative; width: 8.33333%; } .xlarge-2 { position: relative; width: 16.66667%; } .xlarge-3 { position: relative; width: 25%; } .xlarge-4 { position: relative; width: 33.33333%; } .xlarge-5 { position: relative; width: 41.66667%; } .xlarge-6 { position: relative; width: 50%; } .xlarge-7 { position: relative; width: 58.33333%; } .xlarge-8 { position: relative; width: 66.66667%; } .xlarge-9 { position: relative; width: 75%; } .xlarge-10 { position: relative; width: 83.33333%; } .xlarge-11 { position: relative; width: 91.66667%; } .xlarge-12 { position: relative; width: 100%; } .xlarge-offset-0 { position: relative; margin-left: 0%; } .xlarge-offset-1 { position: relative; margin-left: 8.33333%; } .xlarge-offset-2 { position: relative; margin-left: 16.66667%; } .xlarge-offset-3 { position: relative; margin-left: 25%; } .xlarge-offset-4 { position: relative; margin-left: 33.33333%; } .xlarge-offset-5 { position: relative; margin-left: 41.66667%; } .xlarge-offset-6 { position: relative; margin-left: 50%; } .xlarge-offset-7 { position: relative; margin-left: 58.33333%; } .xlarge-offset-8 { position: relative; margin-left: 66.66667%; } .xlarge-offset-9 { position: relative; margin-left: 75%; } .xlarge-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.xlarge-centered, .columns.xlarge-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.xlarge-uncentered, .columns.xlarge-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 1921px) { .xxlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xxlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xxlarge-push-2 { position: relative; left: 16.66667%; right: auto; } .xxlarge-pull-2 { position: relative; right: 16.66667%; left: auto; } .xxlarge-push-3 { position: relative; left: 25%; right: auto; } .xxlarge-pull-3 { position: relative; right: 25%; left: auto; } .xxlarge-push-4 { position: relative; left: 33.33333%; right: auto; } .xxlarge-pull-4 { position: relative; right: 33.33333%; left: auto; } .xxlarge-push-5 { position: relative; left: 41.66667%; right: auto; } .xxlarge-pull-5 { position: relative; right: 41.66667%; left: auto; } .xxlarge-push-6 { position: relative; left: 50%; right: auto; } .xxlarge-pull-6 { position: relative; right: 50%; left: auto; } .xxlarge-push-7 { position: relative; left: 58.33333%; right: auto; } .xxlarge-pull-7 { position: relative; right: 58.33333%; left: auto; } .xxlarge-push-8 { position: relative; left: 66.66667%; right: auto; } .xxlarge-pull-8 { position: relative; right: 66.66667%; left: auto; } .xxlarge-push-9 { position: relative; left: 75%; right: auto; } .xxlarge-pull-9 { position: relative; right: 75%; left: auto; } .xxlarge-push-10 { position: relative; left: 83.33333%; right: auto; } .xxlarge-pull-10 { position: relative; right: 83.33333%; left: auto; } .xxlarge-push-11 { position: relative; left: 91.66667%; right: auto; } .xxlarge-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .xxlarge-1 { position: relative; width: 8.33333%; } .xxlarge-2 { position: relative; width: 16.66667%; } .xxlarge-3 { position: relative; width: 25%; } .xxlarge-4 { position: relative; width: 33.33333%; } .xxlarge-5 { position: relative; width: 41.66667%; } .xxlarge-6 { position: relative; width: 50%; } .xxlarge-7 { position: relative; width: 58.33333%; } .xxlarge-8 { position: relative; width: 66.66667%; } .xxlarge-9 { position: relative; width: 75%; } .xxlarge-10 { position: relative; width: 83.33333%; } .xxlarge-11 { position: relative; width: 91.66667%; } .xxlarge-12 { position: relative; width: 100%; } .xxlarge-offset-0 { position: relative; margin-left: 0%; } .xxlarge-offset-1 { position: relative; margin-left: 8.33333%; } .xxlarge-offset-2 { position: relative; margin-left: 16.66667%; } .xxlarge-offset-3 { position: relative; margin-left: 25%; } .xxlarge-offset-4 { position: relative; margin-left: 33.33333%; } .xxlarge-offset-5 { position: relative; margin-left: 41.66667%; } .xxlarge-offset-6 { position: relative; margin-left: 50%; } .xxlarge-offset-7 { position: relative; margin-left: 58.33333%; } .xxlarge-offset-8 { position: relative; margin-left: 66.66667%; } .xxlarge-offset-9 { position: relative; margin-left: 75%; } .xxlarge-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.xxlarge-centered, .columns.xxlarge-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.xxlarge-uncentered, .columns.xxlarge-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.xxlarge-uncentered.opposite, .columns.xxlarge-uncentered.opposite { float: right !important; } } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { .small-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 641px) { .medium-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-1 > li:nth-of-type(n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-2 > li:nth-of-type(n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-3 > li:nth-of-type(n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-4 > li:nth-of-type(n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-5 > li:nth-of-type(n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-6 > li:nth-of-type(n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-7 > li:nth-of-type(n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-8 > li:nth-of-type(n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-9 > li:nth-of-type(n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-10 > li:nth-of-type(n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-11 > li:nth-of-type(n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-12 > li:nth-of-type(n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 1025px) { .large-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } .show-for-small, .show-for-small-only, .show-for-medium-down, .show-for-large-down, .hide-for-medium, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .hide-for-small, .hide-for-small-only, .hide-for-medium-down, .show-for-medium, .show-for-medium-up, .show-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.show-for-small, table.show-for-small-only, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.show-for-small, thead.show-for-small-only, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-small-only, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.show-for-small, tr.show-for-small-only, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.show-for-small, td.show-for-small-only, td.show-for-medium-down td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge td.hide-for-xlarge-up, td.hide-for-xxlarge-up, th.show-for-small, th.show-for-small-only, th.show-for-medium-down th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge th.hide-for-xlarge-up, th.hide-for-xxlarge-up { display: table-cell !important; } @media only screen and (min-width: 641px) { .hide-for-small, .hide-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-up, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small, .show-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-up, table.show-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-up, thead.show-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-up, tbody.show-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-up, tr.show-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-up, td.show-for-medium-only, td.hide-for-large, td.hide-for-large-up, td.hide-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-up, th.show-for-medium-only, th.hide-for-large, th.hide-for-large-up, th.hide-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } } @media only screen and (min-width: 1025px) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large, table.show-for-large-up, table.show-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large, thead.show-for-large-up, thead.show-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large, tbody.show-for-large-up, tbody.show-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large, tr.show-for-large-up, tr.show-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large, td.show-for-large-up, td.show-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large, th.show-for-large-up, th.show-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } } @media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.show-for-xlarge, table.show-for-xlarge-up, table.show-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.show-for-xlarge, thead.show-for-xlarge-up, thead.show-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.show-for-xlarge, tbody.show-for-xlarge-up, tbody.show-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.show-for-xlarge, tr.show-for-xlarge-up, tr.show-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.show-for-xlarge, td.show-for-xlarge-up, td.show-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.show-for-xlarge, th.show-for-xlarge-up, th.show-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } } @media only screen and (min-width: 1921px) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .show-for-xlarge-up, .show-for-xxlarge-up, .show-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.show-for-xlarge-up, table.show-for-xxlarge-up, table.show-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.show-for-xlarge-up, thead.show-for-xxlarge-up, thead.show-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.show-for-xlarge-up, tr.show-for-xxlarge-up, tr.show-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.show-for-xlarge-up, td.show-for-xxlarge-up, td.show-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.show-for-xlarge-up, th.show-for-xxlarge-up, th.show-for-xxlarge-only { display: table-cell !important; } } .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } .left { float: left !important; } .right { float: right !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img, object, embed { max-width: 100%; height: auto; } /* Collapse functions on 10/21/2015 by WA */ .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375em; padding-right: 0.9375em; float: left; } @media only screen and (min-width: 641px) { .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375em; padding-right: 0.9375em; float: left; } } @media only screen and (min-width: 1025px) { .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375em; padding-right: 0.9375em; float: left; } } /************************************* Content Blocks **************************************/ .block-container:last-child.bg-white .block-inner { padding-bottom: 3rem; } .block-container.block-html .columns.full { max-width: 100%; } .block-container.block-html .row + .row { margin-top: 24px; } .block-container .block-inner { padding: 5rem 0; } @media only screen and (max-width: 1026px) { .block-container .block-inner { padding: 4rem 0; } } @media only screen and (max-width: 642px) { .block-container .block-inner { padding: 3rem 0; } } .block-container.block-solutions + .block-container .block-inner { padding: 4rem 0 !important; } .heading-container + .block-html .block-inner { padding-top: 2rem; } .banner-container + .block-container .block-inner { padding-top: 0; } .block-container.block-bg-none + .block-container.block-bg-none .block-inner { padding-top: 0; } .block-container.bg-white + .block-container.bg-white .block-inner { padding-top: 0; } .block-container.bg-lightgrey + .block-container.bg-lightgrey .block-inner { padding-top: 0; } .block-container.bg-lightblue + .block-container.bg-lightblue .block-inner { padding-top: 0; } .block-container.bg-transparent + .block-container.bg-transparent .block-inner { padding-top: 0; } .block-container.bg-image + .block-container.bg-image .block-inner { padding-top: 0; } /************************************* Content Blocks **************************************/ @media only screen and (max-width: 642px) { .block-leadership .row.leadership-buckets .columns { padding-bottom: 2rem; } .block-leadership .block-inner { padding: 3rem 0 3rem; } } .block-leadership img { min-width: 100%; } .block-leadership h2 { font: 25px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; text-decoration: uppercase; color: #334455; margin: 32px auto 15px auto; } .block-leadership h2.section_title { text-transform: uppercase; text-align: center; margin: 0 auto 50px auto; } .block-leadership h6 { color: #aeb3bd; margin: 0 auto 16px auto; } .block-leadership p, .block-leadership .gform_wrapper { font: 17px/26px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; } .block-leadership a { font: 14px/28px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; color: #42acdd; } .block-leadership a:hover { color: #3880be; } .block-heading h2 { font: 25px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; text-align: center; } .block-heading h3 { font: 17px/16px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; text-align: center; } .block-imageside h2 { font: 32px/40px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; text-transform: uppercase; color: #334455; } .block-side-image .block-inner { padding: 7rem 0; } @media only screen and (max-width: 1026px) { .block-side-image .block-inner { padding: 5rem 0 4rem; } } @media only screen and (max-width: 642px) { .block-side-image .block-inner { padding: 3rem 0 3rem; } } .block-side-image a.button { border: solid 1px #ffffff; background-color: transparent; color: #ffffff; } .block-side-image a.button.icon-play { padding-left: 3rem; } .block-side-image a.button.icon-play:before { font-size: 1.2rem; position: absolute; top: 12px; left: 20px; } .block-side-image a.button:hover { border: solid 1px #ffffff; background-color: #ffffff; color: #5ac3e5; } @media only screen and (max-width: 834px) { .block-side-image h2 { font-size: 30px; margin-top: 3rem; } } @media only screen and (max-width: 640px) { .block-side-image h2 { margin-top: 3rem; } .block-side-image img { width: 75%; display: block; margin: 0 auto; } } @media only screen and (max-width: 642px) { .block-experience .block-inner { padding: 3rem 0 3rem; } } .block-experience h2 { margin-bottom: 46; } .block-experience h3 { letter-spacing: 0.05rem; text-transform: uppercase; } .block-experience a:hover { text-decoration: none; } .block-experience a.button { text-transform: uppercase; margin-top: 2rem; } .block-experience p, .block-experience .gform_wrapper { padding: 0 1%; } .block-experience ul.block-grid { margin-top: 2rem; } .block-experience ul.block-grid li .circle { -moz-transition: all, 0.5s, ease; -o-transition: all, 0.5s, ease; -webkit-transition: all, 0.5s, ease; transition: all, 0.5s, ease; background-color: #334455; width: 210px; height: 210px; border-radius: 50%; text-align: center; line-height: 100px; vertical-align: middle; padding: 60px; color: #ffffff; margin: 0 auto; } .block-experience ul.block-grid li .circle:hover { background-color: #283747; } .block-experience ul.block-grid li .circle span { background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; display: block; } .block-experience ul.block-grid li .square { width: 90%; background: rgba(255, 255, 255, 0.3); text-align: center; vertical-align: middle; display: block; transition: background 0.5s ease; padding: 31% 24%; } @media only screen and (min-width: 1025px) { .block-experience ul.block-grid li .square { width: 90%; } } @media only screen and (max-width: 1024px) { .block-experience ul.block-grid li .square { width: 95%; } } .block-experience ul.block-grid li .square span { background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; display: block; padding: 42% 54%; } .block-experience ul.block-grid li p span, .block-experience ul.block-grid li .gform_wrapper span { -moz-transition: all, 0.5s, ease; -o-transition: all, 0.5s, ease; -webkit-transition: all, 0.5s, ease; transition: all, 0.5s, ease; } .block-experience ul.block-grid li p span.a, .block-experience ul.block-grid li .gform_wrapper span.a { font: 14px/28px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; color: #42acdd; text-transform: uppercase; } .block-experience ul.block-grid li p span.a:hover, .block-experience ul.block-grid li .gform_wrapper span.a:hover { color: #3880be; } @media only screen and (max-width: 1024px) { .block-experience ul.block-grid li { margin-bottom: 2rem; } .block-experience ul.block-grid li:nth-child(even) .square { margin-left: 5%; margin-bottom: 10%; } } @media only screen and (max-width: 640px) { .block-experience ul.block-grid li { width: 100%; } .block-experience ul.block-grid li:nth-child(even) .square { margin-left: 0; margin-bottom: 2rem; } .block-experience ul.block-grid li .square { width: 100%; margin-bottom: 2rem; } .block-experience ul.block-grid li:last-of-type .square { margin-bottom: 0; } } .block-customers h2 { margin-bottom: 50; } .block-customers ul.block-grid li a { padding: 0rem; display: block; text-align: center; background-color: #7bc5e7; } @media only screen and (max-width: 1024px) { .block-customers ul.block-grid li a { padding: 1.5rem; } } @media only screen and (max-width: 1026px) { .block-resources .block-inner { padding: 5rem 0 4rem; } } @media only screen and (max-width: 642px) { .block-resources .block-inner { padding: 4rem 0 3rem; } } .block-resources h2 { color: #516171; font: 25px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; margin-bottom: 52px; text-transform: uppercase; } .block-resources h3 { text-transform: none; margin-bottom: 17px; } .block-resources img { width: 100%; height: auto; } .block-resources .header { width: 100%; height: 164px; overflow: hidden; } .block-resources .header .background { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 640px) { .block-resources .header { height: 116px; } } .block-resources span.a { font: 14px/27px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; text-transform: uppercase; color: #36bba5; } .block-resources span.a:hover { text-decoration: underline; } .block-resources p, .block-resources .gform_wrapper { color: #334455; } .block-resources ul.block-grid { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; align-items: stretch; } .block-resources ul.block-grid li { position: relative; margin-bottom: 1.25rem; width: 48.5%; } @media only screen and (max-width: 834px) { .block-resources ul.block-grid li { width: 100%; } } .block-resources ul.block-grid li:nth-child(odd) { margin-right: 2.5%; } @media only screen and (max-width: 834px) { .block-resources ul.block-grid li:nth-child(odd) { margin-right: 0; } } .block-resources ul.block-grid li:last-child { margin-bottom: 0; } .block-resources ul.block-grid li .bg-white { position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; display: block; background-color: #ffffff; margin: auto; transition: background 0.5s ease; } @media only screen and (max-width: 640px) { .block-resources ul.block-grid li .bg-white { display: none; } } .block-resources ul.block-grid li a { display: block; text-decoration: none; position: relative; height: 100%; } .block-resources ul.block-grid li a .content { position: relative; } .block-resources ul.block-grid li a .content .content-inner { padding: 1.5rem 1.5rem 0.5rem 1.5rem; } @media only screen and (max-width: 640px) { .block-resources ul.block-grid li a .content .content-inner { padding: 1rem 0rem 0.5rem 0rem; } } .block-resources ul.block-grid li a .content .content-inner h3 { font: 25px/35px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; letter-spacing: 0.05rem; } .block-resources ul.block-grid li a .content .content-inner h3 + p, .block-resources ul.block-grid li a .content .content-inner h3 + .gform_wrapper { margin-top: 0; padding-top: 0; } .block-resources ul.block-grid li a .content img.icon { max-width: 67px; position: absolute; top: 18px; right: 18px; z-index: 5; display: block; } @media only screen and (max-width: 640px) { .block-resources ul.block-grid li a .content img.icon { max-width: 46px; top: 8px; right: 8px; } } .block-resources ul.block-grid li a .content img.header { position: relative; display: block; max-width: 100%; } .block-resources ul.block-grid li a:hover { text-decoration: none; } .block-resources ul.block-grid li a:hover .bg-white { background-color: #fefefe; } .block-resources ul.block-grid li a:hover span.a { text-decoration: underline; } .block-button { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } .block-button .block-inner { padding: 7rem 0 5rem 0; } .block-button .block-inner .columns { text-align: center; } .block-button .block-inner .columns h2, .block-button .block-inner .columns p, .block-button .block-inner .columns .gform_wrapper { max-width: 720px; margin: 0 auto; } .block-button .block-inner .columns h2 { color: #ffffff; letter-spacing: 0.05rem; margin-bottom: 2.3rem; } .block-button .block-inner .columns p, .block-button .block-inner .columns .gform_wrapper { margin-bottom: 2rem; } .block-button .block-inner .columns .button { text-transform: uppercase; } .block-button.bg-image { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } .block-button.bg-image .block-inner { padding: 8rem 0 6rem 0; } .block-button.bg-lightgray .columns h2 { color: #334455; } .block-button.bg-lightgray .columns button { color: #ffffff; } .block-testimonials .block-inner { padding: 7rem 0; } .block-testimonials .block-inner .slide { width: 100%; } .block-testimonials .arrows { padding-top: 3rem; } .block-testimonials .arrows a { font-size: 3rem; color: #d9dce0; } .block-testimonials .arrows a.prev { text-align: center; } .block-testimonials .arrows a.next { text-align: center; } .block-testimonials .arrows a:hover { color: #aeb3bd; text-decoration: none; } .block-testimonials .content p.testimonial, .block-testimonials .content .testimonial.gform_wrapper { color: #516171; font: 30px/40px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; padding-right: 2rem; } @media only screen and (max-width: 640px) { .block-testimonials .content p.testimonial, .block-testimonials .content .testimonial.gform_wrapper { font: 22px/32px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; } } .block-testimonials .content h2 { font: 20px/40px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; line-height: 30px; display: block; margin: 0; } @media only screen and (max-width: 640px) { .block-testimonials .content h2 { color: #63707e; } } .block-testimonials .content .company { color: #aeb3bd; font: 17px/28px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; line-height: 25px; text-transform: uppercase; display: block; } .block-testimonials .mobile_arrows { width: 100%; display: block; padding: 2rem 0 0 0; } .block-testimonials .mobile_arrows .columns { padding: 0; } .block-testimonials .mobile_arrows a { background-color: #ebebeb; width: 49.5%; display: inline-block; padding: 1rem 2rem; text-align: center; text-decoration: none; color: #9ca6b0; } .block-testimonials .mobile_arrows a:hover { color: #aeb3bd; } .block-testimonials .mobile_arrows a.icon-arrow-left { float: left; } .block-testimonials .mobile_arrows a.icon-arrow-right { float: right; } .block-testimonials .circle-click { width: 100%; text-align: center; display: block; color: #ffffff; margin-bottom: 2rem; } .block-testimonials .circle { -moz-transition: all, 0.5s, ease; -o-transition: all, 0.5s, ease; -webkit-transition: all, 0.5s, ease; transition: all, 0.5s, ease; background-color: #3880be; border-radius: 50%; text-align: center; line-height: 100px; vertical-align: middle; padding: 25%; color: #ffffff; margin: 0 auto; } .block-testimonials .circle:hover { background-color: #283747; } @media only screen and (max-width: 640px) { .block-testimonials .circle { width: 155px; height: 155px; padding: 0; display: inline-block; margin: 0 auto; position: relative; } } .block-testimonials .circle span { -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center center; padding: 50% 50%; display: block; } @media only screen and (max-width: 640px) { .block-testimonials .circle span { margin-top: 30px; padding: 23%; } } .block-testimonials.bg-blue .circle, .block-testimonials.bg-lightblue .circle { background-color: #ffffff; } .block-testimonials.bg-blue .circle span, .block-testimonials.bg-lightblue .circle span { -webkit-filter: none; filter: none; } .block-testimonials.bg-blue p, .block-testimonials.bg-blue .gform_wrapper, .block-testimonials.bg-blue p.testimonial, .block-testimonials.bg-blue .testimonial.gform_wrapper, .block-testimonials.bg-lightblue p, .block-testimonials.bg-lightblue .gform_wrapper, .block-testimonials.bg-lightblue p.testimonial, .block-testimonials.bg-lightblue .testimonial.gform_wrapper { color: #ffffff; } .block-testimonials.bg-lightgray .circle { background-color: #3880be; } .block-testimonials.bg-darkgray .circle { background-color: #ffffff; } .block-testimonials.bg-darkgray .circle span { -webkit-filter: none; filter: none; } .block-testimonials.block-bg-image .circle:hover { background-color: #ffffff; } .block-testimonials.block-bg-image .circle:hover span { -webkit-filter: none; filter: none; } .block-video a .video { width: 100%; padding-bottom: 18%; position: relative; background-color: #334455; } .block-video a .video:before { content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../../library/images/video-placeholder.png) center center no-repeat; background-size: cover; opacity: 0.31; } .block-video a .video .contents { position: relative; z-index: 5; padding-top: 12rem; } .block-video a .video .contents h2 { font: 48px/48px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; color: #ffffff; opacity: 1.0; } @media only screen and (max-width: 640px) { .block-video a .video .contents h2 { font: 30px/30px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; padding: 0 2rem; } } .block-video a .video .contents .play { background-color: #5ac3e5; width: 170px; height: 170px; border-radius: 50%; border: solid 12px #4697b2; text-align: center; line-height: 100px; vertical-align: middle; padding: 40px; color: #ffffff; margin: 0 auto; transition: border-color 0.5s ease; } .block-video a .video .contents .play:hover { border: solid 12px #5ac3e5; } .block-video a .video .contents .play .icon-play { font-size: 4rem; padding-left: 1rem; } @media only screen and (max-width: 1024px) { .block-video a .video .contents .play .icon-play { font-size: 2.5rem; padding-left: 0.5rem; } } @media only screen and (max-width: 640px) { .block-video a .video .contents .play .icon-play { font-size: 2.2rem; } } @media only screen and (max-width: 1024px) { .block-video a .video .contents .play { width: 120px; height: 120px; padding: 10px 20px 20px 24px; } } @media only screen and (max-width: 640px) { .block-video a .video .contents .play { width: 105px; height: 105px; padding: 0px 10px 0 12px; } } @media only screen and (max-width: 1024px) { .block-video a .video .contents { padding-top: 5rem; } } @media only screen and (max-width: 640px) { .block-video a .video .contents { padding-top: 3rem; } } @media only screen and (max-width: 1024px) { .block-video a .video { padding-bottom: 10%; } } @media only screen and (max-width: 640px) { .block-video a .video { padding-bottom: 5%; } } .block-video a:hover { text-decoration: none; } .block-solutions .block-inner { padding: 0; margin: 0; max-width: 100%; } .block-solutions .block-inner .row { max-width: 100%; margin: 0; padding: 0; overflow: hidden; } .block-solutions .block-inner .row .column, .block-solutions .block-inner .row .columns { max-width: 100%; margin: 0; padding: 0; } .block-solutions ul.block-grid { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; align-items: stretch; } .block-solutions ul.block-grid:before, .block-solutions ul.block-grid:after { display: block; } .block-solutions ul.block-grid li { margin-bottom: 0; text-align: center; } @media only screen and (max-width: 1024px) { .block-solutions ul.block-grid li { padding: 5%; } } .block-solutions ul.block-grid li .button { border: solid 1px #ffffff; background-color: transparent; color: #ffffff; } .block-solutions ul.block-grid li .button:hover { background-color: #ffffff; } .block-solutions ul.block-grid li.enterprise-blue { background-color: #5ac3e5; } .block-solutions ul.block-grid li.enterprise-blue .button:hover { color: #5ac3e5; } .block-solutions ul.block-grid li.sensitive-data-green { background-color: #6cd3c2; } .block-solutions ul.block-grid li.sensitive-data-green .button:hover { color: #6cd3c2; } .block-solutions ul.block-grid li.effortless-sharing-blue { background-color: #42acdd; } .block-solutions ul.block-grid li.effortless-sharing-blue .button:hover { color: #42acdd; } .block-solutions ul.block-grid li.sync-files-blue { background-color: #6fcfe3; } .block-solutions ul.block-grid li.sync-files-blue .button:hover { color: #6fcfe3; } @media only screen and (max-width: 640px) { .block-solutions ul.block-grid li .wrap { padding: 65px 40px 25px 40px; } } @media only screen and (min-width: 1024px) { .block-solutions ul.block-grid li .wrap { padding: 65px 40px 55px 40px; } } @media only screen and (min-width: 1440px) { .block-solutions ul.block-grid li .wrap { padding: 80px 120px 65px 120px; } } .block-solutions ul.block-grid li .wrap img.icon { max-height: 120px; } .block-solutions ul.block-grid li .wrap h2 { font: 37px/42px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; letter-spacing: 0.05rem; color: #ffffff; text-transform: uppercase; } .block-solutions ul.block-grid li .wrap p, .block-solutions ul.block-grid li .wrap .gform_wrapper { color: #ffffff; } .block-full-image .row .column img, .block-full-image .row .columns img { width: 100%; display: block; } .block-full-image .row .column p, .block-full-image .row .column .gform_wrapper, .block-full-image .row .columns p, .block-full-image .row .columns .gform_wrapper { font: 14px/20px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; } .block-full-image-slider p, .block-full-image-slider .gform_wrapper { font: 14px/20px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; } .block-full-image-slider .pager span { color: #aeb3bd; font-size: 2rem; cursor: pointer; margin: 0.5rem; } .block-full-image-slider .pager span.cycle-pager-active { color: #19b399; } .block-experience.block-bg-none + .block-experience.block-bg-none .block-inner, .block-experience.bg-white + .block-experience.bg-white .block-inner, .block-experience.bg-lightgrey + .block-experience.bg-lightgrey .block-inner, .block-experience.bg-lightblue + .block-experience.bg-lightblue .block-inner, .block-experience.bg-transparent + .block-experience.bg-transparent .block-inner, .block-experience.bg-image + .block-experience.bg-image .block-inner { margin-top: -7rem; padding-top: 0; } @media only screen and (min-width: 1025px) { .block-experience.block-bg-none + .block-experience.block-bg-none .block-inner, .block-experience.bg-white + .block-experience.bg-white .block-inner, .block-experience.bg-lightgrey + .block-experience.bg-lightgrey .block-inner, .block-experience.bg-lightblue + .block-experience.bg-lightblue .block-inner, .block-experience.bg-transparent + .block-experience.bg-transparent .block-inner, .block-experience.bg-image + .block-experience.bg-image .block-inner { margin-top: -5rem; } } /************************************* Colorbox **************************************/ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8) repeat 0 0; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; background: white; overflow: hidden; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 28px; } #cboxTitle { margin: 0; position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; border-radius: 4px; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; background: white; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #colorbox { outline: 0; border: 8px solid black; background-color: white; border-radius: 12px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } #cboxError { padding: 50px; border: 1px solid #cccccc; } #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight { width: 6px; height: 6px; } #cboxMiddleLeft, #cboxMiddleRight { width: 6px; } #cboxTopCenter, #cboxBottomCenter { height: 6px; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; width: 25px; height: 25px; text-indent: -9999px; background-color: transparent; background-position: -460px -897px; border-radius: 15px; } #cboxNext { position: absolute; bottom: 0; left: 27px; width: 25px; height: 25px; text-indent: -9999px; background-color: transparent; background-position: -476px -897px; border-radius: 15px; } #cboxClose { position: absolute; bottom: 0; right: 0; width: 23px; height: 23px; text-indent: -9999px; background-position: -14px -842px; border-radius: 15px; } .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); } #cboxClose { font-family: 'icomoon'; content: "\f057"; text-indent: 0; background-color: transparent; } #cboxClose:hover::before { color: #7bc5e7; } #cboxClose::before { display: block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; content: "\f057"; color: #5ac3e5; position: absolute; bottom: -0.8px; right: 1px; margin-bottom: 3px; } /* minified normalize */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, .gform_wrapper, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: none !important; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .grav-vert-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .grav-vert-align-parent { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /************************************* WordPress Specifics **************************************/ .alignleft, .alignright { display: inline-block; } .alignleft { float: left; margin: 0 20px 5px 0; } .alignright { float: right; margin: 0 0 5px 20px; } .alignnone { margin: 5px 15px 15px 0; } .aligncenter { display: block; margin: 15px auto; } img.alignleft, img.alignright { max-width: 50%; } @media only screen and (max-width: 640px) { img.alignleft, img.alignright { display: block; float: none; width: 100%; max-width: 100%; margin: 0.5rem 0; } } .wp-caption { background: rgba(0, 0, 0, 0.1); border: 1px rgba(0, 0, 0, 0.3) solid; padding: 15px; font-size: 0.85em; text-align: center; } .wp-caption img { border: 1px rgba(0, 0, 0, 0.3) solid; margin: 0 auto 15px auto; max-width: 98.5%; width: auto; } body.admin-bar header { padding: 55px 0 8px 0; } body.admin-bar #wpadminbar { position: fixed; } /* =========================================================== Name: selectordie_dev.css Updated: 2014-10-10 Created by: Per V @ Vst.mn What?: Base CSS for Select or Die Copyright (c) 2014 Per Vestman Dual licensed under the MIT and GPL licenses. No, I don't usually comment my CSS, but in this case it might "help" someone. Oddny | Cogs 'n Kegs =========================================================== */ /* Remove, change to fit your needs */ .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 1; width: 200px; padding: 15px 10px; border: 3px solid #5e5e5e; background: #ffffff; color: #444444; font-size: 11px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; } /* Up/Down arrows */ .sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 12px; font-size: 7px; } /* Down arrow */ .sod_select:after { content: "\25BC"; top: auto; bottom: 12px; } /* Change the border color on hover, focus and when open */ .sod_select:hover, .sod_select.open, .sod_select.focus { border-color: #000000; } .sod_select.open { color: #919191; } .sod_select.focus { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 200px; margin: 0 0 0 -3px; background: #ffffff; border: 3px solid #000000; border-top: none; color: #444444; font-weight: 300; z-index: 1; } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { background: inherit; color: #cccccc; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: #f7f7f7; color: #333333; } /*Make room for the check mark */ .sod_select .sod_option.selected { font-weight: 700; padding-right: 25px; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } .sod_select .sod_option { color: #334455 !important; padding: 10px 22px; } .sod_select .sod_option.selected, .sod_select .sod_option.active { color: #334455 !important; } header { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; padding: 26px 0 8px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: white; } header .logo .icon-aerofs-logo { font-size: 2.3rem; } header .logo a:hover { text-decoration: none; } @media only screen and (max-width: 749px) { header .logo { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; float: left; width: 85%; padding: 3px 0; } } header nav { font: 15px/15px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; } header nav .button { padding: 0.9375rem 1.625rem; display: inline-block; } header .arrow-up { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #2b3a49; margin: 0 auto; } @media only screen and (max-width: 749px) { header { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: auto; z-index: 200; width: 100%; background-color: #334455; padding: 10px 0 0px 0; } header .icon-aerofs-logo { display: block; } header .icon-aerofs-logo .path1:before, header .icon-aerofs-logo .path2:before, header .icon-aerofs-logo .path3:before, header .icon-aerofs-logo .path4:before, header .icon-aerofs-logo .path5:before, header .icon-aerofs-logo .path6:before { color: #ffffff; } header .icon-aerofs-logo .path7:before { color: #626d78; } header .icon-aerofs-logo .path8:before { color: #aab0b6; } header .icon-aerofs-logo .path9:before { color: #dfe2e4; } header nav { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; height: 0; overflow: hidden; } } footer { padding-top: 4rem; padding-bottom: 3rem; } @media only screen and (max-width: 640px) { footer { padding-top: 6rem; } } footer .image-spot { margin-bottom: 1rem; } @media only screen and (max-width: 640px) { footer .image-spot { margin-bottom: 2rem; } } footer .image-spot a:hover { text-decoration: none; } footer .image-spot a:hover .box { background-color: #3a424a; } footer .image-spot a img { width: 100%; display: block; } footer .image-spot a .box { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #444c54; padding: 0 2rem; min-height: 6rem; } footer .image-spot a .box .text { font: 16px/23px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; letter-spacing: 0.05rem; color: #ffffff; text-align: center; text-transform: uppercase; width: 100%; } @media only screen and (max-width: 830px) { footer .image-spot a .box .text { font: 13px/20px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; } } @media only screen and (max-width: 640px) { footer .image-spot a .box .text { font: 16px/23px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; } } footer .search-form { position: relative; display: block; float: left; width: calc(100% - 120px); max-width: 370px; margin-right: 30px; } footer .search-form label .screen-reader-text { display: none; } footer .search-form label .search-field { -webkit-appearance: none; width: calc(100% - 52px); height: 52px; background-color: #eff2f5; color: #aeb3bd; font-size: 1rem; border: none; margin: 0; padding: 1rem; float: left; } footer .search-form label .search-field::-webkit-input-placeholder { color: transparent; } footer .search-form label .search-field:-moz-placeholder { color: transparent; } footer .search-form label .search-field::-moz-placeholder { color: transparent; } footer .search-form label .search-field:-ms-input-placeholder { color: transparent; } footer .search-form label .search-field:focus { box-shadow: none; } footer .search-form .search-submit { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #e3e6ea; color: #aeb3bd; font-size: 1.5rem; width: 52px; height: 52px; border: none; border-radius: 0; padding: 0; margin: 0; float: left; } footer .search-form .search-submit:hover { background-color: #d6d8db; color: #ffffff; } @media only screen and (max-width: 1111px) { footer .search-form { margin-bottom: 1rem; margin-right: 0; width: 100%; max-width: 100%; } } footer .social-media { position: relative; float: left; display: block; width: 116px; } footer .social-media a.button.icon-facebook { padding: 1.625rem; margin-right: 0.5rem; } footer .social-media a.button.icon-twitter { padding: 1.625rem; } footer .social-media a.button.icon-twitter:before { top: calc(50% / 2); left: calc(50% / 2); } @media only screen and (max-width: 1111px) { footer .social-media { padding-top: 1rem; float: none; display: block; } } footer .footer-links { padding-top: 0.5rem; padding-bottom: 2rem; } footer .footer-links .copyright, footer .footer-links .legal { font: 14px/14px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; color: #334455; display: inline-block; } @media only screen and (max-width: 640px) { footer .footer-links .copyright { margin-top: 1rem; } } footer .footer-links .legal ul { display: inline-block; list-style: none; } @media only screen and (max-width: 640px) { footer .footer-links .legal ul { margin-top: 0.5rem; } } footer .footer-links .legal ul li { display: inline-block; list-style-type: none; } @media only screen and (max-width: 640px) { footer .footer-links .legal ul li { margin: 0 0.5rem 0 0; } } footer .footer-links .legal ul li a { color: #334455; font: 14px/14px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; } footer .footer-links .legal ul li a:hover { color: #334455; } footer .footer-links .legal ul li.current-menu-item > a, footer .footer-links .legal ul li.current-menu-parent > a, footer .footer-links .legal ul li.current-page-parent > a { color: #334455; text-decoration: underline; } footer .footer-links .legal ul li:before { content: none; } .block-container.bg-white + footer { padding-top: 0; } .amium_cta { background: #20364a; bottom: 0; color: #fff; display: none; font-family: 'Open Sans'; font-size: 17px; font-weight: 700; padding: 10px 30px; position: fixed; text-align: center; width: 100%; z-index: 99; } .amium_cta.viewed { display: none; } .amium_cta p, .amium_cta .gform_wrapper { color: #fff; display: inline-block; margin: 0; } @media only screen and (max-width: 1180px) { .amium_cta p, .amium_cta .gform_wrapper { display: block; padding: 0 0 10px 0; } } .amium_cta span { color: #ff7166; } .amium_cta a, .amium_cta a:link { background: #ff7166 url(https://cf1.cdn.aerofs.com/2016/08/02045710/triangle_pointer.svg); background-repeat: no-repeat; background-position: calc(100% - 30px) calc(50% - 1px); background-size: 6px 11px; border-radius: 5px; color: #fff !important; cursor: pointer; display: inline-block; font-size: 16px; margin: 0 0 0 10px; padding: 7px 40px 7px 30px; pointer-events: auto !important; text-transform: uppercase; } .amium_cta a:hover, .amium_cta a:link:hover { opacity: 0.75; text-decoration: none; } .amium_cta .close_amium { background: url(https://cf1.cdn.aerofs.com/2016/08/02050600/amium_X.svg) no-repeat; background-size: 11px 11px; cursor: pointer; height: 11px; position: absolute; right: 10px; top: calc(50% - 6px); width: 11px; } button, a.button, input[type="reset"], input[type="submit"], input[type="button"], input[type="image"] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } textarea::-webkit-outer-spin-button, textarea::-webkit-inner-spin-button, select::-webkit-outer-spin-button, select::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button, input[type="date"]::-webkit-inner-spin-button, input[type="datetime"]::-webkit-outer-spin-button, input[type="datetime"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-outer-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="email"]::-webkit-outer-spin-button, input[type="email"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="password"]::-webkit-outer-spin-button, input[type="password"]::-webkit-inner-spin-button, input[type="search"]::-webkit-outer-spin-button, input[type="search"]::-webkit-inner-spin-button, input[type="tel"]::-webkit-outer-spin-button, input[type="tel"]::-webkit-inner-spin-button, input[type="text"]::-webkit-outer-spin-button, input[type="text"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="url"]::-webkit-outer-spin-button, input[type="url"]::-webkit-inner-spin-button, input[type="week"]::-webkit-outer-spin-button, input[type="week"]::-webkit-inner-spin-button { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } @-moz-document url-prefix() { input:invalid, button:invalid, select:invalid, textarea:invalid { -moz-box-shadow: none; box-shadow: none; } input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner { border: 0; padding: 0; } select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; } } input, textarea { margin-top: 5px; margin-top: 0.3125rem; padding: 12px 20px; padding: 0.75rem 1.25rem; color: #6b7886; font-family: 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; border: 1px solid #aeb3bd; background-color: #ffffff; } input:focus, textarea:focus { outline: none; } textarea { min-height: 150px; min-height: 9.375rem; } input[type=text]:focus, textarea:focus { box-shadow: 0 0 1px #585858; } ::-webkit-input-placeholder { color: #aeb3bd; } :-moz-placeholder { color: #aeb3bd; } ::-moz-placeholder { color: #aeb3bd; } :-ms-input-placeholder { color: #aeb3bd; } input:-moz-placeholder { color: #aeb3bd; } /************************************* Forms **************************************/ .gform_wrapper input:not([type=submit]), .gform_wrapper textarea { font-size: 17px; font-size: 1.0625rem; line-height: 17px; line-height: 1.0625rem; margin-top: 0px; margin-top: 0rem; margin-bottom: 17px; margin-bottom: 1.0625rem; width: 100%; /* min-height: 52px; */ border: 1px solid #d0d3d4; padding: 10px 15px; font-weight: 300; } .gform_wrapper input:not([type=submit]):focus, .gform_wrapper textarea:focus { outline: none; } .gform_wrapper .gform_fields { margin-bottom: 0; } .gform_wrapper label { display: none; } .gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] { display: inline-block; padding-top: 0; clear: left; width: auto; } .gform_wrapper input[type="checkbox"] + label, .gform_wrapper input[type="radio"] + label { margin-right: 30px; margin-right: 1.875rem; display: inline-block; } .gform_wrapper ul li { color: #334455; list-style-type: none; margin-left: 0; margin-bottom: 0px; } .gform_wrapper ul li:before { display: none; } .gform_wrapper ul li.gfield_error { margin-bottom: 15px; } .gform_wrapper .sod_select.select-box { margin-bottom: 17px; margin-bottom: 1.0625rem; font: 16px/16px 'Open Sans' !important; font-weight: 500 !important; text-transform: none; width: 100%; position: relative; background-color: #ffffff; border: 1px solid #d0d3d4; color: #aeb3bd; margin-bottom: 12px; height: auto; padding: 12px 15px; } .gform_wrapper .sod_select.select-box:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e801"; font-size: 1.5rem; transform: rotate(90deg); position: absolute; top: 7px; right: 1.1rem; } .gform_wrapper .sod_select.select-box:after { display: none; } .gform_wrapper .sod_select.select-box .sod_label { position: relative; top: calc(50% / 3.0); padding-left: 0.7rem; } @media only screen and (max-width: 834px) { .gform_wrapper .sod_select.select-box { margin-bottom: 12px; } } .gform_wrapper .sod_select.select-box .sod_list_wrapper { width: 100%; border: none; margin: 0 auto; } .gform_wrapper .sod_select.select-box .sod_list_wrapper .sod_list .sod_option.selected:before { display: none; } .gform_wrapper .sod_select.select-box .sod_list_wrapper .sod_list .sod_option.active { background-color: #e7e7e7; } .gform_wrapper input[type=submit] { margin-top: 20px; margin-top: 1.25rem; text-transform: uppercase; } .gform_wrapper .gform_heading { margin-bottom: 15px; } .gform_wrapper .gform_footer { clear: both; } .gform_wrapper .gform_validation_container { display: none; } .gform_wrapper :-webkit-input-placeholder { color: #aeb3bd; } .gform_wrapper :-moz-placeholder { color: #aeb3bd; } .gform_wrapper ::-moz-placeholder { color: #aeb3bd; } .gform_wrapper :-ms-input-placeholder { color: #aeb3bd; } .gform_wrapper input:-moz-placeholder { color: #aeb3bd; } .gform_wrapper .gfield_contains_required input:not([type=submit]), .gform_wrapper .gfield_contains_required textarea, .gform_wrapper .gfield_contains_required select { border-right: solid 4px #ea6e5d; margin-bottom: 7px; } .gform_wrapper .gfield_required { font-size: 17px; font-size: 1.0625rem; line-height: 17px; line-height: 1.0625rem; margin-top: 0px; margin-top: 0rem; vertical-align: super; } .gform_wrapper .validation { color: #ea6e5d; margin: -1rem auto 0 auto; } .gform_wrapper .validation span { font-weight: 800; font-size: 1.25rem; } .gform_wrapper .validation_error { color: #ea6e5d; margin: 0 0 2rem; } .gform_wrapper .gfield_description, .gform_wrapper .instruction { display: none; } .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea { border: 1px solid #ea6e5d; } input[type="search"]::-webkit-search-cancel-button { display: none; } input[type="checkbox"], input[type="radio"] { opacity: 0; position: absolute; display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; } input[type="checkbox"] label, input[type="radio"] label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; } input[type="checkbox"] + label, input[type="radio"] + label { position: relative; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { content: ''; background: #fff; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 15px; height: 15px; padding: 2px; margin-right: 10px; text-align: center; } input[type="checkbox"]:checked + label:before { background-color: #5ac3e5; box-shadow: inset 0px 0px 0px 2px #fff; } input[type="radio"] + label:before { border-radius: 50%; } input[type="radio"]:checked + label:before { background: #5ac3e5; box-shadow: inset 0px 0px 0px 2px #fff; } input[type="radio"]:focus + label { outline: 1px solid #ddd; } input[type="radio"]:focus + label, input[type="checkbox"]:focus + label { outline: 1px solid #ddd; } @media only screen and (max-width: 749px) { header .columns { width: 100% !important; } } .menu-trigger { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0 auto; width: 14%; height: 50px; display: inline-block; position: relative; } @media only screen and (min-width: 750px) { .menu-trigger { display: none; } } .menu-trigger span { top: 20px; } .menu-trigger span:before { top: -8px; } .menu-trigger span:after { bottom: -8px; } .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; border-radius: 1px; height: 3px; width: 22px; background-color: #959da4; position: absolute; right: 0; display: block; content: ''; } .menu-trigger:hover span { background-color: #cccccc; } .menu-trigger:hover span:before { background-color: #cccccc; } .menu-trigger:hover span:after { background-color: #cccccc; } .menu-trigger.active span { background-color: transparent; } .menu-trigger.active span:before { background-color: #fff; top: 0; } .menu-trigger.active span:after { background-color: #fff; top: 0; } header.mobile_menu .menu-trigger span { background-color: #334455; } header.mobile_menu .menu-trigger span:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; } header.mobile_menu .menu-trigger span:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 0; } header ul.menu { list-style: none; margin: 0; padding: 0; display: block; } @media only screen and (min-width: 751px) { header ul.menu { margin-top: -0.8rem; } } @media only screen and (min-width: 750px) and (max-width: 881px) { header ul.menu { margin-top: 0.7rem; } } header ul.menu li { margin: 0; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } header ul.menu li:before { content: none; } header ul.menu li.current-menu-item > a, header ul.menu li.current-menu-parent > a, header ul.menu li.current-page-parent > a { color: #52badc; } header ul.menu li.menu-button { padding-left: 1.0rem; } @media only screen and (max-width: 749px) { header ul.menu li.menu-button { padding-top: 1.5rem !important; } } @media only screen and (min-width: 750px) and (max-width: 881px) { header ul.menu li.menu-button { display: none; } } header ul.menu li.menu-button a { padding-top: 15px; padding-top: 0.9375rem; padding-right: 34px; padding-right: 2.125rem; padding-bottom: 15px; padding-bottom: 0.9375rem; padding-left: 34px; padding-left: 2.125rem; font-size: 15px; font-size: 0.9375rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-style: solid; border-width: 0px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; cursor: pointer; display: inline-block; line-height: normal; margin: 1rem 0 1.11111rem; position: relative; outline: none; text-align: center; text-decoration: none; text-transform: capitalize; background-color: #6cd3c2; font: 15px/15px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 600; letter-spacing: 0.025rem; } @media only screen and (max-width: 749px) { header ul.menu li.menu-button a { padding: 0.35rem 1.5rem !important; display: block; -webkit-appearance: none; } } header ul.menu li.menu-button a:hover { background-color: #36bba5; color: #ffffff !important; } header ul.menu li .button { display: block; padding: 1.3375rem 1.625rem; margin-top: 1.5rem; } header ul.menu li.menu-item-has-children { padding: 0px 0px 24px; padding: 0rem 0rem 1.5rem; position: relative; } @media only screen and (min-width: 750px) { header ul.menu li.menu-item-has-children ul:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; content: ''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #2b3a49; margin: 0 auto 0 auto; position: absolute; left: 50%; top: -17px; } } header ul.menu li.menu-item-has-children:hover a { color: #52badc; } header ul.menu li.menu-item-has-children:hover ul:after { opacity: 1; } header ul.menu li.menu-item-has-children:hover ul { height: 100%; opacity: 1; overflow: visible; } header ul.menu li.menu-item-has-children ul { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; height: 0; opacity: 0; overflow: hidden; } header ul.menu li.menu-item-has-children ul li:first-of-type a:hover { text-align: left; } header ul.menu li.menu-item-has-children ul li a { text-align: left; background-color: #2b3a49; } header ul.menu li.menu-item-has-children ul li a:link, header ul.menu li.menu-item-has-children ul li a:visited { display: block; color: #ffffff; padding: 15px 20px; } header ul.menu li.menu-item-has-children ul li a:hover { color: #ffffff; background-color: #475f76; } header ul.menu li.menu-item-has-children ul li.current-menu-item > a, header ul.menu li.menu-item-has-children ul li.current-menu-parent > a, header ul.menu li.menu-item-has-children ul li.current-page-parent > a { color: #ffffff; background-color: #475f76; } header ul.menu li .sub-menu { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 100%; height: 100%; z-index: 500; width: 225px; margin-top: 0; } header ul.menu li .sub-menu li { display: block; position: relative; z-index: 10; } header ul.menu li .sub-menu li:not(:last-child) { border-bottom: solid 1px #364451; } header ul.menu li .sub-menu li a { font-size: 14px; letter-spacing: 0.025rem; } header ul.menu li a { text-decoration: none; text-transform: uppercase; padding: 18px 10px 30px; color: #334455; letter-spacing: 0.025rem; font-size: 15px; font-weight: 600; } header ul.menu li a:hover { color: #52badc; } @media only screen and (min-width: 750px) and (max-width: 1024px) { header ul.menu li a { padding: 18px 5px 30px; padding: 1.125rem 0.3125rem 1.875rem; font-size: 15px; } } @media only screen and (min-width: 750px) and (max-width: 840px) { header ul.menu li a { padding: 1.125rem 0.6125rem 1.875rem; } } html.mobile_open { height: 100vh; overflow: hidden; } html.mobile_open body { height: 100vh; overflow: hidden; } header.mobile_menu { padding-bottom: 50px; padding-bottom: 3.125rem; min-height: 63px; } header.mobile_menu nav { padding-right: 20px; padding-right: 1.25rem; padding-bottom: 100px; padding-bottom: 6.25rem; opacity: 1; height: 100vh; overflow-y: auto; } header.mobile_menu nav ul.menu { display: block; width: 100%; margin: 0; padding: 0; } header.mobile_menu nav ul.menu li { display: block; text-align: left; width: 100%; margin: 0; padding: 0; } header.mobile_menu nav ul.menu li.menu-item-has-children { padding-bottom: .8rem; } header.mobile_menu nav ul.menu li.menu-item-has-children:after { content: none; } header.mobile_menu nav ul.menu li.menu-item-has-children:hover { color: #36bba5; } header.mobile_menu nav ul.menu li.current-menu-item > a { color: #36bba5 !important; } header.mobile_menu nav ul.menu li > a { margin: 0; padding: 0; font: 17px/48px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; color: #ffffff; } header.mobile_menu nav ul.menu li > a:link, header.mobile_menu nav ul.menu li > a:visited { color: #ffffff; } header.mobile_menu nav ul.menu li > a:hover { color: #36bba5; } header.mobile_menu nav ul.menu li ul.sub-menu { display: block; opacity: 1; overflow: visible; position: relative; width: 100%; height: auto; margin: 0; padding: 0; } header.mobile_menu nav ul.menu li ul.sub-menu li { display: block; margin: 0; padding: 0; } header.mobile_menu nav ul.menu li ul.sub-menu li > a { background-color: transparent; margin: 0; padding: 0; font: 16px/30px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; color: #ffffff; text-transform: none; } header.mobile_menu nav ul.menu li ul.sub-menu li > a:link, header.mobile_menu nav ul.menu li ul.sub-menu li > a:visited { color: #ffffff; } header.mobile_menu nav ul.menu li ul.sub-menu li > a:hover { color: #36bba5; } header.mobile_menu nav ul.menu > li { border-bottom: solid 1px #485766; padding: 0.2rem 0 0 0; } header.mobile_menu nav ul.menu > li:last-of-type { border: none; } @media only screen and (max-width: 642px) { header.mobile_menu nav ul.menu > li:last-of-type { padding-bottom: 4rem; } } header.mobile_menu nav .button { display: block; padding: 1.3375rem 1.625rem; margin-top: 1.5rem; } .footer-nav { display: block; clear: both; padding-top: 0.5rem; } @media only screen and (min-width: 1100px) { .footer-nav { width: 80%; } } .footer-nav ul.menu { font: 17px/17px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; display: block; width: 100%; } .footer-nav ul.menu li { display: inline-block; padding: 0; margin: 0; } .footer-nav ul.menu li:before { content: none; } .footer-nav ul.menu li.current-menu-item > a { color: #36bba5; } .footer-nav ul.menu li a { display: inline-block; text-transform: none; text-decoration: none; padding: 0.5rem 1.5rem 0.5rem 0; margin: 0; font: 17px/17px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; color: #334455; } .footer-nav ul.menu li a:hover { color: #36bba5; } .footer-nav ul.menu li ul { display: none; } nav.page-navigation ol.grav_page_navi li { display: inline-block; padding: 0 11px; } nav.page-navigation ol.grav_page_navi li a { font: 22px/31px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; color: #334455; } nav.page-navigation ol.grav_page_navi li a:hover { text-decoration: none; color: #42acdd; } nav.page-navigation ol.grav_page_navi li a.prev, nav.page-navigation ol.grav_page_navi li a.next { font: 15.3px/31.5px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; } nav.page-navigation ol.grav_page_navi li.bpn-current { font: 22px/31px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; color: #42acdd; } @media only screen and (min-width: 750px) { header nav { text-align: right; } header nav ul.menu { text-align: right; display: inline-block; } header nav ul.menu li { display: inline-block; } } .block-private-cloud-grid .block-inner { padding: 0 0 5rem 0; } @media only screen and (max-width: 640px) { .block-private-cloud-grid .block-inner { padding: 4rem 0; } } .block-private-cloud-grid .the-grid { width: 100%; position: relative; } .block-private-cloud-grid .the-grid * { margin: 0; } .block-private-cloud-grid .the-grid .data-blocks { position: relative; } .block-private-cloud-grid .the-grid .data-blocks .inner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding: 22% 22%; text-align: center; } .block-private-cloud-grid .the-grid .data-blocks .inner .icon { width: 50%; height: 50%; margin: 0 auto 0.6rem auto; } .block-private-cloud-grid .the-grid .data-blocks h3 { font: 16px/23px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; letter-spacing: 0.05rem; text-transform: uppercase; color: #1c5577; } .block-private-cloud-grid .the-grid a:link { text-decoration: none; } .block-private-cloud-grid .the-grid a:link:hover { text-decoration: none; } .block-private-cloud-grid .the-grid a:link:hover > div[class^="data-"] > .inner { background: rgba(0, 0, 0, 0.05); } .block-private-cloud-grid .the-grid a:link .inner { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: transparent; } .block-private-cloud-grid .the-grid .data-blocks .data-1 { background-color: #5ac3e5; } .block-private-cloud-grid .the-grid .data-blocks .data-2 { background-color: #6cd3c2; } .block-private-cloud-grid .the-grid .data-blocks .data-3 { background-color: #42acdd; } .block-private-cloud-grid .the-grid .data-blocks .data-4 { background-color: #6fcfe3; } .block-private-cloud-grid .the-grid .row-one { width: 100%; position: relative; overflow: hidden; } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud { width: 75%; position: absolute; height: 100%; top: 0; bottom: 0; background-color: #334455; } @media only screen and (max-width: 1024px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud { position: relative; width: 100%; } } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .images { height: 33.333%; display: block; } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .images .image-1 { display: block; float: left; width: 50%; height: 12rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .images .image-1 { height: 14rem; width: 100%; } } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .images .image-2 { display: block; float: left; width: 50%; height: 12rem; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .images .image-2 { height: 8rem; } } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content { clear: both; padding: 10% 16%; background-color: #334455; } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content { padding: 5% 6%; } } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content h2 { font: 45px/60px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; letter-spacing: 0.05rem; margin-bottom: 32px; } @media only screen and (max-width: 1233px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content h2 { font: 38px/50px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; margin-bottom: 18px; } } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content h2 { font: 32px/40px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content h2 .img_amium { margin: 0 0 10px 0; } } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content h2 .img_amium { display: block; height: 34px; width: 34px; } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content h2, .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content p, .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content .gform_wrapper { color: #ffffff; } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content a.button { border: solid 1px #ffffff; background-color: transparent; color: #ffffff; } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content a.button { font: 11px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; text-transform: uppercase; padding: 0.7rem; } } .block-private-cloud-grid .the-grid .row-one .power-of-the-cloud .content a.button:hover { background-color: #ffffff; border: solid 1px #ffffff; color: #345; } .block-private-cloud-grid .the-grid .row-one .data-blocks { display: inline-block; position: relative; width: 25%; float: left; margin-left: 75%; } .block-private-cloud-grid .the-grid .row-one .data-blocks .data-1 { position: relative; height: 50%; padding-top: 100%; } .block-private-cloud-grid .the-grid .row-one .data-blocks .data-2 { position: relative; height: 50%; padding-top: 100%; } .block-private-cloud-grid .the-grid .row-two { clear: both; margin-top: 0; } @media only screen and (max-width: 1024px) { .block-private-cloud-grid .the-grid .row-two { display: none; } } .block-private-cloud-grid .the-grid .row-two .image-3 { background: #f4f4f4; display: block; width: 50%; float: left; position: relative; } .block-private-cloud-grid .the-grid .row-two .image-3 .content { position: relative; display: inline-block; width: 100%; padding-top: 50%; float: left; } .block-private-cloud-grid .the-grid .row-two .image-3 .content .inner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding: 14% 10% 15% 15%; } .block-private-cloud-grid .the-grid .row-two .image-3 img { float: left; margin-right: 45px; } .block-private-cloud-grid .the-grid .row-two .image-3 h3 { color: #1c5577; font-size: 18px; line-height: 26px; margin-bottom: 24px; text-transform: uppercase; } .block-private-cloud-grid .the-grid .row-two .image-3 a.button { border: solid 1px #1c5577; background-color: transparent; color: #1c5577; } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .row-two .image-3 a.button { font: 11px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; text-transform: uppercase; padding: 0.7rem; } } .block-private-cloud-grid .the-grid .row-two .image-3 a.button:hover { background-color: #1c5577; color: #ffffff; } .block-private-cloud-grid .the-grid .row-two .data-blocks { position: relative; display: block; width: 50%; float: left; } .block-private-cloud-grid .the-grid .row-two .data-blocks .data-3 { position: relative; display: inline-block; width: 50%; padding-top: 50%; float: left; } .block-private-cloud-grid .the-grid .row-two .data-blocks .data-4 { position: relative; display: inline-block; width: 50%; padding-top: 50%; float: left; } .block-private-cloud-grid .the-grid .tablet-blocks { clear: both; margin-top: 0; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks { position: relative; display: block; width: 100%; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-1, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-2, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-4 { position: relative; display: inline-block; width: 25%; padding-top: 25%; float: left; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-1 h3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-2 h3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-3 h3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-4 h3 { font: 11.78px/16.94px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; } @media only screen and (max-width: 834px) { .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-1 h3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-2 h3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-3 h3, .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks .data-4 h3 { font: 10px/15px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; } } @media only screen and (max-width: 640px) { .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks { width: 90%; margin: 2rem auto; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks div[class^="data-"] { display: block; width: 100%; padding: 0; margin: 0 0 1rem; float: none; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks div[class^="data-"] .inner { position: relative; width: auto; height: auto; padding: 0; margin: 0; text-align: left; width: 100%; display: flex; align-items: center; justify-content: center; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks div[class^="data-"] .inner .image { padding: 0.8rem 0.8rem 0; margin: 0; width: 27%; display: block; float: left; background: rgba(0, 0, 0, 0.05); } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks div[class^="data-"] .inner .image img.icon { width: auto; height: auto; } .block-private-cloud-grid .the-grid .tablet-blocks .data-blocks div[class^="data-"] .inner h3 { padding: 0 15% 0 8%; margin: auto 0; width: 73%; height: auto; font: 15px/15px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; } } .aero_amium { padding: 80px 0 0; } @media (min-width: 480px) { .aero_amium { padding: 30px 0 0 0; } } .aero_amium .aero_amium_inner { color: #fff; display: flex; flex-direction: column; justify-content: center; text-align: center; } @media (min-width: 480px) { .aero_amium .aero_amium_inner { flex-direction: row; } } .aero_amium .aero_amium_inner h2 { color: #fff; font-size: 24px; font-weight: 500; line-height: 1.2em; margin: 0 0 25px; } .aero_amium .aero_amium_inner .amium_block { background: #ff7266; margin: 0 6px 0 0; padding: 40px 12% 20px; width: 100%; } @media (min-width: 480px) { .aero_amium .aero_amium_inner .amium_block { padding: 40px 3% 20px; width: calc(50% - 3px); } } @media (min-width: 1024px) { .aero_amium .aero_amium_inner .amium_block { padding: 40px 12% 20px; } } .aero_amium .aero_amium_inner .amium_block svg { margin: 0 0 30px; width: 85%; } .aero_amium .aero_amium_inner .amium_block .button { background: #1c5577; } .aero_amium .aero_amium_inner .amium_block .button:hover { background: #21648c; } .aero_amium .aero_amium_inner .aero_block { background: #1c5577; padding: 40px 12% 20px; width: 100%; } @media (min-width: 480px) { .aero_amium .aero_amium_inner .aero_block { padding: 40px 5% 20px; width: calc(50% - 3px); } } @media (min-width: 1024px) { .aero_amium .aero_amium_inner .aero_block { padding: 40px 12% 20px; } } .aero_amium .aero_amium_inner .aero_block svg { margin: 0 0 30px; width: 95%; } .aero_amium .aero_amium_inner .aero_block .button { background: #b5b5b5; } .aero_amium .aero_amium_inner .aero_block .button:hover { background: #9e9e9e; } .front-page .getaerofs .getaerofs_table .tcol_1 { width: 350px; } .cool_vendor { display: flex; flex-direction: column; justify-content: center; margin: 0 0 50px 0; text-align: center; } @media (min-width: 480px) { .cool_vendor { flex-direction: row; text-align: left; } } .cool_vendor .cool_vendor_left { margin: 0 0 10px 0; width: 100%; } @media (min-width: 480px) { .cool_vendor .cool_vendor_left { margin: 0 45px 0 0; width: auto; } } .cool_vendor .cool_vendor_right { padding: 0 15px; width: 100%; } @media (min-width: 480px) { .cool_vendor .cool_vendor_right { padding: 0; width: 340px; } } .cool_vendor .cool_vendor_right h3 { font-size: 34px; font-weight: 500; } .search.search-results section.search-container .search-inner { padding: 2rem 0; } .search.search-results section.search-container .search-inner .page-navi { padding-bottom: 2rem; } .search.search-results section .search-result .columns h2 a { font: 25px/35px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; color: #334455; text-decoration: none; } .search.search-results section .search-result .columns h2 a:hover { color: #36bba5; } .search.search-results section .search-result .columns a { font: 14px/27px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; } .search.search-results section .search-result .columns a.readmore { text-transform: uppercase; } .search.search-results section .search-form { position: relative; display: block; } .search.search-results section .search-form label .screen-reader-text { display: none; } .search.search-results section .search-form label .search-field { -webkit-appearance: none; width: calc(100% - 52px); height: 52px; background-color: #eff2f5; color: #aeb3bd; font-size: 1rem; border: none; margin: 0; padding: 1rem; float: left; } .search.search-results section .search-form label .search-field::-webkit-input-placeholder { color: transparent; } .search.search-results section .search-form label .search-field:-moz-placeholder { color: transparent; } .search.search-results section .search-form label .search-field::-moz-placeholder { color: transparent; } .search.search-results section .search-form label .search-field:-ms-input-placeholder { color: transparent; } .search.search-results section .search-form label .search-field:focus { box-shadow: none; } .search.search-results section .search-form .search-submit { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #e3e6ea; color: #aeb3bd; font-size: 1.5rem; width: 52px; height: 52px; border: none; border-radius: 0; padding: 0; margin: 0; float: left; } .search.search-results section .search-form .search-submit:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; } .search.search-results section .search-form .search-submit:hover { background-color: #d6d8db; color: #ffffff; } @media only screen and (max-width: 1111px) { .search.search-results section .search-form { margin-bottom: 1rem; margin-right: 0; width: 100%; max-width: 100%; } } .slideshow-row .pager { margin-top: 1rem; } .block-careers .block-inner { padding: 5rem 0 2rem 0; } .block-careers .block-inner .row .column, .block-careers .block-inner .row .columns { padding-bottom: 2rem; } .block-careers h2 { font: 25px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; text-transform: uppercase; color: #516171; margin-bottom: 3rem; } .block-careers h3 { font: 25px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; letter-spacing: 0.05rem; text-transform: uppercase; text-align: left; color: #334455; margin-bottom: 0; } .block-careers h4 { font: 14px/20px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; letter-spacing: 0.05rem; text-transform: uppercase; color: #aeb3bd; } .block-careers p a.more-details, .block-careers .gform_wrapper a.more-details { font: 14px/28px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; text-transform: uppercase; color: #42acdd; } .pricing table { width: 100%; margin-top: 4rem; } .pricing table thead tr th:nth-of-type(2), .pricing table thead tr th:nth-of-type(3) { text-align: center; } .pricing table thead tr th span.package { font: 25px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; text-transform: uppercase; color: #334455; margin: 0; display: block; } .pricing table thead tr th span.teamsize { font: 17px/26px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; color: #334455; margin: 0; display: block; } .pricing table thead tr th span.pricing { font: 14px/24px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; text-transform: uppercase; color: #334455; margin: 0 0 1rem; display: block; } .pricing table thead tr th span .button { text-transform: uppercase; } .pricing table thead tr th .show-features { padding: 0.5rem 1rem 2rem; display: none; } .pricing table thead tr th .show-features span { font: 17px/30px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; color: #aeb3bd; text-align: left; display: block; margin-left: 1.5rem; position: relative; } .pricing table thead tr th .show-features span.checked { color: #516171; } .pricing table thead tr th .show-features span.checked:before { font-family: 'icomoon'; content: "\f00c"; color: #19b399; position: absolute; left: -1.5rem; } .pricing table tbody tr:nth-of-type(1) td { padding-top: 2rem; } .pricing table tbody tr td:nth-of-type(1) span { display: block; } .pricing table tbody tr td:nth-of-type(1) span.tooltip { font: 17px/30px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 100; color: #334455; margin-left: 0; } @media only screen and (min-width: 835px) { .pricing table tbody tr td:nth-of-type(1) span.tooltip { cursor: pointer; } } .pricing table tbody tr td:nth-of-type(1) span.tooltip + .tip { display: none; width: 340px; position: absolute; z-index: 50; background-color: #eff2f5; color: #334455; margin-top: 1rem; padding: 1rem; } .pricing table tbody tr td:nth-of-type(1) span.tooltip + .tip:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #eff2f5; margin: 0 auto 0 auto; position: absolute; left: 50%; top: -17px; } @media only screen and (min-width: 835px) { .pricing table tbody tr td:nth-of-type(1) span.tooltip:hover + .tip { display: block; } } @media only screen and (min-width: 835px) { .pricing table tbody tr td:nth-of-type(1) span.tooltip:after { font: 17px/30px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; content: ' +'; } } @media only screen and (min-width: 1025px) { .pricing table tbody tr td:nth-of-type(1) { width: 30%; } } .pricing table tbody tr td:nth-of-type(2), .pricing table tbody tr td:nth-of-type(3) { text-align: center; } @media only screen and (max-width: 640px) { .pricing table thead tr th { position: relative; padding-bottom: 3rem; } .pricing table thead tr th h2 { font: 24px/24px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; margin-top: 2rem; } .pricing table thead tr th h3 { display: inline-block; font: 16px/26px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; } .pricing table thead tr th h3:after { content: ' / '; } .pricing table thead tr th h4 { display: inline-block; font: 13px/24px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; color: #516171; } .pricing table thead tr th .button { display: block; width: 80%; margin: 0 auto 1.5rem; } .pricing table thead tr th .see-features { color: #ffffff; background-color: #3a424a; padding: 0.5rem; font: 12px/26px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; text-align: center; text-transform: uppercase; width: 100%; position: absolute; bottom: 0; left: 0; cursor: pointer; } .pricing table thead tr th .see-features span:first-child { display: block; } .pricing table thead tr th .see-features span:last-child { display: none; } .pricing table thead tr th:nth-of-type(1) { display: none; } .pricing table thead tr th:nth-of-type(2), .pricing table thead tr th:nth-of-type(3) { display: block; width: 100%; border: solid 1px #aeb3bd; background-color: #f4f4f4; margin-bottom: 1rem; } .pricing table tbody tr td:nth-of-type(1) { display: none; } .pricing table tbody tr td:nth-of-type(2) { display: none; } .pricing table tbody tr td:nth-of-type(3) { display: none; } } .pricing .icon-check { font-size: 1.5rem; color: #19b399; } /**********************************************************/ /**********************************************************/ .resources .resources-header p, .resources .resources-header .gform_wrapper { font: 25px/35px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; max-width: 950px; } .resources .resources-header .page-navi { margin-top: 3rem; } .resources .resources-header #resources-search { padding-top: 1.5rem; } .resources .resources-header .search-form { /* .resources-select-box { width: 100%; height: 52px; overflow: hidden; position: relative; background-color: #3b5057; border: none; @media only screen and (min-width: $foundation_large) { width: 360px; } @media only screen and (max-width: $foundation_small - 1) { margin-top: 1rem; } &:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e801"; font-size: 1.5rem; transform: rotate(90deg); position: absolute; top: 1rem; right: 1.1rem; } select { font: 16px/16px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 500; background: transparent; width: 100%; height: 52px; padding: 0 1.5rem; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; color: #ffffff; z-index: 10; position: relative; @media only screen and (min-width: $foundation_large) { width: 360px; } } } */ } .resources .resources-header .search-form label .screen-reader-text { display: none; } .resources .resources-header .search-form label .search-field { font: 16px/16px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif !important; font-weight: 500 !important; color: #6b7886 !important; -webkit-appearance: none; background-color: #ffffff !important; } .resources .resources-header .search-form label .search-field::-webkit-input-placeholder { position: relative; top: calc(50% / 2.7); color: #6b7886 !important; } .resources .resources-header .search-form label .search-field:-moz-placeholder { /* Firefox 18- */ position: relative; top: calc(50% / 2.7); color: #6b7886 !important; } .resources .resources-header .search-form label .search-field::-moz-placeholder { /* Firefox 19+ */ position: relative; top: calc(50% / 2.7); color: #6b7886 !important; } .resources .resources-header .search-form label .search-field:-ms-input-placeholder { position: relative; top: calc(50% / 2.7); color: #6b7886 !important; } .resources .resources-header .search-form .search-submit { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #ffffff !important; } .resources .resources-header .search-form .search-submit:before { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #aeb3bd; } .resources .resources-header .search-form .search-submit:hover:before { color: #6b7886; } .resources .resources-header .search-form .resources-select-box .sod_select.select-box { font: 16px/16px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif !important; font-weight: 500 !important; text-transform: none; width: 100%; height: 52px; position: relative; background-color: #3b5057; border: none; color: #ffffff; } .resources .resources-header .search-form .resources-select-box .sod_select.select-box:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e801"; font-size: 1.5rem; transform: rotate(90deg); position: absolute; top: 1rem; right: 1.1rem; } .resources .resources-header .search-form .resources-select-box .sod_select.select-box:after { display: none; } .resources .resources-header .search-form .resources-select-box .sod_select.select-box .sod_label { position: relative; top: calc(50% / 2.5); padding-left: 0.8rem; } @media only screen and (max-width: 642px) { .resources .resources-header .search-form .resources-select-box .sod_select.select-box { width: calc(100% - 1px); margin-top: 1.5rem; } } .resources .resources-header .search-form .resources-select-box .sod_select.select-box .sod_list_wrapper { width: 100%; border: none; margin: 0 auto; } .resources .resources-header .search-form .resources-select-box .sod_select.select-box .sod_list_wrapper .sod_list .sod_option.selected:before { display: none; } .resources .resources-header .search-form .resources-select-box .sod_select.select-box .sod_list_wrapper .sod_list .sod_option.active { background-color: #e7e7e7; } .resources ul.block-grid { width: 100%; } .resources ul.block-grid li h3 { font: 20px/26px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; margin-bottom: 22px; } .resources ul.block-grid li h2 { font: 12px/12px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; color: #aeb3bd; text-transform: uppercase; margin-bottom: 0; } .resources ul.block-grid li p, .resources ul.block-grid li .gform_wrapper { font: 15px/24px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; } .resources ul.block-grid li span.a { font: 12px/25px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; } .resources ul.block-grid li a { height: 100%; } .resources ul.block-grid li a .content .header { height: 125px; } .resources ul.block-grid li a .content .content-inner { padding: 2rem 1.8rem 0.5rem 1.8rem; } @media only screen and (min-width: 1441px) { .resources ul.block-grid li { width: 31.3%; } .resources ul.block-grid li:nth-child(odd) { margin-right: auto; } .resources ul.block-grid li:not(:nth-child(3n+3)) { margin-right: 2%; } } @media only screen and (max-width: 1024px) { .resources ul.block-grid li { width: 49%; } .resources ul.block-grid li:nth-child(odd) { margin-right: 2%; } } @media only screen and (max-width: 834px) { .resources ul.block-grid li { width: 100%; margin-right: 0; } .resources ul.block-grid li:nth-child(odd) { margin-right: 0; } } .resources-indiv .date { font: 14.4px/14.4px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 700; text-transform: uppercase; color: #aeb3bd; margin: 0.8rem 0; } .resources-indiv a.icon-facebook { margin-right: 1.5rem; } @media only screen and (max-width: 640px) { .resources-indiv a.icon-facebook { margin-right: 0; width: 100%; } } @media only screen and (max-width: 640px) { .resources-indiv a.icon-twitter { width: 100%; } } @media only screen and (min-width: 1441px) { .resources-indiv h1, .resources-indiv h2 { max-width: 970px; } } .resources-indiv h2 { font: 25px/35px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; font-weight: 300; } .resources-indiv .content { margin-top: 1.5rem; } .resources-indiv .block-container.resources-form.top .block-inner { padding-bottom: 0; } .resources-indiv .gform_body ul li.gfield { margin: 0; } .resources-indiv .gform_body ul li.gfield:before { content: ''; top: 0; left: 0; display: none; } .blog-container { border-bottom: 1px solid #eaecee; } .blog-container .block-inner { padding: 4rem 0 0; } .blog-container .blog-post { padding: 3.688rem 0 1.063rem; } .blog-container .blog-post:not(:last-child) { border-bottom: 1px solid #eaecee; } .blog-container h3 a { color: inherit; font-family: inherit; font-size: inherit; text-decoration: none; font-weight: inherit; } .blog-container h3 a:hover { text-decoration: underline; } .read-more, .social-share { display: inline-block; margin-right: 2rem; } .featured img { width: 100%; } .author-image { display: inline-block; width: 64px; height: 64px; } @media only screen and (max-width: 641px) { .author-image { display: block; } } .author-image + .blog-post { display: inline-block; top: -1rem; position: relative; padding-left: 1rem; } @media only screen and (max-width: 641px) { .author-image + .blog-post { display: block; top: 0; padding-left: 0; } } .author-image .avatar { display: block; border-radius: 50%; } .blog-post.featured { padding-top: 0; } .blog-post.featured img { width: 100%; } .blog-post .columns { margin-bottom: 1rem; } .blog-post h3 + p, .blog-post h3 + .gform_wrapper { margin-top: 0; } .post-categories, .post-meta { text-transform: uppercase; margin: 0; line-height: 1.2; } .post-categories a:link, .post-categories a:visited, .post-meta a:link, .post-meta a:visited { font-size: inherit; line-height: 1; color: #334455; } .post-meta { font-size: 0.875rem; margin-bottom: 0.4rem; color: #aeb3bd; font-weight: 700; } .post-categories { font-size: 0.75rem; } .read-more { font-size: 0.778rem; } .read-more span { font-size: inherit; } .social-share { font-size: 0.778rem; } .social-share span { font-size: 1.5rem; top: 0.3rem; position: relative; } .share-wrapper { display: inline-block; position: relative; } .share-wrapper .social-share { padding-bottom: 2rem; } .share-wrapper a:hover { text-decoration: none; } .share-wrapper .icon-twitter, .share-wrapper .icon-facebook, .share-wrapper .icon-linkedin { color: #ffffff; padding: 0.5rem; width: 27px; height: 27px; display: inline-block; text-align: center; font-size: 0.9rem; margin-right: 1rem; } .share-wrapper .icon-facebook { background-color: #3b5a99; } .share-wrapper .icon-facebook:hover { background-color: #345391; } .share-wrapper .icon-twitter { background-color: #25a8e0; } .share-wrapper .icon-twitter:hover { background-color: #1a9dd5; } .share-wrapper .icon-linkedin { background-color: #2085c7; } .share-wrapper .icon-linkedin:hover { background-color: #1c76b1; } .share-wrapper .social-media { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #ffffff; position: absolute; padding: 1rem; top: 2rem; left: 0; opacity: 0; visibility: hidden; border: 1px solid #eaecee; border-radius: 0.5rem; z-index: 10; min-width: 160px; } .share-wrapper .social-media a { color: #334455; display: block; margin-bottom: 0.6rem; font-size: 0.875rem; cursor: pointer; } .share-wrapper.open .social-media, .share-wrapper.open-hover .social-media { opacity: 1; visibility: visible; } .sidebar .share-wrapper .icon-twitter, .sidebar .share-wrapper .icon-facebook, .sidebar .share-wrapper .icon-linkedin { display: inline-block; width: 40px; height: 40px; padding: 0.7rem; border-radius: 0; margin-right: 0.5rem; font-size: 1.3rem; text-align: center; } .sidebar .rss-feed a { font-size: 0.875rem; color: #334455; font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif; } .sidebar .rss-feed a:hover { text-decoration: none; } .sidebar .rss-feed .icon-feed:before { font-size: 1rem; background-color: #f39200; color: #ffffff; text-align: center; padding: 0.3rem 0.3rem 0.2rem 0.4rem; margin-right: 0.5rem; } .sidebar .widget { border-bottom: 1px solid #eaecee; padding-bottom: 3rem; margin-bottom: 2rem; } .sidebar .widget p:last-of-type, .sidebar .widget .gform_wrapper:last-of-type { margin-bottom: 0; padding-bottom: 0; } section.dev { background-color: #000000; } section.dev.parent { background-color: #2b3a49; } section.dev .block-inner { padding: 20px 20px 10px 20px; } section.dev h2 { color: #fff; text-transform: uppercase; font: 36px/36px 'Open Sans', 'Verdana', 'Arial', sans-serif; } section.dev h3 { color: #fff; text-transform: uppercase; font: 26px/26px 'Open Sans', 'Verdana', 'Arial', sans-serif; } /************************************* Global **************************************/ * + blockquote { margin-top: 1.66667rem; } * + ul { margin-top: 1.1111rem; } * + ol { margin-top: 1.1111rem; } * + p, * + .gform_wrapper { margin-top: 1.1111rem; } * + h1 { margin-top: 2.5rem; } * + h2 { margin-top: 1.88889rem; } * + h3 { margin-top: 1.5rem; } * + h4 { margin-top: 1.25rem; } * + h5 { margin-top: 1.1111rem; } h1 + h2 { margin-top: 1.375rem; } h1 + h3 { margin-top: 1rem; } h1 + h4 { margin-top: 0.75rem; } h1 + h5 { margin-top: 0.675rem; } h1 + h6 { margin-top: 0.5rem; } h1 + p, h1 + .gform_wrapper { margin-top: 0.8333rem; } h2 + h3 { margin-top: 0.5rem; } h2 + h4 { margin-top: 0.375rem; } h2 + h5 { margin-top: 0.25rem; } h2 + h6 { margin-top: 0.125rem; } h2 + p, h2 + .gform_wrapper { margin-top: 0.555rem; } h3 + h4 { margin-top: 0.375rem; } h3 + h5 { margin-top: 0.25rem; } h3 + h6 { margin-top: 0.125rem; } h3 + p, h3 + .gform_wrapper { margin-top: 0.555rem; } h4 + h5 { margin-top: 0.25rem; } h4 + h6 { margin-top: 0.125rem; } h4 + p, h4 + .gform_wrapper { margin-top: 0.555rem; } h5 + h6 { margin-top: 0.125rem; } h5 + p, h5 + .gform_wrapper { margin-top: 0.2777rem; } h5 + ul { margin-top: 0.5555rem; } h5 + ol { margin-top: 0.5555rem; } h6 + p, h6 + .gform_wrapper { margin-top: 0.2777rem; } h6 + ul { margin-top: 0.5555rem; } h6 + ol { margin-top: 0.5555rem; } body { background-color: #ffffff; font-size: 16px; } body.home .global-wrapper { margin-top: 96px; } @media only screen and (max-width: 749px) { body.home .global-wrapper { margin-top: calc(80px - 1.2rem); } } @media only screen and (max-width: 640px) { body.home .global-wrapper { margin-top: calc(63px - 4rem); } } .global-wrapper { margin-top: 96px; } @media only screen and (max-width: 749px) { .global-wrapper { margin-top: calc(80px - 1.2rem); } } .shadowed { filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444')"; filter: url(#drop-shadow); -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25)); filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25)); } figcaption { font: 14px/20px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 500; color: #a5a5a5; } figcaption a { font: 14px/20px 'Open Sans', 'Verdana', 'Arial', sans-serif; } hr { border: 0; height: 0; border-top: 1px solid #d0d3d4; margin: 2rem auto; } p, .gform_wrapper { font: 17px/26px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; color: #334455; margin-bottom: 20px; letter-spacing: 0.055rem; line-height: 1.75rem; } h1 { font: 44px/52px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 100; letter-spacing: 0.05rem; color: #334455; } h2 { font: 37px/45px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 100; letter-spacing: 0.05rem; color: #334455; margin-bottom: 15px; } h3 { font: 25px/33px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; letter-spacing: 0.05rem; color: #516171; margin-bottom: 15px; } h4 { font: 25px/33px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; letter-spacing: 0.05rem; color: #516171; margin-bottom: 15px; } h5 { font: 20px/28px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; letter-spacing: 0.05rem; color: #516171; margin-bottom: 10px; } h6 { font: 14px/20px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 700; letter-spacing: 0.05rem; color: #516171; text-transform: uppercase; } a, span.a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font: 17px/26px 'Open Sans', 'Verdana', 'Arial', sans-serif; } a:link, a:visited, span.a:link, span.a:visited { font-weight: 700; color: #36bba5; text-decoration: none; } a:hover, span.a:hover { text-decoration: underline; color: #36bba5; } a.tooltip, span.a.tooltip { color: #334455; font-weight: 700; text-decoration: none; margin-left: 10px; } blockquote, blockquote p, blockquote .gform_wrapper { font: 300 25px/35px 'Open Sans', 'Verdana', 'Arial', sans-serif; letter-spacing: 0.05rem; color: #516171; margin-bottom: 25px; } table { border-collapse: collapse; width: 100%; } table thead tr { border-bottom: solid 1px #eaecee; } table thead tr th { padding: 0.5rem 2rem; text-align: left; font: 20px/33px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; color: #516171; } table thead tr th:first-of-type { padding: 0.5rem 0.5rem 0.5rem 0; } table thead tr th:nth-of-type(2), table thead tr th:nth-of-type(3), table thead tr th:nth-of-type(4) { width: 20%; } table tbody tr td { padding: 0.5rem 2rem; text-align: left; font: 17px/30px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 100; color: #334455; } table tbody tr td:nth-child(even) { background-color: #eff2f5; } table tbody tr td:first-of-type { padding: 0.5rem 0.5rem 0.5rem 0; } .block-container ul li { text-indent: 0; } .banner-container .banner-inner { padding-bottom: 4rem; } .banner-container .banner-inner .row .columns .banner { background-size: cover; background-repeat: no-repeat; background-position: center center; height: calc(28vw); } @media only screen and (max-width: 749px) { .banner-container .banner-inner .row .columns .banner { height: calc(50vw); } } @media only screen and (min-width: 1441px) { .banner-container .banner-inner .row .columns .banner { height: 350px; } } @media only screen and (max-width: 749px) { .banner-container .banner-inner .row .columns { padding-left: 0; padding-right: 0; } } ul { display: block; font: 17px/26px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; color: #334455; } ul li { margin: 0px 0px 10px 15px; margin: 0rem 0rem 0.625rem 0.9375rem; display: list-item; position: relative; } ul li:before { top: 10px; top: 0.625rem; left: -15px; left: -0.9375rem; height: 5px; height: 0.3125rem; width: 5px; width: 0.3125rem; content: ''; background-color: #5ac3e5; border-radius: 50%; position: absolute; } .column ol, .columns ol { display: block; font: 17px/26px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 300; color: #334455; list-style-type: decimal; } .column ol li, .columns ol li { margin: 0px 0px 10px 23px; margin: 0rem 0rem 0.625rem 1.4375rem; position: relative; } ul.block-grid, ul.block-grid li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } ul.block-grid { list-style: none; } ul.block-grid li::before { content: none; } .alert { color: red; } .show-block { display: block; } .hide-block { display: none; } .uppercase { text-transform: uppercase; } .rotate-90 { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } .hide { display: none; opacity: 0; height: 0; } /************************************* Buttons **************************************/ button, .button, a.button, input[type=submit] { padding-top: 15px; padding-top: 0.9375rem; padding-right: 34px; padding-right: 2.125rem; padding-bottom: 15px; padding-bottom: 0.9375rem; padding-left: 34px; padding-left: 2.125rem; font-size: 15px; font-size: 0.9375rem; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; border-style: solid; border-width: 0px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; cursor: pointer; display: inline-block; line-height: normal; margin: 0 0 1.11111rem; position: relative; outline: none; text-align: center; text-decoration: none; text-transform: normal; background-color: #6cd3c2; font: 15px/15px 'Open Sans', 'Verdana', 'Arial', sans-serif; font-weight: 500; font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif !important; -webkit-appearance: none; } button:hover, .button:hover, a.button:hover, input[type=submit]:hover { background-color: #36bba5; color: #ffffff; } button.lightblue, .button.lightblue, a.button.lightblue, input[type=submit].lightblue { background-color: #42acdd; color: #ffffff; } button.lightblue:hover, .button.lightblue:hover, a.button.lightblue:hover, input[type=submit].lightblue:hover { background-color: #3880be; color: #ffffff; } button.white-lightblue, .button.white-lightblue, a.button.white-lightblue, input[type=submit].white-lightblue { background-color: #5ac3e5; color: #ffffff; border: solid 1px #ffffff; } button.white-lightblue:hover, .button.white-lightblue:hover, a.button.white-lightblue:hover, input[type=submit].white-lightblue:hover { background-color: #ffffff; color: #5ac3e5; } button.whiteblue, .block-imageside button.button, .button.whiteblue, .block-imageside .button, a.button.whiteblue, .block-imageside a.button, input[type=submit].whiteblue, .block-imageside input[type=submit].button { padding-top: 16px; padding-top: 1rem; background-color: #ffffff; border: solid 1px #334455; color: #334455; } button.whiteblue:hover, .block-imageside button.button:hover, .button.whiteblue:hover, .block-imageside .button:hover, a.button.whiteblue:hover, .block-imageside a.button:hover, input[type=submit].whiteblue:hover, .block-imageside input[type=submit].button:hover { background-color: #334455; color: #ffffff; } button.icon-facebook, .button.icon-facebook, a.button.icon-facebook, input[type=submit].icon-facebook { font-size: 16px; font-size: 1rem; font-weight: 500; background-color: #3b5a99; color: #ffffff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1.2rem 1.5rem 1.2rem 2.8rem; } button.icon-facebook:before, .button.icon-facebook:before, a.button.icon-facebook:before, input[type=submit].icon-facebook:before { font-size: 1.8rem; position: absolute; top: 13px; left: 17px; } button.icon-facebook:hover, .button.icon-facebook:hover, a.button.icon-facebook:hover, input[type=submit].icon-facebook:hover { background-color: #345391; color: #ffffff; } button.icon-twitter, .button.icon-twitter, a.button.icon-twitter, input[type=submit].icon-twitter { font-size: 16px; font-size: 1rem; font-weight: 500; background-color: #25a8e0; color: #ffffff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1.2rem 1.5rem 1.2rem 3.4rem; } button.icon-twitter:before, .button.icon-twitter:before, a.button.icon-twitter:before, input[type=submit].icon-twitter:before { font-size: 1.8rem; position: absolute; top: 13px; left: 17px; } button.icon-twitter:hover, .button.icon-twitter:hover, a.button.icon-twitter:hover, input[type=submit].icon-twitter:hover { background-color: #1a9dd5; color: #ffffff; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /************************************* Backgrounds **************************************/ .bg-transparent { background-color: transparent; } .block-bg-image { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; } .block-bg-image *:not(.prev):not(.next):not(.sod_select):not(.sod_list):not(.sod_option), .bg-blue *:not(.prev):not(.next):not(.sod_select):not(.sod_list):not(.sod_option), .bg-lightblue *:not(.prev):not(.next):not(.sod_select):not(.sod_list):not(.sod_option), .bg-darkgray *:not(.prev):not(.next):not(.sod_select):not(.sod_list):not(.sod_option) { color: #ffffff; } .bg-lightgray { background-color: #f4f4f4; } .bg-lightgray * { color: #334455; } .bg-blue { background-color: #42acdd; } .bg-lightblue { background-color: #5ac3e5; } .bg-darkgray { background-color: #444444; } body .bg-blue button, body .bg-blue .button, body .bg-blue a.button, body .bg-blue input[type=submit], body .bg-lightblue button, body .bg-lightblue .button, body .bg-lightblue a.button, body .bg-lightblue input[type=submit] { border: solid 1px #ffffff; background-color: transparent; color: #ffffff; } body .bg-blue button:hover, body .bg-blue .button:hover, body .bg-blue a.button:hover, body .bg-blue input[type=submit]:hover, body .bg-lightblue button:hover, body .bg-lightblue .button:hover, body .bg-lightblue a.button:hover, body .bg-lightblue input[type=submit]:hover { border: solid 1px #ffffff; background-color: #ffffff; color: #5ac3e5; } body .bg-blue ul.block-grid li .circle, body .bg-lightblue ul.block-grid li .circle { background: rgba(255, 255, 255, 0.3); } body .bg-blue ul.block-grid li .circle:hover, body .bg-blue ul.block-grid li .square:hover, body .bg-lightblue ul.block-grid li .circle:hover, body .bg-lightblue ul.block-grid li .square:hover { background: rgba(255, 255, 255, 0.7); } body .bg-lightgray button.whiteblue, body .bg-lightgray .block-imageside button.button, .block-imageside body .bg-lightgray button.button, body .bg-lightgray .button.whiteblue, body .bg-lightgray .block-imageside .button, .block-imageside body .bg-lightgray .button, body .bg-lightgray a.button.whiteblue, body .bg-lightgray .block-imageside a.button, .block-imageside body .bg-lightgray a.button, body .bg-lightgray input[type=submit].whiteblue, body .bg-lightgray .block-imageside input[type=submit].button, .block-imageside body .bg-lightgray input[type=submit].button, body .bg-white button.whiteblue, body .bg-white .block-imageside button.button, .block-imageside body .bg-white button.button, body .bg-white .button.whiteblue, body .bg-white .block-imageside .button, .block-imageside body .bg-white .button, body .bg-white a.button.whiteblue, body .bg-white .block-imageside a.button, .block-imageside body .bg-white a.button, body .bg-white input[type=submit].whiteblue, body .bg-white .block-imageside input[type=submit].button, .block-imageside body .bg-white input[type=submit].button { border-color: #42acdd; background-color: #42acdd; color: #ffffff; } body .bg-lightgray button.whiteblue:hover, body .bg-lightgray .block-imageside button.button:hover, .block-imageside body .bg-lightgray button.button:hover, body .bg-lightgray .button.whiteblue:hover, body .bg-lightgray .block-imageside .button:hover, .block-imageside body .bg-lightgray .button:hover, body .bg-lightgray a.button.whiteblue:hover, body .bg-lightgray .block-imageside a.button:hover, .block-imageside body .bg-lightgray a.button:hover, body .bg-lightgray input[type=submit].whiteblue:hover, body .bg-lightgray .block-imageside input[type=submit].button:hover, .block-imageside body .bg-lightgray input[type=submit].button:hover, body .bg-white button.whiteblue:hover, body .bg-white .block-imageside button.button:hover, .block-imageside body .bg-white button.button:hover, body .bg-white .button.whiteblue:hover, body .bg-white .block-imageside .button:hover, .block-imageside body .bg-white .button:hover, body .bg-white a.button.whiteblue:hover, body .bg-white .block-imageside a.button:hover, .block-imageside body .bg-white a.button:hover, body .bg-white input[type=submit].whiteblue:hover, body .bg-white .block-imageside input[type=submit].button:hover, .block-imageside body .bg-white input[type=submit].button:hover { background-color: #3880be; color: #ffffff; } body#body .block-side-image a.button:hover { border: solid 1px #ffffff; background-color: #ffffff; color: #5ac3e5; } #body .block-resources ul.block-grid li a .content .content-inner h3, #body .block-resources ul.block-grid li a .content .content-inner p, #body .block-resources ul.block-grid li a .content .content-inner .gform_wrapper { color: #334455; } #body .block-resources ul.block-grid li a .content .content-inner a, #body .block-resources ul.block-grid li a .content .content-inner span.a { color: #36bba5; } #body a[href=''] { pointer-events: none; cursor: default; } .heapanalytics img { display: inline-block; margin: 0 0 -14px 15px; position: relative; } .getaerofs { color: #525a66; font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif; margin: 0 auto; max-width: 1200px; padding: 0 15px; text-align: center; } @media (min-width: 768px) { .getaerofs { text-align: left; } } .getaerofs .getaerofs_intro { padding: 0 0 20px; } .getaerofs .getaerofs_intro h2 { color: #525a66; font-size: 15px; font-weight: 500; line-height: 1.3em; margin: 0; padding: 0 0 30px; } @media (min-width: 768px) { .getaerofs .getaerofs_intro h2 { font-size: 30px; } } .getaerofs .getaerofs_intro p, .getaerofs .getaerofs_intro .gform_wrapper { color: #525a66; font-size: 13px; font-weight: 200; line-height: 1.3em; margin: 0; padding: 0 0 35px; } @media (min-width: 768px) { .getaerofs .getaerofs_intro p, .getaerofs .getaerofs_intro .gform_wrapper { font-size: 23px; } } .getaerofs .getaerofs_intro span { color: #525a66; display: block; font-size: 11px; padding: 0 0 30px; } @media (min-width: 768px) { .getaerofs .getaerofs_intro span { font-size: 13px; } } .getaerofs .getaerofs_intro .btn { background: #ff7266; border-radius: 8px; color: #fff; display: block; margin: 0 auto 30px; padding: 12px 0; text-align: center; width: 150px; } @media (min-width: 768px) { .getaerofs .getaerofs_intro .btn { margin: 0 0 30px; } } .getaerofs .getaerofs_intro .btn:hover { text-decoration: none; } .getaerofs .getaerofs_intro .amium_desktop { display: block; height: auto; margin: 0 0 20px; } @media (min-width: 768px) { .getaerofs .getaerofs_intro .amium_desktop { float: right; margin: 0 0 0 50px; width: 45%; } } .getaerofs .getaerofs_table { padding: 65px 0 85px; text-align: center; } .getaerofs .getaerofs_table table { margin: 0 auto; width: auto; } .getaerofs .getaerofs_table .shadow { background: url(../images/bg_getaerofs_table.png) 0 0 no-repeat; background-size: 100% auto; height: 5px; width: 100%; } .getaerofs .getaerofs_table th { font-size: 16px; font-weight: 400; padding-bottom: 20px; text-transform: uppercase; } @media (min-width: 768px) { .getaerofs .getaerofs_table th { font-size: 21px; } } .getaerofs .getaerofs_table td { padding: 0.3rem 0.5rem 0.3rem 0; vertical-align: middle; } .getaerofs .getaerofs_table td img { height: 28px; margin-top: 4px; width: 28px; } .getaerofs .getaerofs_table .tcol_1 { background-color: transparent; color: #525866; font-size: 16px; font-weight: 200; line-height: 1.1em; text-align: right; width: 450px; } @media (min-width: 768px) { .getaerofs .getaerofs_table .tcol_1 { font-size: 28px; } } .getaerofs .getaerofs_table .tcol_2 { background-color: transparent; text-align: center; width: 140px; } .getaerofs .getaerofs_table .tcol_3 { background-color: transparent; text-align: center; width: 140px; } .getaerofs .getaerofs_form { text-align: center; } .getaerofs .getaerofs_form h2 { color: #525a66; font-size: 25px; font-weight: 400; line-height: 1.3em; padding: 0 0 20px; } @media (min-width: 768px) { .getaerofs .getaerofs_form h2 { font-size: 34px; padding: 0 20% 20px; } } .getaerofs .getaerofs_form .getaerofs_instructions { font-size: 16px; font-weight: 300; text-align: left; } .getaerofs .getaerofs_form .getaerofs_instructions ol { counter-reset: list; margin: 40px 0; } .getaerofs .getaerofs_form .getaerofs_instructions ol > li { list-style: none; margin: 0 0 10px; } .getaerofs .getaerofs_form .getaerofs_instructions ol > li:before { content: counter(list) ") "; counter-increment: list; } .getaerofs .getaerofs_form .getaerofs_terms ul { font-size: 12px; } .getaerofs .getaerofs_form .getaerofs_terms ul li { margin-bottom: 0; } .getaerofs .getaerofs_form .getaerofs_form_in { margin: 0 auto; text-align: left; max-width: 420px; width: auto; } .getaerofs .getaerofs_form .getaerofs_form_in ::-webkit-input-placeholder { color: #c5c5c5; font-weight: 200; } .getaerofs .getaerofs_form .getaerofs_form_in :-moz-placeholder { /* Firefox 18- */ color: #c5c5c5; font-weight: 200; } .getaerofs .getaerofs_form .getaerofs_form_in ::-moz-placeholder { /* Firefox 19+ */ color: #c5c5c5; font-weight: 200; } .getaerofs .getaerofs_form .getaerofs_form_in :-ms-input-placeholder { color: #c5c5c5; font-weight: 200; } .getaerofs .getaerofs_form .getaerofs_form_in .gform_wrapper input:not([type=submit]), .getaerofs .getaerofs_form .getaerofs_form_in .gform_wrapper textarea { border: 1px solid #d0d3d4; border-radius: 5px; } .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 { padding-top: 30px; } .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 p, .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 .gform_wrapper, .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 p strong, .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 .gform_wrapper strong, .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 p a, .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 .gform_wrapper a { font-size: 14px; font-weight: 200; margin: 0; } .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 p a, .getaerofs .getaerofs_form .getaerofs_form_in #field_2_12 .gform_wrapper a { font-weight: 400; } .getaerofs .getaerofs_form .getaerofs_form_in #gform_submit_button_2 { text-transform: none; } .getaerofs .getaerofs_form .getaerofs_form_in .gform_wrapper .gfield_contains_required select, .getaerofs .getaerofs_form .getaerofs_form_in .gform_wrapper .gfield_contains_required .select-box { background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%); border: 1px solid #d0d3d4; border-radius: 5px; } .getaerofs .getaerofs_form .getaerofs_form_in .sod_label.sod_placeholder { color: #aaa; font-weight: 200; padding-left: 0; } .getaerofs .getaerofs_shadow { background: url(../images/bg_getaerofs_shadow.png) 50% 0 no-repeat; background-size: 100% auto; } /* @override https://www.aerofs.com/wp-content/themes/aerofs/library/css/custom-styles.css?ver=1455125980 */ p, .gform_wrapper, .gform_wrapper { letter-spacing: 0rem; } .row { max-width: 1200px; } .bg-darkbluegray { background-color: #345; } .bg-darkbluegray *:not(.prev):not(.next):not(.sod_select):not(.sod_list):not(.sod_option) { color: #fff; } .rainbow::before { content: ''; display: block; height: 30px; width: 100%; background-image: -webkit-linear-gradient(left, white 0%, black 100%); background-image: -moz-linear-gradient(left, white 0%, black 100%); background-image: -ms-linear-gradient(left, white 0%, black 100%); background-image: linear-gradient(to right, #ffffff 0%, #000000 100%); } .block-container .block-inner.less-padding { padding: 40px 0; } .block-container .block-inner.no-padding { padding: 0; } .swoosh-bg { background-image: url(../images/swooshes_20.png); background-position: left -100px; background-repeat: no-repeat; padding: 40px 0; } .parent-pageid-1857 .banner-container, .parent-pageid-1857 .heading-container, .parent-pageid-1857 footer { display: none; } header nav.lp ul.menu li { margin-top: 25px; } .media-object { margin-bottom: 1rem; display: block; } .media-object img { max-width: none; } @media screen and (min-width: 0em) and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { display: block; padding: 0; padding-bottom: 1rem; } .media-object.stack-for-small .media-object-section img { width: 100%; } } ul.logos { list-style-type: none; text-align: center; } ul.logos li { display: inline-block; vertical-align: middle; padding: 0 10px; } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } ul.logos li:before { display: none; } ul.logos img { width: 150px; height: auto; } header ul.menu li.menu-button.secondary a { background-color: #b5b5b5; } .gform_wrapper .gfield_description { display: block; z-index: 1000; font-size: 12px; line-height: 12px; color: red; } .gform_wrapper .gfield_contains_required input:not([type=submit]), .gform_wrapper .gfield_contains_required textarea, .gform_wrapper .gfield_contains_required select, .gform_wrapper .gfield_contains_required .select-box { border-right: 4px solid #0e2a76; } .gform_wrapper .sod_select.select-box .sod_list_wrapper { border: 1px solid #d0d3d4; border-top: none; } .form-2-col .field-half { width: 48%; margin-right: 4%; display: inline-block; } .form-2-col .field-row-last { margin-right: 0; } .violator { position: relative; overflow: hidden; } .violator::after { position: absolute; bottom: 70px; right: -100px; content: 'Hurry! Offer ends soon!'; font-size: 20px; font-family: 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; color: #fff; text-align: center; background-color: orange; padding: 20px 100px; transform: rotate(-45deg); } .violator.spiceworks::after { content: 'Special offer for \ASpiceworks'; white-space: pre; bottom: 30px; } .form-bg { padding: 25px 25px 1px; background-color: #eee; } .no-get-aerofs .get-aerofs-link { display: none; } @media only screen and (min-width: 750px) and (max-width: 1130px) { header ul.menu li a { padding: 18px 5px 30px; padding: 1.125rem 0.3125rem 1.875rem; font-size: 15px; } } @media only screen and (min-width: 750px) and (max-width: 1024px) { header ul.menu li a { font-size: 13px; } header ul.menu li.menu-button a { padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; font: 12px/12px 'Open Sans', 'Arial Narrow', 'Verdana', sans-serif; } } @media only screen and (max-width: 749px) { .logo a #aero .text, .logo a #redbooth { fill: #fff; } .logo a #swoosh_big { fill: #626d78; } .logo a #swoosh_small { fill: #aab0b6; } .logo a #swoosh_medium { fill: #dfe2e4; } .violator::after { bottom: 40px; right: -110px; font-size: 14px; padding: 15px 100px; } } @media only screen and (min-width: 1441px) { .banner-container .banner-inner .row .columns .banner { height: 400px; } } pre, code { white-space: pre-wrap; } .banner-container .banner-inner .row .columns .banner { background-size: cover; background-repeat: no-repeat; background-position: center center; /*height: calc(25vw);*/ position: relative; } .banner-text { font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif; font-size: 40px; font-weight: 100; letter-spacing: 0.05rem; display: block; bottom: 0; left: 0; width: 100%; padding: 50px; height: auto; color: #516171; position: absolute; z-index: 2; text-shadow: 1px 1px 2px #969696; } .banner-text h1 { font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif; font-size: 48px; font-weight: 100; letter-spacing: 0.05rem; color: #fff; } .banner-text h2 { font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif; font-size: 25px; font-weight: 100; letter-spacing: 0.05rem; margin: 0; padding: 0; color: #fff; } .banner::after { content: ''; opacity: 0.99; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+50,0.8+67 */ background: -moz-linear-gradient(to bottom, transparent 0%, transparent -3%, rgba(0, 0, 0, 0.5) 51%, rgba(0, 0, 0, 0.8) 73%, rgba(0, 0, 0, 0.99) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to bottom, transparent 0%, transparent -3%, rgba(0, 0, 0, 0.5) 51%, rgba(0, 0, 0, 0.8) 73%, rgba(0, 0, 0, 0.99) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -3%, rgba(0, 0, 0, 0.5) 51%, rgba(0, 0, 0, 0.8) 73%, rgba(0, 0, 0, 0.99) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .banner span { background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 1; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; } @media only screen and (max-width: 1000px) { .banner-text, .banner-text h1 { font-size: 30px; line-height: 35px; } } @media only screen and (max-width: 749px) { .banner-container .banner-inner .row .columns .banner { height: calc(35vw); } .banner-text { font-size: 25px; line-height: 30px; padding: 30px; } .banner-text h1 { font-size: 25px; line-height: 30px; } } @media only screen and (max-width: 500px) { .banner-container .banner-inner .row .columns .banner { height: auto; } .banner-text { padding: 20px; position: relative; } } /*# sourceMappingURL=master.css.map */