/* Fonts */
/* Bell Slim Medium */
@font-face {
font-family: 'BellSlimMediumRegular';
src: url('font/bellslim_medium-webfont.eot');
src: url('font/bellslim_medium-webfont.eot?#iefix') format('embedded-opentype'),
url('font/bellslim_medium-webfont.woff') format('woff'),
url('font/bellslim_medium-webfont.ttf') format('truetype'),
url('font/bellslim_medium-webfont.svg#BellSlimMediumRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Bell Slim Semi Bold */
@font-face {
font-family: 'BellSlimSemiBoldRegular';
src: url('font/bellslim_semibold-webfont.eot');
src: url('font/bellslim_semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/bellslim_semibold-webfont.woff') format('woff'),
url('font/bellslim_semibold-webfont.ttf') format('truetype'),
url('font/bellslim_semibold-webfont.svg#BellSlimSemiBoldRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Headings */
h1, .fonse-fontFace {font-family: "BellSlimMediumRegular", Helvetica, Arial, sans-serif;}
h3.fonse-fontFace, .fonse-headingType3.fonse-fontFace,
h4.fonse-fontFace, .fonse-headingType4.fonse-fontFace,
h5.fonse-fontFace, .fonse-headingType5.fonse-fontFace,
h6.fonse-fontFace, .fonse-headingType6.fonse-fontFace {font-family: "BellSlimSemiBoldRegular", Helvetica, Arial, sans-serif;}
/*!
* Bootstrap v3.3.2 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=955051bab50dd8bf5a5a)
* Config saved to config.json and https://gist.github.com/955051bab50dd8bf5a5a
*/
.fonse-img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.wrapper {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 0;
width : 977px;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
.wrapper {
width: 977px;
}
}
@media (min-width: 1200px) {
}
.fonse-row {
margin-left: 0;
margin-right: 0;
}
.fonse-row > [class*="fonse-col-"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fonse-row-bordered {
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
/*.fonse-box .fonse-row-bordered {
margin-bottom : -1px;
margin-top: -1px;
}*/
/* leak fix
.fonse-box .fonse-row-bordered:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.fonse-box .fonse-row-bordered:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
} */
.fonse-row-bordered > [class*="fonse-col-"] {padding: 0;}
/* creates the borders */
/*.fonse-row-bordered:before,*/
.fonse-row-bordered > [class*="fonse-col-"]:before,
.fonse-row-bordered > [class*="fonse-col-"]:after {
background-color: #ccc;
content: "";
display: block;
height: 100%;
right: -1px;
position: absolute;
top: 0;
width: 1px;
z-index: 1;
}
/* minor 1px gap bug fix
.fonse-row-bordered > div.fonse-grid-6:before,
.fonse-row-bordered > div.fonse-grid-6:after {
right: -1px;
}*/
/*.fonse-row-bordered:before,*/
.fonse-row-bordered > [class*="fonse-col-"]:after {
height: 1px;
left: 0;
top: auto;
bottom: 0;
width: 100%;
}
/*.fonse-row-bordered:before {
top: 0;
bottom: auto;
}*/
.fonse-col-xs-1, .fonse-col-sm-1, .fonse-col-md-1, .fonse-col-lg-1, .fonse-col-xs-2, .fonse-col-sm-2, .fonse-col-md-2, .fonse-col-lg-2, .fonse-col-xs-3, .fonse-col-sm-3, .fonse-col-md-3, .fonse-col-lg-3, .fonse-col-xs-4, .fonse-col-sm-4, .fonse-col-md-4, .fonse-col-lg-4, .fonse-col-xs-5, .fonse-col-sm-5, .fonse-col-md-5, .fonse-col-lg-5, .fonse-col-xs-6, .fonse-col-sm-6, .fonse-col-md-6, .fonse-col-lg-6, .fonse-col-xs-7, .fonse-col-sm-7, .fonse-col-md-7, .fonse-col-lg-7, .fonse-col-xs-8, .fonse-col-sm-8, .fonse-col-md-8, .fonse-col-lg-8, .fonse-col-xs-9, .fonse-col-sm-9, .fonse-col-md-9, .fonse-col-lg-9, .fonse-col-xs-10, .fonse-col-sm-10, .fonse-col-md-10, .fonse-col-lg-10, .fonse-col-xs-11, .fonse-col-sm-11, .fonse-col-md-11, .fonse-col-lg-11, .fonse-col-xs-12, .fonse-col-sm-12, .fonse-col-md-12, .fonse-col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0;
padding-right: 0;
}
[class*="fonse-row-equal-"] > [class*="fonse-col-"] img.fonse-img-responsive {
width: 100%;
max-width: none;
}
.fonse-row > [class*="fonse-col-xs-"] {
float: left;
}
.fonse-row-equal-xs {
display: table;
width: 100%;
}
.fonse-row-equal-xs > [class*="fonse-col-"] {
display: table-cell;
vertical-align: middle;
float: none;
}
.fonse-col-xs-12 {
width: 100%;
}
.fonse-col-xs-11 {
width: 91.66666667%;
}
.fonse-col-xs-10 {
width: 83.33333333%;
}
.fonse-col-xs-9 {
width: 75%;
}
.fonse-col-xs-8 {
width: 66.66666667%;
}
.fonse-col-xs-7 {
width: 58.33333333%;
}
.fonse-col-xs-6 {
width: 50%;
}
.fonse-col-xs-5 {
width: 41.66666667%;
}
.fonse-col-xs-4 {
width: 33.33333333%;
}
.fonse-col-xs-3 {
width: 25%;
}
.fonse-col-xs-2 {
width: 16.66666667%;
}
.fonse-col-xs-1 {
width: 8.33333333%;
}
.fonse-col-xs-pull-12 {
right: 100%;
}
.fonse-col-xs-pull-11 {
right: 91.66666667%;
}
.fonse-col-xs-pull-10 {
right: 83.33333333%;
}
.fonse-col-xs-pull-9 {
right: 75%;
}
.fonse-col-xs-pull-8 {
right: 66.66666667%;
}
.fonse-col-xs-pull-7 {
right: 58.33333333%;
}
.fonse-col-xs-pull-6 {
right: 50%;
}
.fonse-col-xs-pull-5 {
right: 41.66666667%;
}
.fonse-col-xs-pull-4 {
right: 33.33333333%;
}
.fonse-col-xs-pull-3 {
right: 25%;
}
.fonse-col-xs-pull-2 {
right: 16.66666667%;
}
.fonse-col-xs-pull-1 {
right: 8.33333333%;
}
.fonse-col-xs-pull-0 {
right: auto;
}
.fonse-col-xs-push-12 {
left: 100%;
}
.fonse-col-xs-push-11 {
left: 91.66666667%;
}
.fonse-col-xs-push-10 {
left: 83.33333333%;
}
.fonse-col-xs-push-9 {
left: 75%;
}
.fonse-col-xs-push-8 {
left: 66.66666667%;
}
.fonse-col-xs-push-7 {
left: 58.33333333%;
}
.fonse-col-xs-push-6 {
left: 50%;
}
.fonse-col-xs-push-5 {
left: 41.66666667%;
}
.fonse-col-xs-push-4 {
left: 33.33333333%;
}
.fonse-col-xs-push-3 {
left: 25%;
}
.fonse-col-xs-push-2 {
left: 16.66666667%;
}
.fonse-col-xs-push-1 {
left: 8.33333333%;
}
.fonse-col-xs-push-0 {
left: auto;
}
.fonse-col-xs-offset-12 {
margin-left: 100%;
}
.fonse-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.fonse-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.fonse-col-xs-offset-9 {
margin-left: 75%;
}
.fonse-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.fonse-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.fonse-col-xs-offset-6 {
margin-left: 50%;
}
.fonse-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.fonse-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.fonse-col-xs-offset-3 {
margin-left: 25%;
}
.fonse-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.fonse-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.fonse-col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.fonse-row > [class*="col-sm-"] {
float: left;
}
.fonse-row-equal-sm {
display: table;
width: 100%;
}
.fonse-row-equal-sm > [class*="col-sm-"] {
display: table-cell;
vertical-align: middle;
float: none;
}
.fonse-col-sm-12 {
width: 100%;
}
.fonse-col-sm-11 {
width: 91.66666667%;
}
.fonse-col-sm-10 {
width: 83.33333333%;
}
.fonse-col-sm-9 {
width: 75%;
}
.fonse-col-sm-8 {
width: 66.66666667%;
}
.fonse-col-sm-7 {
width: 58.33333333%;
}
.fonse-col-sm-6 {
width: 50%;
}
.fonse-col-sm-5 {
width: 41.66666667%;
}
.fonse-col-sm-4 {
width: 33.33333333%;
}
.fonse-col-sm-3 {
width: 25%;
}
.fonse-col-sm-2 {
width: 16.66666667%;
}
.fonse-col-sm-1 {
width: 8.33333333%;
}
.fonse-col-sm-pull-12 {
right: 100%;
}
.fonse-col-sm-pull-11 {
right: 91.66666667%;
}
.fonse-col-sm-pull-10 {
right: 83.33333333%;
}
.fonse-col-sm-pull-9 {
right: 75%;
}
.fonse-col-sm-pull-8 {
right: 66.66666667%;
}
.fonse-col-sm-pull-7 {
right: 58.33333333%;
}
.fonse-col-sm-pull-6 {
right: 50%;
}
.fonse-col-sm-pull-5 {
right: 41.66666667%;
}
.fonse-col-sm-pull-4 {
right: 33.33333333%;
}
.fonse-col-sm-pull-3 {
right: 25%;
}
.fonse-col-sm-pull-2 {
right: 16.66666667%;
}
.fonse-col-sm-pull-1 {
right: 8.33333333%;
}
.fonse-col-sm-pull-0 {
right: auto;
}
.fonse-col-sm-push-12 {
left: 100%;
}
.fonse-col-sm-push-11 {
left: 91.66666667%;
}
.fonse-col-sm-push-10 {
left: 83.33333333%;
}
.fonse-col-sm-push-9 {
left: 75%;
}
.fonse-col-sm-push-8 {
left: 66.66666667%;
}
.fonse-col-sm-push-7 {
left: 58.33333333%;
}
.fonse-col-sm-push-6 {
left: 50%;
}
.fonse-col-sm-push-5 {
left: 41.66666667%;
}
.fonse-col-sm-push-4 {
left: 33.33333333%;
}
.fonse-col-sm-push-3 {
left: 25%;
}
.fonse-col-sm-push-2 {
left: 16.66666667%;
}
.fonse-col-sm-push-1 {
left: 8.33333333%;
}
.fonse-col-sm-push-0 {
left: auto;
}
.fonse-col-sm-offset-12 {
margin-left: 100%;
}
.fonse-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.fonse-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.fonse-col-sm-offset-9 {
margin-left: 75%;
}
.fonse-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.fonse-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.fonse-col-sm-offset-6 {
margin-left: 50%;
}
.fonse-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.fonse-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.fonse-col-sm-offset-3 {
margin-left: 25%;
}
.fonse-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.fonse-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.fonse-col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.fonse-row > [class*="col-md-"] {
float: left;
}
.fonse-col-md-12 {
width: 100%;
}
.fonse-col-md-11 {
width: 91.66666667%;
}
.fonse-col-md-10 {
width: 83.33333333%;
}
.fonse-col-md-9 {
width: 75%;
}
.fonse-col-md-8 {
width: 66.66666667%;
}
.fonse-col-md-7 {
width: 58.33333333%;
}
.fonse-col-md-6 {
width: 50%;
}
.fonse-col-md-5 {
width: 41.66666667%;
}
.fonse-col-md-4 {
width: 33.33333333%;
}
.fonse-col-md-3 {
width: 25%;
}
.fonse-col-md-2 {
width: 16.66666667%;
}
.fonse-col-md-1 {
width: 8.33333333%;
}
.fonse-col-md-pull-12 {
right: 100%;
}
.fonse-col-md-pull-11 {
right: 91.66666667%;
}
.fonse-col-md-pull-10 {
right: 83.33333333%;
}
.fonse-col-md-pull-9 {
right: 75%;
}
.fonse-col-md-pull-8 {
right: 66.66666667%;
}
.fonse-col-md-pull-7 {
right: 58.33333333%;
}
.fonse-col-md-pull-6 {
right: 50%;
}
.fonse-col-md-pull-5 {
right: 41.66666667%;
}
.fonse-col-md-pull-4 {
right: 33.33333333%;
}
.fonse-col-md-pull-3 {
right: 25%;
}
.fonse-col-md-pull-2 {
right: 16.66666667%;
}
.fonse-col-md-pull-1 {
right: 8.33333333%;
}
.fonse-col-md-pull-0 {
right: auto;
}
.fonse-col-md-push-12 {
left: 100%;
}
.fonse-col-md-push-11 {
left: 91.66666667%;
}
.fonse-col-md-push-10 {
left: 83.33333333%;
}
.fonse-col-md-push-9 {
left: 75%;
}
.fonse-col-md-push-8 {
left: 66.66666667%;
}
.fonse-col-md-push-7 {
left: 58.33333333%;
}
.fonse-col-md-push-6 {
left: 50%;
}
.fonse-col-md-push-5 {
left: 41.66666667%;
}
.fonse-col-md-push-4 {
left: 33.33333333%;
}
.fonse-col-md-push-3 {
left: 25%;
}
.fonse-col-md-push-2 {
left: 16.66666667%;
}
.fonse-col-md-push-1 {
left: 8.33333333%;
}
.fonse-col-md-push-0 {
left: auto;
}
.fonse-col-md-offset-12 {
margin-left: 100%;
}
.fonse-col-md-offset-11 {
margin-left: 91.66666667%;
}
.fonse-col-md-offset-10 {
margin-left: 83.33333333%;
}
.fonse-col-md-offset-9 {
margin-left: 75%;
}
.fonse-col-md-offset-8 {
margin-left: 66.66666667%;
}
.fonse-col-md-offset-7 {
margin-left: 58.33333333%;
}
.fonse-col-md-offset-6 {
margin-left: 50%;
}
.fonse-col-md-offset-5 {
margin-left: 41.66666667%;
}
.fonse-col-md-offset-4 {
margin-left: 33.33333333%;
}
.fonse-col-md-offset-3 {
margin-left: 25%;
}
.fonse-col-md-offset-2 {
margin-left: 16.66666667%;
}
.fonse-col-md-offset-1 {
margin-left: 8.33333333%;
}
.fonse-col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.fonse-row > [class*="col-lg-"] {
float: left;
}
.fonse-col-lg-12 {
width: 100%;
}
.fonse-col-lg-11 {
width: 91.66666667%;
}
.fonse-col-lg-10 {
width: 83.33333333%;
}
.fonse-col-lg-9 {
width: 75%;
}
.fonse-col-lg-8 {
width: 66.66666667%;
}
.fonse-col-lg-7 {
width: 58.33333333%;
}
.fonse-col-lg-6 {
width: 50%;
}
.fonse-col-lg-5 {
width: 41.66666667%;
}
.fonse-col-lg-4 {
width: 33.33333333%;
}
.fonse-col-lg-3 {
width: 25%;
}
.fonse-col-lg-2 {
width: 16.66666667%;
}
.fonse-col-lg-1 {
width: 8.33333333%;
}
.fonse-col-lg-pull-12 {
right: 100%;
}
.fonse-col-lg-pull-11 {
right: 91.66666667%;
}
.fonse-col-lg-pull-10 {
right: 83.33333333%;
}
.fonse-col-lg-pull-9 {
right: 75%;
}
.fonse-col-lg-pull-8 {
right: 66.66666667%;
}
.fonse-col-lg-pull-7 {
right: 58.33333333%;
}
.fonse-col-lg-pull-6 {
right: 50%;
}
.fonse-col-lg-pull-5 {
right: 41.66666667%;
}
.fonse-col-lg-pull-4 {
right: 33.33333333%;
}
.fonse-col-lg-pull-3 {
right: 25%;
}
.fonse-col-lg-pull-2 {
right: 16.66666667%;
}
.fonse-col-lg-pull-1 {
right: 8.33333333%;
}
.fonse-col-lg-pull-0 {
right: auto;
}
.fonse-col-lg-push-12 {
left: 100%;
}
.fonse-col-lg-push-11 {
left: 91.66666667%;
}
.fonse-col-lg-push-10 {
left: 83.33333333%;
}
.fonse-col-lg-push-9 {
left: 75%;
}
.fonse-col-lg-push-8 {
left: 66.66666667%;
}
.fonse-col-lg-push-7 {
left: 58.33333333%;
}
.fonse-col-lg-push-6 {
left: 50%;
}
.fonse-col-lg-push-5 {
left: 41.66666667%;
}
.fonse-col-lg-push-4 {
left: 33.33333333%;
}
.fonse-col-lg-push-3 {
left: 25%;
}
.fonse-col-lg-push-2 {
left: 16.66666667%;
}
.fonse-col-lg-push-1 {
left: 8.33333333%;
}
.fonse-col-lg-push-0 {
left: auto;
}
.fonse-col-lg-offset-12 {
margin-left: 100%;
}
.fonse-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.fonse-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.fonse-col-lg-offset-9 {
margin-left: 75%;
}
.fonse-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.fonse-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.fonse-col-lg-offset-6 {
margin-left: 50%;
}
.fonse-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.fonse-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.fonse-col-lg-offset-3 {
margin-left: 25%;
}
.fonse-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.fonse-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.fonse-col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.fonse-channels:before,
.fonse-channels:after,
.fonse-filter-group:before,
.fonse-filter-group:after,
.fonse-row:before,
.fonse-row:after {
content: " ";
display: table;
}
.clearfix:after,
.fonse-channels:after,
.fonse-filter-group:after,
.container:after,
.container-fluid:after,
.fonse-row:after {
clear: both;
}
.fonse-center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.fonse-pull-right {
float: right !important;
}
.fonse-pull-left {
float: left !important;
}
.fonse-invisible {
visibility: hidden;
}
.fonse-text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.fonse-hide {
display: none;
}
.fonse-hidden {
display: none !important;
visibility: hidden !important;
}
@-ms-viewport {
width: device-width;
}
.fonse-visible-xs,
.fonse-visible-sm,
.fonse-visible-md,
.fonse-visible-lg {
display: none !important;
}
.fonse-visible-xs-block,
.fonse-visible-xs-inline,
.fonse-visible-xs-inline-block,
.fonse-visible-sm-block,
.fonse-visible-sm-inline,
.fonse-visible-sm-inline-block,
.fonse-visible-md-block,
.fonse-visible-md-inline,
.fonse-visible-md-inline-block,
.fonse-visible-lg-block,
.fonse-visible-lg-inline,
.fonse-visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.fonse-visible-xs {
display: block !important;
}
table.fonse-visible-xs {
display: table;
}
tr.fonse-visible-xs {
display: table-row !important;
}
th.fonse-visible-xs,
td.fonse-visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.fonse-visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.fonse-visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.fonse-visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fonse-visible-sm {
display: block !important;
}
table.fonse-visible-sm {
display: table;
}
tr.fonse-visible-sm {
display: table-row !important;
}
th.fonse-visible-sm,
td.fonse-visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fonse-visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fonse-visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fonse-visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fonse-visible-md {
display: block !important;
}
table.fonse-visible-md {
display: table;
}
tr.fonse-visible-md {
display: table-row !important;
}
th.fonse-visible-md,
td.fonse-visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fonse-visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fonse-visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fonse-visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.fonse-visible-lg {
display: block !important;
}
table.fonse-visible-lg {
display: table;
}
tr.fonse-visible-lg {
display: table-row !important;
}
th.fonse-visible-lg,
td.fonse-visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.fonse-visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.fonse-visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.fonse-hidden-xs {
display: none !important;
}
.fonse-no-padder-top-xs {padding-top: 0 !important;}
.fonse-no-padder-right-xs {padding-right: 0 !important;}
.fonse-no-padder-bottom-xs {padding-bottom: 0 !important;}
.fonse-no-padder-left-xs {padding-left: 0 !important;}
.fonse-no-padder-xs {padding: 0 !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
.fonse-hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.fonse-hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.fonse-hidden-lg {
display: none !important;
}
}
/* Framework overwrites - put any tweaks to the affected framework if needed here */
h1, h2, h3, h4, h5, h6,
.fonse-headingType1, .fonse-headingType2, .fonse-headingType3, .fonse-headingType4, .fonse-headingType5, .fonse-headingType6 {
position: relative;
vertical-align: middle;
color: #212121;
}
h1, .fonse-headingType1 {
font-size: 36px;
line-height: 1.2em;
margin-bottom: 0.4em;
}
h1, .fonse-fontFace {letter-spacing: -1px;}
h2, .fonse-headingType2 {
font-size: 28px;
line-height: normal;
margin-bottom: 0.333em;
}
h3, .fonse-headingType3 {
font-size: 24px;
line-height: normal;
margin-bottom: 0.416em; /* was 0.277em */
}
h4, .fonse-headingType4 {
font-size: 20px;
line-height: normal;
margin-bottom: 0.285em;
}
h5, .fonse-headingType5 {
font-size: 18px;
line-height: normal;
margin-bottom: 0.333em;
}
h6, .fonse-headingType6 {
font-size: 14px;
line-height: normal;
margin-bottom: 0.333em;
}
.fonse-section, .fui-lightbox {font-size: 14px; line-height: 1.5em;}
.fonse-section {
position: relative;
background-color: #fff;
}
.fonse-section-a {
background-color: #06559b;
color: #fff;
}
.fonse-section-a a,
.fonse-section-a h1,
.fonse-section-a h2,
.fonse-section-a h3,
.fonse-section-a h4,
.fonse-section-a h5,
.fonse-section-a h6,
.fonse-section-a [class*="headingType"],
.fonse-section-d a,
.fonse-section-d h1,
.fonse-section-d h2,
.fonse-section-d h3,
.fonse-section-d h4,
.fonse-section-d h5,
.fonse-section-d h6,
.fonse-section-d [class*="headingType"] {
color: #fff;
}
.fonse-section-a a
{
text-decoration: underline;
}
.fonse-section-b {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.fonse-section-c {
background-color: #f2f2f2;
}
.fonse-section-d {
background-color: #0d6da8;
color: #fff;
}
.fonse-button {
display: inline-block;
text-align: center;
background: #0066a4;
color: #fff !important;
font-size: 14px;
border-radius: 25px;
padding: 5px 20px;
border: 3px solid #0066a4;
transition: all 0.25s cubic-bezier(.55,0,.1,1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fonse-button:hover {
text-decoration: none;
background-color: #064f8f;
border-color: #064f8f;
}
.fonse-divider {
background-color: #cecece;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.fonse-divider-a {
background-color: #08477f;
}
.fonse-separator {
position: relative;
display: block;
height: 1px;
width: 100%;
background-color: #ccc;
line-height: 1px;
}
.fonse-separator-a {
background-color: transparent;
line-height: normal;
height: auto;
}
.fonse-separator-a:before,
.fonse-separator-a:after {
content: "";
position: relative;
display: inline-block;
width: 38%;
height: 1px;
background-color: #ccc;
vertical-align: middle;
}
.fonse-separator-label {
position: relative;
display: inline-block;
padding: 0 20px;
width: 24%;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fonse-arrow-up:after,
.fonse-arrow-down:after {
content: "";
position: absolute;
border: 21px solid transparent;
margin-left: -20px;
left: 50%;
z-index: 1;
}
.fonse-arrow-down:after {
border-bottom-width: 0;
border-top-color: #fff;
bottom: -20px;
}
.fonse-arrow-up:after {
border-top-width: 0;
border-bottom-color: #fff;
top: -20px;
}
.fonse-section-a.fonse-arrow-down:after {border-top-color: #0d6da9;}
.fonse-section-a.fonse-arrow-up:after {border-bottom-color: #0d6da9;}
.fonse-section-d.fonse-arrow-down:after {border-top-color: #0d6da8;}
.fonse-section-d.fonse-arrow-up:after {border-bottom-color: #0d6da8;}
.fonse-card-wrap {
position: relative;
}
.fonse-card-nav-previous,
.fonse-card-nav-next {
position: absolute;
display: block;
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
background-color: #0c6da8;
z-index: 10;
left: 20px;
top: 50%;
margin-top: -20px;
border-radius: 40px;
}
.fonse-card-nav-next {
right: 20px;
left: auto;
}
.fonse-card-mask {
overflow: hidden;
}
.fonse-card-row {
padding-right: 20px;
position: relative;
}
.fonse-card-row > [class*="fonse-col-"] {width: 245px;}
.fonse-card {
background: #eee;
margin: 20px;
margin-right: 0;
border: 1px solid #ccc;
box-sizing: border-box;
}
.fonse-card-image {
position: relative;
}
.fonse-card-body {
position: relative;
background-color: #fff;
min-height: 170px;
}
.fonse-card-body.fonse-arrow-up:after {
border-width: 16px;
margin-left: -16px;
top: -32px;
bottom: auto;
}
.fonse-billboard {
position: relative;
text-align: right;
height: 500px;
}
.fonse-billboard.large {height: 715px;}
.fonse-billboard:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.fonse-billboard-box {
display: inline-block;
vertical-align: middle;
width: 50%;
background-color: rgba(255,255,255,0.9);
position: relative;
}
.fonse-billboard-image {
position: absolute;
top: 0;
left: 0;
}
.fonse-billboard-date {
background-color: rgba(13,109,168,1);
padding: 20px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 16px;
}
.fonse-billboard-date span {color: #fff;}
.fonse-billboard-date-number {
display: block;
font-size: 48px;
line-height: 64px;
font-family: "BellSlimSemiBoldRegular";
}
.fonse-billboard-group {
display: table;
width: 100%;
}
.fonse-billboard-content,
.fonse-billboard-header {
display: table-cell;
vertical-align: middle;
}
.fonse-billboard-header {
width: 150px;
text-align: center;
}
.fonse-billboard-group.full .fonse-billboard-date {background-color: transparent;}
.fonse-billboard-group.full > .fonse-billboard-header {
background-color: rgba(13,109,168,1);
}
.fonse-billboard-content {
text-align: left;
padding: 30px;
}
.fonse-billboard-content > .fonse-image {margin-bottom: 20px;}
.fonse-billboard-bar {
background-color: #525252;
color: #fff;
padding: 20px 30px;
text-align: left;
font-size: 20px;
}
.fonse-billboard-a .fonse-billboard-box {
right: 30px;
width: 30%;
}
.fonse-billboard-a .fonse-billboard-content {padding: 0 40px;}
.fonse-badge {
position: absolute;
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
background-color: rgba(255,255,255,.9);
color: #0066a4;
border-radius: 80px;
top: 30px;
left: 30px;
z-index: 1;
}
.fonse-badge > .fonse-icon {margin: 0;}
.fonse-card-image > .fonse-badge {
width: 40px;
height: 40px;
line-height: 40px;
left: 20px;
top: 20px;
}
.fonse-toTextCenter [class*="fonse-col-"] {margin-left: auto; margin-right: auto;}
/* =fonse-lightbox */
.fui-lightbox-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
/* skin */
background-color: #000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.fui-lightbox {
z-index: 101;
overflow: hidden; /* <- remove this if have content overlap issues */
/* skin */
background-color: #fff;
box-shadow: 0 5px 10px 0px rgba(50, 50, 50, 0.4);
}
.fui-lightbox-header {
background-color: #f3f1f2;
padding-right: 67px !important;
}
.fui-lightbox-body {
overflow: hidden;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
}
/*.fui-lightbox-action {
text-indent: -999em;
cursor: pointer;
display: inline-block;
position: absolute;
z-index: 3;
background: transparent url(../../theme/bell-2014/flush-sprite-a.png) no-repeat -1px -195px;
width: 30px;
height: 30px;
right: 15px;
top: 15px;
}*/
.fui-lightbox-close {
display: inline-block;
position: absolute;
right: 30px;
top: 15px;
}
.fui-lightbox-modal .fui-box-header .fui-lightbox-close,
.fui-lightbox-modal .fui-lightbox-header .fui-lightbox-action {display: none;}
.fonse-lightbox > .fui-box {
margin-bottom: 0;
border: none;
}
.fui-lightbox-action:focus,
.fui-box-header-title,
.fui-box-header-title * {
outline: none;
}
.fui-lightbox-full {
top: 2% !important;
margin-top: 0 !important;
height: 96% !important;
}
.fonse-animator {
position: relative;
/*min-height: 435px;*/
overflow: hidden;
}
.fonse-animator-media {
position: absolute;
display: block;
height: 55.9%;
left: 16.5%;
top: 21%;
width: 66.5%;
z-index: 1;
}
.fonse-animator-banner {
position: absolute;
top: 0;
}
.fonse-animator-banner.first {
position: relative;
}
/* video */
.fonse-animator-video iframe {
border: 1px solid #ccc;
border-bottom: 0;
}
.fonse-animator-video .fonse-animator-media {
height: 82.5%;
left: 14.1%;
top: 17.3%;
width: 71.9%;
}
.fonse-video-trigger {
position: relative;
display: block;
height: 100%;
width: 100%;
background: rgba(0,0,0,0);
}
.fonse-color-1 {
color: #06559b;
}
.fonse-list > li {
margin-bottom: 20px;
}
.fonse-icon {
position: relative;
top:-1px;
display: inline-block;
vertical-align: middle;
background: transparent url(fonse-icons.png) no-repeat 40px 40px;
}
.fonse-icon-ios {
background-position: -81px 0;
width: 80px;
height: 80px;
}
.fonse-icon-android {
background-position: 0 0;
width: 80px;
height: 80px;
}
.fonse-icon-blackberry {
background-position: -162px 0;
width: 80px;
height: 80px;
}
.fonse-icon-search {
background-position: 0 -80px;
width: 60px;
height: 61px;
}
.fonse-icon-alert {
background-position: -183px -80px;
width: 60px;
height: 61px;
}
.fonse-icon-manage {
background-position: -61px -80px;
width: 60px;
height: 61px;
}
.fonse-icon-feature {
background-position: -122px -80px;
width: 60px;
height: 61px;
}
.fonse-icon-24h {
background-position: -34px -142px;
width: 20px;
height: 20px;
}
.fonse-icon-new {
background-position: -152px -146px;
width: 22px;
height: 21px;
}
.fonse-icon-close {
background-position: -76px -142px;
width: 37px;
height: 38px;
}
.fonse-icon-pointer-right {
background-position: -54px -158px;
width: 9px;
height: 18px;
}
.fonse-icon-plus {
background-position: -153px -168px;
width: 18px;
height: 18px;
}
.fonse-icon-minus {
background-position: -172px -168px;
width: 18px;
height: 18px;
}
.fonse-icon-next {
background-position: -52px -142px;
width: 12px;
height: 15px;
}
.fonse-icon-previous {
background-position: -65px -142px;
width: 12px;
height: 15px;
}
.fonse-icon-olympic {
background-position: 0px -163px;
width: 50px;
height: 24px;
top: 3px;
}
.fonse-icon-calendar {
background-position: -113px -142px;
width: 38px;
height: 37px;
}
.fonse-icon-link {
background-position: 0 -142px;
width: 16px;
height: 16px;
margin-left: 8px;
}
.fonse-section-a .fonse-icon-link {
background-position: -17px -142px;
}
.fonse-toggle > .fonse-icon {margin-left: 5px;}
.fonse-toggle.fonse-open > .fonse-icon-plus,
.fonse-toggle > .fonse-icon-minus {display: none;}
.fonse-toggle.fonse-open > .fonse-icon-minus {display: inline-block;}
.fonse-item {display: table;}
.fonse-item-header,
.fonse-item-body {
display: table-cell;
}
.fonse-item-body {
vertical-align: middle;
padding-left: 15px;
}
.fonse-filter-group {display: inline-block; font-size: 14px; margin-bottom: 10px;}
.fonse-filter-label {display: inline-block; margin-right: 10px;}
.fonse-filter-list {display: inline-block;}
.fonse-filter-list > li {background-image: none; padding-left: 0; display: inline-block; margin-right: 10px;}
.fonse-filter-list > li:last-child {margin-right: 0;}
.fonse-filter-list > li > label,
.fonse-filter-list > li > a {
display: block;
padding: 7px 15px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.fonse-filter-list > li > label:hover,
.fonse-filter-list > li > label:active,
.fonse-filter-list > li > a:hover,
.fonse-filter-list > li > a:active {text-decoration: none !important;}
.fonse-filter-list > li > label:active, .fonse-filter-list > .active > label,
.fonse-filter-list > li > a:active, .fonse-filter-list > .active > a {background-color: #0066a4 !important; color: #fff !important;}
.fonse-filter-list > li > label.active{ background-color: #0066a4 !important; color: #fff !important;}
.fonse-filter-arrow {
margin: 0 20px;
}
.fonse-channels {
float: left;
}
.fonse-channels > li {
position: relative;
display: block;
float: left;
margin-right: 10px;
margin-bottom: 15px;
background-image: none;
padding-left: 0;
border: 1px solid #ccc;
width: 95px;
height: 110px;
text-align: center;
line-height: 110px;
}
.fonse-channels img {
max-width: 100%;
height: auto;
}
.fonse-channels-note {
position: absolute;
top: 0;
left: 0;
margin: 10px;
line-height: normal;
font-size: 11px;
}
.fonse-padder {
padding: 20px;
}
.fonse-padder-20-30 {
padding: 20px 30px;
}
.fonse-padder-40-20 {
padding: 40px 20px;
}
.fonse-padder-30 {
padding: 30px;
}
.fonse-padder-60-30 {
padding: 60px 30px;
}
.fonse-padder-40 {
padding: 40px;
}
.fonse-padder-0-20 {
padding: 0 20px;
}
.fonse-padder-0-40 {
padding: 0 40px;
}
[class*="fonse-padder"].first {padding-left: 0;}
[class*="fonse-padder"].last {padding-right: 0;}
.fonse-help-link {
margin-right: 20px;
}
.fonse-vatop {vertical-align: top !important;}
.fonse-indent-left-1 {margin-left: 10px;}
.fonse-indent-left-2 {margin-left: 20px;}
.fonse-indent-right-1 {margin-right: 10px;}
.fonse-indent-right-2 {margin-right: 20px;}
.fonse-offscreen {
position: absolute !important;
/*clip: rect(1px 1px 1px 1px); IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
right: 0; /* this fixes horizontal scroll in Chrome */
}
.fonse-onscreen {
position: relative !important;
right: auto !important;
}
.fonse-noBullet {
padding-left: 0;
list-style: none;
}
.fonse-noBullet > li {
background-image: none;
padding-left: 0;
}
/* Responsive video css trick by http://embedresponsively.com/ */
.fonse-responsive-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.fonse-responsive-video iframe,
.fonse-responsive-video object,
.fonse-responsive-video embed {
position: absolute;
top: 1px;
left: 0;
width: 100%;
height: 100%;
}
.fonse-video-ghost {
padding-bottom: 0;
display: block;
height: 1px;
opacity: 0;
margin-top: -1px;
}
/* =spacer : basic horizontal spacing */
.fonse-spacer, .fonse-spacer0-5, .fonse-spacer1, .fonse-spacer1-5, .fonse-spacer2, .fonse-spacer2-5, .fonse-spacer3, .fonse-spacer3-5, .fonse-spacer4, .fonse-spacer4-5,
.fonse-spacer5, .fonse-spacer5-5, .fonse-spacer6, .fonse-spacer6-5, .fonse-spacer7, .fonse-spacer7-5, .fonse-spacer8, .fonse-spacer8-5, .fonse-spacer9, .fonse-spacer9-5, .fonse-spacer10 {height: 1px; margin: 0 !important;}
.fonse-spacer0-5 {padding: 0.25em 0;} /* 0.5em|3px */
.fonse-spacer, .fonse-spacer1 {padding: 0.5em 0;} /* 1em|12px */
.fonse-spacer1-5 {padding: 0.75em 0;}
.fonse-spacer2 {padding: 1em 0;} /* 2em|24px */
.fonse-spacer2-5 {padding: 1.25em 0;}
.fonse-spacer3 {padding: 1.5em 0;} /* 3em|36px */
.fonse-spacer3-5 {padding: 1.75em 0;}
.fonse-spacer4 {padding: 2em 0;} /* 4em|48px */
.fonse-spacer4-5 {padding: 2.25em 0;}
.fonse-spacer5 {padding: 2.5em 0;} /* 5em|60px */
.fonse-spacer5-5 {padding: 2.75em 0;}
.fonse-spacer6 {padding: 3em 0;} /* 6em|72px */
.fonse-spacer6-5 {padding: 3.25em 0;}
.fonse-spacer7 {padding: 3.5em 0;} /* 7em|84px */
.fonse-spacer7-5 {padding: 3.75em 0;}
.fonse-spacer8 {padding: 4em 0;} /* 8em|96px */
.fonse-spacer8-5 {padding: 4.25em 0;}
.fonse-spacer9 {padding: 4.5em 0;} /* 9em|108px */
.fonse-spacer9-5 {padding: 4.75em 0;}
.fonse-spacer10 {padding: 5em 0;} /* 10em|120px */
.fonse-spacerThemeA {padding-bottom: 0;}
.fonse-spacerThemeB {padding-top: 0;}
/* Content/Text Handling */
/* =toTextLeft, =toTextCenter, =toTextRight, =toTextJustify */
.fonse-toTextLeft,
.fonse-toTextLeft td,
.fonse-toTextLeft th {text-align: left !important;}
.fonse-toTextCenter,
.fonse-toTextCenter td,
.fonse-toTextCenter th {text-align: center !important;}
.fonse-toTextCenter img {margin: 0 auto;}
.fonse-toTextRight,
.fonse-toTextRight td,
.fonse-toTextRight th {text-align: right !important;}
.fonse-toTextJustify,
.fonse-toTextJustify td,
.fonse-toTextJustify th {text-align: justify !important;}
/* =noMargin - removes margins from an element */
.fonse-noMargin {margin: 0 !important;}
.fonse-noMarginTop {margin-top: 0 !important;}
.fonse-noMarginRight {margin-right: 0 !important;}
.fonse-noMarginBottom {margin-bottom: 0 !important;}
.fonse-noMarginLeft {margin-left: 0 !important;}
.fonse-noMarginTopBottom {margin-top: 0 !important; margin-bottom: 0 !important;}
.fonse-noMarginRightLeft {margin-right: 0 !important; margin-left: 0 !important;}
.MobileBlueHeadingThin{
color: #0066a4;
font-weight: normal;
font-size: 25px;
letter-spacing: -0.5px;
line-height: 29.5px;
text-align: left;
}
.MobilePTextSpaced{
padding: 13px 20px 20px 20px;
font-size: 16px;
line-height: 20px;
font-weight: normal;
}
.mobileTvButton{
margin-bottom: 39px;
margin: 7px auto 25px;
width: 80%;
text-align: center;
}
.mobileTvTitle{
font-weight: normal;
font-size: 25px;
letter-spacing: -0.5px;
line-height: 29.5px;
text-align: center;
padding-top: 20px;
color: #212121;
}
.mobiledivider{
width: 90%;
margin: 5px auto;
margin-left: 20px;
margin-right: 20px;
}
.mobiletextcenter{
text-align: center;
}
.mobileMediumBlackH2{
margin-top: 28px;
font-weight: normal;
font-size: 24px;
letter-spacing: -0.5px;
line-height: 28.5px;
text-align: left;
padding-left: 18px;
}
.mobileMediumBlueH2{
margin-left: 18px;
color: #0066a4;
font-weight: normal;
font-size: 24px;
letter-spacing: -0.5px;
line-height: 28.5px;
text-align: left;
margin-top: 30px;
}
.mobilePtextspaced{
float: left;
text-align: left;
padding: 20px;
font-size: 16px;
line-height: 20px;
font-weight: normal;
padding-top: 3px;
}
.mobilebestclasstoolsimg{
margin-bottom: 40px;
text-align: center;
margin: 0 auto;
max-width: 86%;
padding-left: 12px;
padding-top: 10px;
padding-bottom: 15px;
}
.mobileH2black23px{
margin-left: 18px;
font-weight: normal;
font-size: 23px;
letter-spacing: -0.5px;
line-height: 28.5px;
text-align: left;
float: left;
margin-bottom: 0px;
}
.mobilepblackspaced{
float: left;
text-align: left;
padding: 20px;
font-size: 16px;
line-height: 20px;
font-weight: normal;
padding-top: 8px;
padding-bottom: 26px;
}
.clearer{
clear:both;
}
.mobileSmartTipIcon{
float: left;
width: 20%;
margin-left: 22px;
margin-top: 21px;
}
.mobileSmartTipHeading{
margin-bottom: 20px;
float: right;
width: 64%;
text-align: left;
padding-right: 22px;
margin-top: 19px;
font-weight: normal;
font-size: 21px;
}
.mobileWidth85p{
width: 85%;
}
.mobileSmartTipstext{
font-weight: bold;
margin-top: 0px;
margin-bottom: 8px;
margin-left: 16px;
float: left;
padding-top: 3px;
font-size: 14px;
}
.mobileSmartTipsViewAll{
margin: 7px auto 20px;
width: 64%;
text-align: center;
}
.mobileSmartTipLabel{
font-weight: bold;
margin-bottom: 15px;
width: 179px;
margin: 0 auto;
padding-top: 0;
padding-bottom: 19px;
text-align: left;
}
.whyBellChartH2{
margin-bottom: 15px;
text-align: center;
margin-top: 30px;
}
.whyBellChartH5{
text-align: center;
margin-bottom: 25px;
font-size: 14px;
}
.whyBellChartContainer{
position: relative;
top: 29px;
margin-bottom: 39px;
}
.whyBellBluefloater{
position: absolute;
top: -26px;
left: 460px;
width: 140px;
height: 266px;
border: 1px solid #0066a4;
}
.whyBellBluefloaterFR{
position: absolute;
top: -26px;
left: 507px;
width: 140px;
height: 266px;
border: 1px solid #0066a4;
}
.whyBellBluefloaterQC{
position: absolute;
top: -26px;
left: 460px;
width: 140px;
height: 227px;
border: 1px solid #0066a4;
}
.whyBellBluefloaterFRQC{
position: absolute;
top: -26px;
left: 508px;
width: 140px;
height: 227px;
border: 1px solid #0066a4;
}
.whyBellBlueLabel{
color: #fff;
background-color: #0066a4;
width: 100%;
height: 21px;
padding-top: 7px;
}
.whybelltablet {
width: 836px;
}
.whybellcolumnheader {
background-color: #0066a4;
color: white;
text-align: center;
padding: 7px 2px;
border-right: 1px solid #0066a4;
border-left: 1px solid #0066a4;
}
.whybellcolumnhighlitesides {
border-right: 1px solid #0066a4;
border-left: 1px solid #0066a4;
}
.whybellcolumnhighliteright {
border-right: 1px solid #0066a4 !important;
}
.first.whyBellcenter.whyBellBorderDDD.whyBellborderbottomnone.whybellcolumnhighliteright {
border-bottom: 1px solid #0066a4 !important;
}
.whybelltabletfr {
width: 862px;
}
.whybelltablet,
.whybelltabletfr,
.whybelltablet td,
.whybelltabletfr td {
box-sizing: border-box;
}
.whyBellcenter{
text-align: center;
}
.whybelllogopadding{
padding: 20px 0 10px 0;
}
.whybellwidth347{
width: 347px;
}
.whybellwidth136{
width: 136px;
}
.whybellwidth456{
width: 456px;
}
.whyBellWidth120{
width: 120px;
}
.whyBellBorderDDD{
border: 1px solid #DDDDDD;
}
.whyBellcolor980000{
color: #980000;
}
.whyBellcolor339900{
color: #339900;
}
.whyBellborderleftnone{
border-left-style: none;
}
.whyBellborderrightnone{
border-right-style: none;
}
.whyBellbordertopnone{
border-top-style: none;
}
.whyBellborderbottomnone{
border-bottom-style: none;
}
.whyBell15padding{
padding: 15px 0 15px 15px;
}
.whyBellAlignLeft{
text-align: left;
}
.iphoneCompareTD{
width: 150px;
vertical-align: top;
padding: 10px;
padding-left: 5px;
}
.iPhoneCompareTRborder{
border-top: 1px solid #ededed;
}
.learnMoreMargin{
margin-left: 21px;
margin-bottom: 5px;
margin-top: 19px;
}
.compareLegalText{
font-size: 9px;
margin-left: 20px;
}
/* RESPONSIVE */
@media (max-width: 767px) {
html {height: 100%;}
.fonse-image-xs {
width: 50px;
height: 50px;
display: inline-block;
vertical-align: middle;
}
.fonse-section {text-align: center;}
.fonse-block-xs,
.fonse-button {display: block;}
.fonse-inline-block-xs {display: inline-block;}
.fonse-padder-20-xs {padding: 20px;}
p.fonse-headingType2 {margin-top: 0;}
h2, .fonse-headingType2 {font-size: 24px;}
h3.fonse-inline-block-xs,
.fonse-headingType3.fonse-inline-block-xs {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.fonse-item {text-align: left;}
.fonse-item.fonse-align-center-xs {margin: 0 auto;}
.fonse-padder-40 {padding: 30px;}
.fui-lightbox {
width: 100% !important;
left: 0 !important;
margin: auto !important;
}
.fui-lightbox .fonse-padder-20-30,
.fui-lightbox .fonse-padder-30 {
padding-left: 20px;
padding-right: 20px;
}
.fui-lightbox-full {
top: 0 !important;
height: 100% !important;
}
.fonse-filter-group {
display: block;
}
.fonse-filter-label {
display: block;
text-align: center;
margin-bottom: 5px;
}
.fonse-filter-list {
right: 50%;
float: right;
position: relative;
}
.fonse-filter-list > li {
float: left;
display: block;
margin-right: 0;
position: relative;
left: 50%;
}
.fonse-filter-list > li > label,
.fonse-filter-list > li > a {
padding-left: 9px;
padding-right: 9px;
border-right: 0;
font-size: 13px;
border-radius: 0;
}
.fonse-filter-list > li:first-child > label,
.fonse-filter-list > li:first-child > a {border-radius: 4px 0 0 4px;}
.fonse-filter-list > li:last-child > label,
.fonse-filter-list > li:last-child > a {border-radius: 0 4px 4px 0; border-right: 1px solid #ccc;}
.fonse-channels > li {
width: 99px;
}
.fonse-help-link {
display: block;
margin-right: 0;
margin-bottom: 10px;
}
}