/*umminfy from style.min.css*/
.hidden,
.invisible {
    visibility: hidden
}

.ir,
.visuallyhidden {
    overflow: hidden;
    border: 0
}

#page .container:after,
#page section:after,
.cleaner,
.clearfix:after,
.productModule .content:after,
.wrap:after,
header:after,
nav ul li ul li {
    clear: both
}

#country_table table,
.startingService table,
.taxes table,
table,
table.ratesTable,
table.subTable {
    border-collapse: collapse
}

@font-face {
    font-family: "Century Gothic W01";
    src: url(Fonts/bd45538f-4200-4946-b177-02de8337032d.eot?#iefix);
    src: url(Fonts/bd45538f-4200-4946-b177-02de8337032d.eot?#iefix) format("eot"), url(Fonts/700cfd4c-3384-4654-abe1-aa1a6e8058e4.woff2) format("woff2"), url(Fonts/9908cdad-7524-4206-819e-4f345a666324.woff) format("woff"), url(Fonts/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf) format("truetype"), url(Fonts/c9e387df-c0d3-42e1-8de6-78c41f68594c.svg#c9e387df-c0d3-42e1-8de6-78c41f68594c) format("svg")
}

@font-face {
    font-family: CenturyGothicW01-Italic;
    src: url(Fonts/38471ac0-7849-4a39-9f97-f89d78f42142.eot?#iefix);
    src: url(Fonts/38471ac0-7849-4a39-9f97-f89d78f42142.eot?#iefix) format("eot"), url(Fonts/79803af7-369c-4a5f-bc95-fb69ee7e77f8.woff2) format("woff2"), url(Fonts/483a662e-88d8-4865-8dd3-1515c67fe28b.woff) format("woff"), url(Fonts/d29e72e3-fcd5-4fa6-8cfb-986a2e33e105.ttf) format("truetype"), url(Fonts/1e08e1b1-b459-4819-95bc-54667cb4d9b5.svg#1e08e1b1-b459-4819-95bc-54667cb4d9b5) format("svg")
}

@font-face {
    font-family: "Century Gothic W01 Bold";
    src: url(Fonts/b247e158-e647-4a3d-9637-944de5124043.eot?#iefix);
    src: url(Fonts/b247e158-e647-4a3d-9637-944de5124043.eot?#iefix) format("eot"), url(Fonts/bc0668e2-e5c8-45ce-954d-3b998c6b6803.woff2) format("woff2"), url(Fonts/2ef5ecda-1772-45e2-843f-a13f5d76ed3a.woff) format("woff"), url(Fonts/33cf10ca-a6bb-4888-a320-d38720c9847b.ttf) format("truetype"), url(Fonts/3428a0e6-cb4d-408a-8331-cc78554ab49c.svg#3428a0e6-cb4d-408a-8331-cc78554ab49c) format("svg")
}

@font-face {
    font-family: CenturyGothicW01-BoldIt;
    src: url(Fonts/620781dc-b993-429f-ace1-722c9b2ba789.eot?#iefix);
    src: url(Fonts/620781dc-b993-429f-ace1-722c9b2ba789.eot?#iefix) format("eot"), url(Fonts/2829a59f-b2f8-4272-a496-b2e4e9bdc87e.woff2) format("woff2"), url(Fonts/3bd69eb9-2110-4d97-989e-99a659576659.woff) format("woff"), url(Fonts/8edaed62-069c-4a3b-87f5-fc14b5cdaec3.ttf) format("truetype"), url(Fonts/d5c40f0a-3098-4a2b-8cbb-84524c2a29bc.svg#d5c40f0a-3098-4a2b-8cbb-84524c2a29bc) format("svg")
}

@font-face {
    font-family: "Century Gothic W02";
    src: url(Fonts/1d0f9f99-dade-4366-9ca4-4b4f94cbcefa.eot?#iefix);
    src: url(Fonts/1d0f9f99-dade-4366-9ca4-4b4f94cbcefa.eot?#iefix) format("eot"), url(Fonts/c698c4ce-473e-45a4-973a-d887511ef4bd.woff2) format("woff2"), url(Fonts/8a946a0d-ecf6-4f37-b671-63d703d7876a.woff) format("woff"), url(Fonts/29f15db7-8d48-4df7-b50e-44e697d20d22.ttf) format("truetype"), url(Fonts/9cc1d02f-64c6-447e-9041-0553ce316bb5.svg#9cc1d02f-64c6-447e-9041-0553ce316bb5) format("svg")
}

@font-face {
    font-family: CenturyGothicW02-Italic;
    src: url(Fonts/512a60d8-26ca-4290-a022-76dd87cd1ecc.eot?#iefix);
    src: url(Fonts/512a60d8-26ca-4290-a022-76dd87cd1ecc.eot?#iefix) format("eot"), url(Fonts/8cfb3d1e-7739-445e-9c7f-1afe5ea719f0.woff2) format("woff2"), url(Fonts/16505840-b4cf-46c6-8ebd-cf19bc4ca17d.woff) format("woff"), url(Fonts/8c0de926-dbae-47c4-98f7-61db6507e1f6.ttf) format("truetype"), url(Fonts/a0285e30-1629-4f28-9c69-7ffc3d949d98.svg#a0285e30-1629-4f28-9c69-7ffc3d949d98) format("svg")
}

@font-face {
    font-family: "Century Gothic W02 Bold";
    src: url(Fonts/96e7de6c-255b-4446-9546-26ff4b26b612.eot?#iefix);
    src: url(Fonts/96e7de6c-255b-4446-9546-26ff4b26b612.eot?#iefix) format("eot"), url(Fonts/d1e7a29d-81b8-4e8e-81dc-62011b07b02d.woff2) format("woff2"), url(Fonts/ff3118db-75f9-4b0d-9e2c-85999a071fcf.woff) format("woff"), url(Fonts/692d7b29-83b0-4afe-81e5-0ca78dda31c7.ttf) format("truetype"), url(Fonts/4dee12b9-4de7-4a6a-bc3e-9099b13721a4.svg#4dee12b9-4de7-4a6a-bc3e-9099b13721a4) format("svg")
}




button,
html,
input,
select,
textarea {
    color: #222;
    font-family: sans-serif
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    padding: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

audio,
canvas,
img,
video {
    vertical-align: middle
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.ir {
    background-color: transparent
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none!important
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.col,
header,
sub,
sup {
    position: relative
}

#page,
#page .container,
.wrap {
    width: 100%
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3b,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    line-height: 1.4;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden
}

body,
figure,
form {
    margin: 0
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

dl,
menu,
ol,
p,
pre,
ul {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

.normal,
a.btn,
header .toolbar ul li a,
nav ul li a {
    text-transform: uppercase
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top
}

.col,
.select-style,
.selectWrap {
    overflow: hidden
}

table {
    border-spacing: 0
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#page {
/*    font-size: 0;*/
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 8px
}

@media screen and (min-width:320px) and (max-width:1284px) {
    #page {
        padding: 0
    }
}

#page .container:after,
#page .container:before {
    content: " ";
    display: table
}

#page section {
    /*background-color: #FFF;*/
    padding-top: 60px;
    padding-bottom: 30px;
    width: 100%;
    transition: .5s
}

@media screen and (min-width:641px) and (max-width:959px) {
    #page section {
/*        padding: 20px 0 30px*/
    }
}

@media screen and (max-width:640px) {
    #page section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

#page section:after,
#page section:before {
    content: " ";
    display: table
}

#page section.gray {
    background: #f5f4f4;
    padding: 60px 0 30px
}

.gray {
    background: #FCFAFB
}

#page section.noBottomPadding {
    padding-bottom: 0
}

#page section.noTopPadding {
    padding-top: 0
}

.wrap {
    background: #FFF;
    max-width: 1284px
}

.wrap:after,
.wrap:before {
    content: " ";
    display: table
}

.col {
    display: inline-block;
    font-size: 16px;
    margin: 0 .77882%;
    vertical-align: top;
    zoom: 1
}

.col.one {
    width: 6.7757%
}

.col.offset-one {
    margin-left: 9.11215%
}

.col.two {
    width: 15.10903%
}

.col.offset-two {
    margin-left: 17.44548%
}

.col.three {
    width: 23.44237%
}

.col.offset-three {
    margin-left: 25.77882%
}

.col.four {
    width: 31.7757%
}

.col.five {
    width: 40.10903%
}

.col.six {
    width: 48.44237%
}

.col.seven {
    width: 56.7757%
}

.col.eight {
    width: 65.10903%
}

.col.nine {
    width: 73.44237%
}

.col.ten {
    width: 81.7757%
}

.col.eleven {
    width: 90.10903%
}

.col.twelve {
    width: 98.44237%
}

@media screen and (min-width:320px) and (max-width:640px) {
    .col.eight,
    .col.eleven,
    .col.five,
    .col.four,
    .col.nine,
    .col.one,
    .col.seven,
    .col.six,
    .col.ten,
    .col.three,
    .col.twelve,
    .col.two {
        display: block;
        margin-right: 0;
        margin-left: 0;
        padding: 0 7.34375%;
        width: 100%!important
    }
    .col.offset-one,
    .col.offset-three,
    .col.offset-two {
        margin-left: 0
    }
}

.col.center10 {
    display: block;
    /*font-size: 0;*/
    margin: 0 8.33333%
}

.col.center10 li {
    font-size: 16px;
}

.bottomPadding {
    padding-bottom: 20px
}

.col.center10 .inner-three {
    display: inline-block;
    font-size: 16px;
    margin: 0 .93458%;
    width: 28.13084%;
    vertical-align: top
}

.col.center10 .inner-three.split {
    width: 30.84112%
}

@media screen and (max-width:959px) {
    .col.center10 .inner-three.split {
        display: block;
        width: 100%
    }
    .col.center10 .inner-five {
        display: block
    }
}

@media screen and (min-width:959px) {
    .col.center10 .inner-five {
        display: inline-block
    }
}

.col.center10 .inner-four {
    display: inline-block;
    margin: 0 .93458%;
    vertical-align: top;
    width: 38.13084%;
    transition: .5s;
    height: auto!important
}

.col.center10 .inner-five {
    margin: 0 .93458%;
    vertical-align: top;
    width: 47.13084%;
    transition: .5s
}

@media screen and (min-width:320px) {
    #chsc {
        padding: 0!important
    }
    #chsc #mobile-shift .cta {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media screen and (max-width:958px) {
    .col.center10 .inner-five {
        float: left
    }
    #chsc .col.center10 .inner-five:nth-child(2) {
        margin-top: 37px
    }
}

#shop-telo-newcust {
    border-right: thin solid #d3d3d3;
    margin-right: 5%!important
}

.col.center10 .inner-seven,
.col.center10 .inner-six {
    display: inline-block;
    margin: 0 .93458%;
    vertical-align: top
}

#shop-telo-returncust {
    padding-left: 50px
}

#shop-telo-newcust,
#shop-telo-returncust {
    width: 46.13084%
}

.col.center10 .inner-six {
    width: 58.13084%;
    transition: .5s
}

.col.center10 .inner-seven {
    width: 68.13084%
}

.cleaner,
.img,
.select-style,
.selectWrap,
header {
    width: 100%
}

@media screen and (max-width:640px) {
    .col.center10 .inner-five,
    .col.center10 .inner-seven,
    .col.center10 .inner-three {
        width: 100%;
        display: block
    }
    .col.center10 .offset-one {
        margin-left: 0
    }
    #shop-telo-newcust {
        margin-right: 0;
        border-right: none
    }
}

.noBackground {
    background: 0 0!important
}

.sectionTitle {
    display: inline-block;
    font: 28px "Century Gothic W01", sans-serif;
    margin: 0 0 40px;
    padding: 0;
    vertical-align: middle
}

.blue,
.sectionTitle.blue {
    color: #005581;
}

.sectionTitle.red {
    color: #b02217
}

.sectionTitle a.btn {
    margin-left: 20px;
    vertical-align: middle
}

h1,
h2,
h3 {
    margin: 0;
    padding: 0
}

body {
    background: #e7e7e7;
    color: #333;
    font: 16px "Open Sans", sans-serif;
     
    
}

.red {
    transition: .5s ease;
    color: #b00218
}

.white {
    transition: .5s ease;
    color: #FFF
}

.lightgrey {
    color: #d3d3d3!important
}

.black {
    color: #000
}




h1.red,
h2.red {
    color: #b02217
}

h1.blue,
h2.blue,
{
    color: #005581
}

@media screen and (min-width:320px) and (max-width:480px) {
    h1,
    h2 {
        font-size: 28px
    }
/*
    h3 {
        font-size: 20px!important
    }
*/
    h3 small {
        font-size: 12px
    }
    .sectionTitle.blue {
        margin-bottom: 0
    }
}

h3 {
/*    font: 21px "Century Gothic W01", sans-serif;*/
    font-weight: 400;
    margin: 10px 0;
}

ul.list,
ul.list2 {
    margin-left: -15px
}

h3.office {
    color: #b00218
}

p {
/*    color: #333;*/
    font-size: 16px;
    line-height: 1.5em
}

p.blues {
    font-weight: 700;
    font-size: 14px;
    color: #1dafec
}

p.blues>a {
    color: #1dafec;
    text-decoration: underline
}

a {
    text-decoration: none
}

.active,
a:hover {
    text-decoration: underline
}

.appleLinksWhite a {
    color: #fff;
    text-decoration: none
}

.appleLinksNormal a {
    color: #333;
    text-decoration: none
}

ul.list li {
    margin-bottom: 8px
}

ul.list2 {
    margin-bottom: 40px
}

ul.list2 li {
    list-style: none;
    margin-bottom: 8px
}

.imgLeft,
input[type=text] {
    margin-bottom: 20px
}

ul.list2 li a {
    color: #005581;
    font-weight: 700
}

hr {
    background: url(img/bg-hr.gif) repeat-x;
    border: 0;
    display: block;
    height: 1px;
    margin: 0 9.19003%;
    width: auto
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}

#pcworld {
    margin-top: 15px;
    width: 30%
}

.img {
    margin-top: 90px
}

@media screen and (max-width:1125px) {
    .img {
        max-width: 80%;
        margin-top: 0
    }
}

.imgRight {
    margin-top: 20px
}

.cleaner {
    height: 1%
}

::-webkit-input-placeholder {
    color: #9da6ae
}

:-moz-placeholder {
    color: #9da6ae
}

::-moz-placeholder {
    color: #9da6ae
}

:-ms-input-placeholder {
    color: #9da6ae
}

input[type=text] {
    border-top: 1px solid #d6d5d5;
    border-right: 1px solid #ebeaea;
    border-bottom: 0;
    border-left: 1px solid #ebeaea;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*font-size: 12px;*/
    height: 36px;
    text-indent: 10px;
    width: 100%
}

.mktoForm .mktoButtonWrap.mktoRound .mktoButton,
button,
input[type=submit] {
    background: #1dafec;
    border: 0 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    display: inline-block;
    font: 15px "Century Gothic W01", sans-serif;
    /*letter-spacing: .1em;*/
    margin-top: 10px;
    padding: 10px 33px;
    text-decoration: none;
    text-transform: uppercase
}

#mktoForm_876>div.mktoButtonRow>span>button,
.button-red,
button .red {
    background: #b32317!important
}

.mktoForm .mktoButtonWrap.mktoRound .mktoButton {
/*    background-color: #1dafec!important;*/
    background-image: none!important;
    font-size: 14px!important;
    padding: 10px 33px!important;
}

input[type=checkbox]+label,
input[type=radio]+label {
    margin-bottom: 10px;
    padding-left: 20px;
    cursor: pointer
}

input[type=submit]:hover {
    background: #2fb7ee
}

input[type=submit].red {
    background: #b32317
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    background: url(img/checkbox.png) 0 2px no-repeat;
    display: block;
    font-size: 15px;
    height: 20px;
}

input[type=checkbox]+label.italic {
    font-size: 10px;
    font-style: italic
}

input[type=checkbox]:checked+label {
    background: url(img/checkbox-checked.png) 0 2px no-repeat
}

input[type=radio] {
    display: none
}

input[type=radio]+label {
    background: url(img/checkbox.png) 0 2px no-repeat;
    display: block;
    font-size: 15px
}

a.btn,
a.btn.blue.compare {
    display: inline-block
}

input[type=radio]+label.italic {
    font-size: 10px;
    font-style: italic
}

input[type=radio]:checked+label {
    background: url(img/checkbox-checked.png) 0 2px no-repeat
}

.selectWrap {
    background: url(img/select-dropdown-20x20.png) right center no-repeat #FFF;
    border: 1px solid #CCC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    outline: 0;
    vertical-align: middle
}

.select-style {
    background: 0 0;
    border: 0;
    color: #000;
    font-size: 16px;
    height: 40px;
    outline: 0
}

select.select-style {
    padding: 5px 37px 5px 8px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    -ms-appearance: none!important
}

.select-style select:focus {
    outline: 0
}

a.btn {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    font: 15px "Century Gothic W01", sans-serif;
    /*letter-spacing: .1em;*/
    margin-right: 10px;
    padding: 10px 30px 11px;
    text-decoration: none;
    white-space: nowrap
}

#banner1 #open-video,
#banner1a #open-video {
    border: 3px solid
}

a.btn.blue {
    background: #1dafec;
/*
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67)
*/
}

a.btn.blue:hover {
    background: #2fb7ee
}

a.btn.red {
    background: #b00218;
/*
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67)
*/
}

a.btn.red:hover {
    background: #b53329
}

a.btn.white,
a.btn.white:hover,
{
    background: #FFF;
}

a.btn.white {
    color: #00afec;
/*    font-weight: 600;*/
/*    font-family: 'Open Sans', sans-serif*/
}

@media screen and (max-width:480px) {
    a.btn {
        font-size: 14px;
/*        display: table-cell;*/
        padding: 12px 20px
    }
    a.btn.blue.compare {
        margin-left: 0;
        margin-top: 20px
    }
}

header {
    /*height: 100px;*/
/*    font-size: 0;*/
/*    text-align: left;
    z-index: 500*/
}

@media screen and (min-width:320px) and (max-width:480px) {
    header {
        height: 60px
    }
}

header:after,
header:before {
    content: " ";
    display: table
}

header .menu-btn {
    display: none
}

@media screen and (max-width:959px) {
    header .menu-btn {
        display: block;
/*
        position: absolute;
        top: 12px;
        left: 37px;
*/
        width: 44px;
        height: 37px;
        cursor: pointer;
        background: url(img/icon-mobileMenu.png) no-repeat
    }
    .outline-btn-sm{
        border: 1px solid #fff;
        background-color: #008dc8 !important;
    }
}

header #logo {
    /*display: inline-block;*/
    /*width: 19%;*/
/*
    height: 100px;
    padding: 25px 0 0 5.06231%
*/
}

@media screen and (min-width:320px) and (max-width:480px) {
 
    header #logo a {
        background-size: 130px 45px
    }
}

header #logo a {
    display: block;
    height: 48px;
    background: url(img/logo-ooma.png) no-repeat
}

@media all and (-webkit-min-device-pixel-ratio:2) {
    header #logo a {
        background: url(img/logo-ooma@2x.png) no-repeat;
        background-size: 140px 48px
    }
}

header #logo img {
    max-width: 100%
}

@media screen and (max-width:959px) {
    
    header #logo a {
        width: 140px;
        margin: 0 auto
    }
}

header .toolbar {
/*
    display: inline-block;
    vertical-align: top;
*/
/*    min-width: 260px;*/
    /*height: 100px*/
}

header .toolbar ul {
    margin: 0;
    padding: 37px 0 0 0;
    list-style: none;
/*    font-size: 0;*/
    height: 90px
}

header .toolbar ul li {
    display: inline-block;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 20px;
    white-space: nowrap;
}

header .toolbar ul li a {
    color: #999090;
    display: block;
    font-family: "Century Gothic W01 Bold", sans-serif
}

#reseller .sectionIntro,
.subNav,
nav {
    font-family: "Century Gothic W01", san-serif
}

header .toolbar ul li a:hover {
    text-decoration: none
}

#login-drop ul li a:hover,
#login-drop2 ul li a:hover,
#login-drop3 ul li a:hover,
#login-drop4 ul li a:hover {
    text-decoration: none;
    color: #2eb5ec
}

header .toolbar ul li a.cart {
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url(img/icon-cart-18x18.png) 0 -3px no-repeat
}

#login-drop,
#login-drop2,
#login-drop3,
#login-drop4 {
    cursor: pointer;
    height: 30px;
    width: auto;
    display: block
}

#login-drop ul,
#login-drop2 ul,
#login-drop3 ul,
#login-drop4 ul {
    opacity: 0;
    /*width: 130px!important;*/
    height: auto;
    padding-left: 1.2%!important
}

#login-drop ul li,
#login-drop2 ul li,
#login-drop3 ul li,
#login-drop4 ul li {
    display: block;
    /*width: 100px;*/
/*    padding-top: 9px*/
}

@media screen and (max-width:959px) {
    header .toolbar {
        display: none
    }
}

nav {
    display: inline-block;
/*    width: 62%;*/
    vertical-align: top;
    height: 100%
}

nav ul {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
/*    width: 100%;*/
/*    max-width: 555px;*/
/*    font-size: 0;*/
    display: table;
    table-layout: fixed
}

nav ul li {
    display: table-cell;
    text-align: center;
    margin: 0;
    position: relative;
    /*padding: 37px 13px;*/
}

>nav ul li:last-child {
    padding-left: 0;
    text-align: left;
    border: 1px solid red
}

.normal,
nav ul li a {
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #4a4d4e;
    
}
.normal{
    padding-bottom: 15px;
}
nav ul li a.hover,
nav ul li a:hover {
    text-decoration: none;
    color: #015581
}

.home,
nav ul li a.hover.forHome,
nav ul li a:hover.forHome {
    color: #2eb5ec
}

/*.business,*/
nav ul li a.hover.forBusiness,
nav ul li a:hover.forBusiness {
    color: #b02217
}

nav ul li a.searchBtn {
    background: url(img/icon-search-14x14.png) no-repeat;
    text-indent: -99999px;
    width: 14px;
    height: 20px;
    padding: 0;
    display: block
}

nav ul li a.searchBtn.is-active,
nav ul li a.searchBtn:hover {
    background: url(img/icon-search-14x14.png) 0 -20px no-repeat
}

#login-drop ul,
#login-drop2 ul,
#login-drop3 ul,
#login-drop4 ul,
nav ul li ul {
    display: none;
    position: absolute;
    /*width: 180px;*/
    margin: 10px 0 0 -10px;
    padding: 8px 0;
    background: #FFF;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index:100;
}

nav ul li ul li {
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left
}

nav ul li ul li a {
    display: block;
    text-align: left;
    padding: 8px 20px;
    font-size: 12px;
    color: #333;
    text-transform: none
}

nav ul li ul li a:hover {
    color: #2eb5ec
}

nav ul li #searchBox {
    position: absolute;
    top: 94px;
    left: 0;
    width: 360px;
    padding: 10px;
    background: #005581;
    font-size: 16px;
    display: none;
    z-index: 5;
}

nav ul li #searchBox input[type=text] {
    margin-bottom: 0;
    font-size: 12px;
    width: 190px;
    height: 37px
}

/*@media screen and (max-width:959px) {
    nav {
        display: none
    }
}*/

.pushy {
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #e7e7e7;
    font-size: .9em;
    font-weight: 700;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px
}

.pushy-left {
    -webkit-transform: translate3d(-270px, 0, 0);
    -moz-transform: translate3d(-270px, 0, 0);
    -ms-transform: translate3d(-270px, 0, 0);
    -o-transform: translate3d(-270px, 0, 0);
    transform: translate3d(-270px, 0, 0)
}

.pushy-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.container-push,
.push-push {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
}

#container,
.push,
.pushy {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99)
}

.site-overlay {
    display: none
}

.pushy-active .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .5);
    -webkit-animation: fade .5s;
    -moz-animation: fade .5s;
    -o-animation: fade .5s;
    animation: fade .5s
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.menu-btn {
    display: none
}

@media screen and (max-width:640px) {
    .menu-btn {
/*
        display: block;
        position: absolute;
        top: 37%;
        left: 6.71875%;
        background: url(img/icon-mobileMenu.png) no-repeat;
        width: 44px;
        height: 37px;
        cursor: pointer
*/
    }
    .pushy ul.level2 {
        border-left: 1px solid #ced2d6
    }
    .pushy ul.level1>li.expanded .level2,
    .pushy ul.level3 {
        margin: 0 10px
    }
}

.pushy .search-mobile {
    padding: 30px;
    display: block;
    border-bottom: 1px solid #ced2d6
}

.pushy .search-mobile input[type=text] {
    width: 100%;
    height: 40px;
    border: 0;
    margin: 0;
    padding-left: 40px;
    outline: 0;
    font-size: 18px;
    color: #333;
    background: url(img/icon-mobile-search.png) left center no-repeat #e7e7e7
}

.border,
.pushy .border,
.pushy ul li {
    border-bottom: 1px solid #ced2d6
}

.pushy ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pushy ul li {
    padding: 15px;
    font-weight: 400
}

.pushy ul li a {
    font-size: 18px!important;
    color: #333;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 0;
    display: block
}

.pushy ul li ul {
    margin-bottom: 0;
    margin-top: 2px
}

.pushy ul li ul li {
    padding: 10px 0;
    border-bottom: 0;
    font-weight: 400
}

.pushy ul li ul li a {
    font-size: 16px!important;
    font-weight: 400;
    line-height: 20px;
    color: #005581;
    padding: 5px 10px;
    display: block
}

.accent,
.pushy ul li ul li a.accent {
    font-weight: 700
}

.pushy ul li ul li:last-child {
    padding-bottom: 0!important
}

.subNav {
    width: 100%;
    background: #1dafec;
    padding: 0 7.00935%
}

.subNav .navWrap {
    display: table;
    table-layout: fixed;
    background: 0 0;
    min-height: 40px
}

.subNav .navWrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-row
}

.subNav .navWrap ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
    font-size: 16px;
    padding: 10px 17px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.subNav .navWrap ul li:last-child {
    background: 0 0
}

.subNav .navWrap ul li a {
    display: block;
    font-size: 14px;
    color: #FFF
}

.subNav.red {
    background: #b00218
}

@media screen and (max-width:1024px) {
    .subNav {
        padding: 5px 2.08551%
    }
}

@media screen and (max-width:959px) {
    .subNav {
        display: none
    }
}

.productModule {
    border: thin solid #fff;
    width: 49.06542%;
    float: left;
    padding: 3.73832%;
    position: relative;
    transition: .5s
}

@media screen and (min-width:320px) and (max-width:640px) {
    .productModule {
        border: thin solid #d3d3d3;
        margin: 20px 0
    }
}

.productModule .content {
    width: 100%;
    min-height: 270px;
    padding-right: 150px
}

.productModule .content:after,
.productModule .content:before {
    content: " ";
    display: table
}

.productModule .content h2 {
    font-weight: 600;
    font-size: 36px;
    margin: 0 0 10px
}

.productModule .content p {
    color: #000;
    font-weight: 400;
    margin: 0 0 25px;
    font-size: 18px
}

.productModule .content a.video {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-right: 25px;
    float: left
}

.productModule .content a.btn {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    clear: both
}

.productModule .content.telo h2 a {
    color: #2fb7ee;
    padding-right: 30px;
    text-decoration: none
}

.productModule .content.telo a.video {
    font-size: 14px;
    color: #2fb7ee;
    background: url(img/icon-arrow-blue-11x11.png) right 0 no-repeat
}

.productModule .content.office h2 a {
    color: #b32317;
    padding-right: 30px;
    text-decoration: none
}

.productModule .content.office a.video {
    font-size: 14px;
    color: #b32317;
    background: url(img/icon-arrow-red-11x11.png) right 0 no-repeat
}

@media screen and (min-width:991px) and (max-width:1199px) {
    .productModule .content h2 {
        font-size: 28px
    }
    .productModule .content p {
        font-size: 15px
    }
}

@media screen and (min-width:880px) and (max-width:990px) {
    .productModule .content {
        padding-right: 120px
    }
    .productModule .content h2 {
        font-size: 26px
    }
    .productModule .content p {
        font-size: 14px
    }
}

@media screen and (min-width:641px) and (max-width:879px) {
    .productModule .content {
        padding-right: 120px
    }
}

@media screen and (min-width:481px) and (max-width:640px) {
    .productModule .content {
        padding-right: 140px
    }
    .productModule .content h2 {
        font-size: 26px
    }
    .productModule .content p {
        font-size: 16px
    }
}

@media screen and (min-width:401px) and (max-width:480px) {
    .productModule .content h2 {
        font-size: 28px
    }
    .productModule .content p {
        font-size: 16px
    }
    .productModule .content h2,
    .productModule .content p {
        width: 160px;
        display: block;
        float: left;
        clear: left
    }
    .productModule .content {
        padding-right: 0
    }
}

@media screen and (min-width:320px) and (max-width:400px) {
    .productModule .content h2 {
        font-size: 24px
    }
    .productModule .content h2,
    .productModule .content p {
        width: 110px;
        display: block;
        float: left;
        clear: left
    }
    .productModule .content a.btn {
        font-size: 12px!important;
        display: block;
        padding: 14px 10px 14px 8px;
        width: 100px
    }
}

.productModule .productImage {
    text-align: center;
    clear: both
}

@media screen and (min-width:320px) and (max-width:1023px) {
    .productModule .badge {
        right: 0
    }
}

@media screen and (max-width:640px) {
    .productModule .badge {
        right: 20px
    }
}

@media screen and (min-width:320px) and (max-width:879px) {
    .productModule {
        width: 100%;
        float: none
    }
}

#product-expansion {
    padding-bottom: 3px;
    padding-top: 40px
}

#reseller .sectionIntro {
    width: 100%;
    position: relative;
    font-size: 16px
}

.sectionIntro:after,
.sectionIntro:before {
    content: " ";
    display: table
}

.sectionIntro:after {
    clear: both
}

.sectionIntro strong {
    font-family: "Century Gothic W01 Bold", san-serif;
    font-weight: 300
}

.sectionIntro h2 {
    margin-bottom: 40px
}

.sectionIntro .note {
    font-size: 16px;
    color: #333;
    font-style: italic;
    font-weight: 400;
    margin-top: -30px;
    margin-bottom: 30px
}

.sectionIntro .red {
    color: #b02218
}

.sectionIntro .blue {
    color: #005581
}

.sectionIntro p {
    line-height: 1.7em;
    font-weight: 400
}

#white-txt a.btn {
    color: #fff
}

.sectionIntro.withBadge {
    padding-right: 300px;
    min-height: 300px
}

.sectionIntro .badgeIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    text-align: right
}

#partners-main .content {
    width: 25%;
    top: 110px
}

@media screen and (min-width:960px) and (max-width:1100px) {
    #partners-main .content {
        width: 33%;
        top: 80px
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    #partners-main .content {
        width: 33%;
        top: 50px;
        left: 60%
    }
    #partners-main .content,
    #partners-main .content .title {
        display: inherit
    }
    #partners-main .bannerWrap {
        background-image: url(/wp-content/uploads/hero-partners-mobile.jpg)!important;
        background-repeat: no-repeat;
        background-position: -100px -210px
    }
}

@media screen and (min-width:640px) and (max-width:767px) {
    #partners-main .content {
        width: auto;
        top: 50px;
        left: 55%
    }
    #partners-main .bannerWrap {
        background-position: -210px -280px
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #partners-main .content,
    #partners-main .content .title {
        display: inherit
    }
    #partners-main .bannerWrap {
        background-image: url(/wp-content/uploads/hero-partners-mobile.jpg)!important;
        background-position: right -50px
    }
    #partners-main .content {
        width: 50%;
        top: 60px;
        left: 45%
    }
}

@media screen and (min-width:320px) and (max-width:489px) {
    #partners-main .bannerWrap {
        background-image: none!important
    }
    #partners-main .content,
    #partners-main .content .title {
        display: inherit
    }
    #partners-main .content {
        width: 70%;
        top: 70px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

#spiceworks-top {
    width: 100%;
    background: #b00218;
    position: absolute;
    z-index: 100;
    top: 4%;
    height: 75px
}

@media screen and (min-width:320px) and (max-width:480px) {
    #spiceworks-top .right-img {
        right: 4.5%!important;
        margin-top: -5px!important;
        width: 100px
    }
    #spiceworks-banner {
        height: 260px!important;
        background-position: bottom;
        background-size: 120%;
        background-image: initial!important
    }
    #spiceworks-banner img.bannerBg {
        display: inherit;
        margin-top: 85px
    }
    section#spiceworks-head {
        background: 0 0!important
    }
    section#spiceworks-head .h1-top {
        font-size: 40px!important
    }
    section#spiceworks-head .h1-bottom {
        width: 100%!important;
        font-size: 23px!important
    }
    .white-box ul.checkmarks {
        width: 100%;
        padding-right: 0
    }
    .p-shift {
        width: 100%!important
    }
    .white-box .phone {
        display: none
    }
    #mktoForm_972>div.mktoButtonRow,
    #mktoForm_975>div.mktoButtonRow,
    #mktoForm_976>div.mktoButtonRow {
        margin-top: 15px
    }
    #partner-form-main>div>div>p:nth-child(5),
    #partner-form-main>div>div>p:nth-child(6) {
        padding-left: 10px
    }
    #partner-form-main>div>div>p:nth-child(6) {
        margin-top: 0!important
    }
    #mktoForm_976 {
        padding: 0
    }
    #mktoForm_976>div.mktoButtonRow {
        margin-left: -10%
    }
    #mktoForm_976>div.mktoButtonRow .mktoButtonWrap {
        margin-left: 0!important
    }
    #mktoForm_976>div.mktoButtonRow>span>button {
        font-size: 14px!important
    }
}

@media screen and (max-width:959px) and (min-width:640px) {
    #spiceworks-banner.bannerWrap {
        background-image: url(/wp-content/uploads/spiceworks_header.jpg)!important
    }
}

@media screen and (max-width:639px) and (min-width:480px) {
    #spiceworks-banner.bannerWrap {
        background-image: url(/wp-content/uploads/spiceworks_header.jpg)!important
    }
}

.p-shift {
    width: 50%
}

#spiceworks-top .left-img {
    margin-left: 4%;
    margin-top: 15px
}

#spiceworks-top .right-img {
    position: absolute;
    right: 5%;
    margin-top: -18px
}

section#spiceworks-head {
    padding-top: 25px;
    padding-bottom: 0!important;
    background: url(/wp-content/uploads/spiceworks_4x.png) right no-repeat!important;
    background-size: 20%!important;
    background-position-x: 90%!important
}

section#spiceworks-head .h1-top {
    font-size: 60px
}

section#spiceworks-head .h1-bottom {
    font-size: 33px;
    margin-top: 15px;
    width: 60%
}

.white-box {
    background: #fff;
    border: thin solid rgba(169, 169, 169, .44);
    border-radius: 8px;
    padding: 40px;
    margin-top: 40px;
    transition: .5s
}

.white-box .phone {
    width: 40%;
    position: absolute;
    right: 5%;
    margin-top: 33%
}

#affiliate-form,
#reseller-form {
    margin-top: 60px;
    display: none
}

#affiliate-form .mktoForm .mktoFormCol,
#reseller-form .mktoForm .mktoFormCol {
    position: inherit;
    margin-right: .6%
}

#affiliate-form .mktoForm div,
#mktoForm_976>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoRadioList.mktoHasWidth.mktoRequired,
#reseller-form .mktoForm div {
    width: auto
}

#affiliate-form .mktoButtonRow,
#reseller-form .mktoButtonRow {
    display: block;
    position: inherit;
    margin-top: 20px
}

#reseller-form .mktoButtonRow>span {
    margin-left: 0!important
}

#mktoForm_976>div:nth-child(6),
#mktoForm_976>div:nth-child(7) {
    top: inherit;
    width: 350px;
    float: left;
    clear: none
}

#mktoForm_976>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoRadioList.mktoHasWidth>label,
#mktoForm_976>div:nth-child(7)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoRadioList.mktoHasWidth>label {
    padding-left: 24px
}

#mktoForm_976>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoRadioList.mktoHasWidth.mktoRequired>label {
    width: auto
}

section#office-features .item {
    width: 25%
}

.banner,
.banner .bannerWrap {
    width: 100%;
    position: relative
}

@media screen and (max-width:959px) {
    .sectionIntro.withBadge {
        padding-right: 0
    }
    .sectionIntro .badgeIcon {
        display: none
    }
}

.banner {
    /*margin-top: 25px*/
}

.banner:after,
.banner:before {
    content: " ";
    display: table
}

.banner:after {
    clear: both
}

.banner .bannerWrap {
    overflow: hidden;
    background-position: center top
}

/*
@media screen and (min-width:1101px) {
    .banner .bannerWrap {
        height: 600px
    }
}
*/

/*
@media screen and (min-width:768px) and (max-width:1100px) {
    .banner .bannerWrap {
        height: 600px;
        background-size: auto 520px
    }
}
*/

@media screen and (min-width:640px) and (max-width:959px) {
    .banner .bannerWrap {
        height: 310px;
        background-position: right -9px
    }
    #bus-savings.banner .bannerWrap {
        background-size: 100%
    }
}

@media screen and (min-width:481px) and (max-width:639px) {
    .banner .bannerWrap {
        height: 300px;
        background-size: auto 350px;
        background-position: right -9px
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .banner .bannerWrap {
        height: 250px;
        background-size: auto 280px;
        background-position: -180px -15px
    }
/*
    #oomaconnect-banner {
        display: none
    }
*/
    #shopoffice-banner {
/*
        background-position: 0 0!important;
        background-size: 100%;
*/
/*        min-height: 160px*/
    }
    #worknest-banner {
        background-position: 100% 0;
        background-size: 170%
    }
    #worknest-banner1 .bannerWrap {
        background-size: 245%;
        background-position: 100% 0
    }
    #safetyphone-banner {
        margin-top: 0
    }
    #telobasic-banner {
        background-position: center;
    }
}

.banner .bannerWrap .special-badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 112px;
    height: 159px
}

.banner img.bannerBg {
    max-width: 100%;
    position: relative;
    z-index: 9;
    display: none
}

.banner .content {
    position: absolute;
    z-index: 10;
    font-size: 16px;
    top: 60px;
    width: 46%;
    left: 8.56698%
}

#shopoffice-banner .content {
    width: 42%
}

@media screen and (max-width:1060px) {
    #shopoffice-banner .content {
        width: 39%
    }
}

.banner .content .title {
    font-family: "Century Gothic W01", san-serif;
    color: #1dafec;
    font-size: 38px;
    line-height: 1.2em;
    margin-bottom: 20px
}

.banner .content .intro,
.banner .teloshop .title span {
    font-family: 'Open Sans', sans-serif
}

.banner .content .title.red {
    color: #b32317
}

.banner .content .intro {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    margin-bottom: 25px;
    display: block;
    font-weight: 400;
    width: 100%
}

@media screen and (max-width:1010px) {
    #shopoffice-banner .content .intro {
        width: 58%
    }
}

@media screen and (max-width:961px) {
    .banner .content .intro {
        font-size: 16px;
        width: 75%
    }
    #shopoffice-banner.bannerWrap {
        background-position: left top
    }
}

.banner .content .intro .img-mobile {
    display: none
}

.expand {
    width: auto!important
}

@media screen and (max-width:1125px) {
    .banner .mobile .mobileIntro {
        width: 100%
    }
    .banner .content .intro .img-mobile {
        display: none
    }
}

.banner .content a.btn {
    margin-bottom: 20px
}

.banner .content.white .intro,
.banner .content.white .title {
    color: #FFF
}

.banner .content.red .title {
    color: #b32317
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .banner .content {
        top: 70px
    }
    .banner .content .title {
        font-size: 35px
    }
}

@media screen and (min-width:320px) and (max-width:959px) {
    .banner .content {
        top: 45px;
        width: auto;
        left: 5%
    }
    #worknest-content {
        top: 2px
    }
    #worknest-content a.btn.blue.buy-button {
        margin-top: -20px;
        position: absolute
    }
    .banner .content .intro,
    .banner .content .title,
    .banner .mobile .mobileIntro .img-mobile {
        display: none
    }
    .banner .content a.btn {
        margin-top: 0;
        display: block
    }
    #oomaconnect-banner #slideshow {
/*
        float: left!important;
        margin-top: 90px!important;
        margin-left: -130px
*/
    }
}

.banner .banner-note {
    position: absolute;
    bottom: 60px;
    left: 8.56698%;
    width: 300px;
    font-size: 14px;
    line-height: 1.5em
}

.banner .banner-note a {
    color: #FFF;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .banner .banner-note {
        display: none
    }
}

.banner .teloshop {
    background: url(img/bg-telo-shop.jpg) no-repeat;
    background-size: cover;
    /*padding-bottom: 30px*/
}

.banner .teloshop:after,
.banner .teloshop:before {
    content: " ";
    display: table
}

.banner .teloshop:after {
    clear: both
}

.banner .teloshop .title {
    width: 74.76636%;
    padding: 60px 10.28037% 20px;
    font-size: 38px
}

.banner .teloshop .title span {
    font-size: 26px;
    display: block;
    margin-bottom: 5px
}

.banner .teloshop .product {
    float: left;
    width: 50%
}

.banner .teloshop .product.first {
    text-align: right
}

.banner .teloshop .product img {
    width: 100%;
    max-width: 535px
}

#bb-telo {
    position: absolute;
    /*height: 47px;
    width: 173px;*/
    height: 30px;
    width: 127px;
    margin-left: 205px;
    margin-top: 110px;
    background: url(/wp-content/uploads/BestBuy_Logo.png) 2px 4px no-repeat #003B64;
    border: none;
    color: #fff!important;
    font-size: 11px;
    letter-spacing: .05em;
    background-size: 28%;
    text-align: left;
    text-indent: 36px;
    border-radius: 5px;
    /*border-radius: 10px;*/
    padding-top: 3px
}

.promoWrap.big,
.promoWrap.small {
    border: 1px solid #ccc;
    overflow: hidden
}

@media screen and (min-width:320px) and (max-width:570px) {
    #bb-telo {
        margin-top: 20.5%;
        margin-left: 38%;
        height: 25px;
        padding-top: 5px;
        font-size: 9px;
        width: 100px;
        text-indent: 27px
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    #bb-telo {
        margin-top: 20.5%;
        margin-left: 36.5%
    }
}

@media screen and (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2) {
    #bb-telo {
        margin-left: 36.7%
    }
}

@media screen and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2) {
    #bb-telo {
        margin-left: 34.5%
    }
}

@media screen and (min-width:571px) and (max-width:640px) {
    #bb-telo {
        margin-top: 18.5%;
        margin-left: 33.8%;
        height: 32px;
        padding-top: 5px;
        font-size: 11px;
        width: 127px;
    }
}

@media screen and (min-width:640px) and (max-width:1075px) {
    #bb-telo {
        margin-left: 18.7%;
        margin-top: 10.3%
    }
}

@media screen and (max-width:1075px) {
    .banner .teloshop .title {
        width: 100%;
        padding-bottom: 40px
    }
}

@media screen and (max-width:640px) {
    .banner .teloshop .product {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    .banner .teloshop .product.first {
        text-align: center
    }
}

.banner .mobile {
    display: none
}

@media screen and (min-width:320px) and (max-width:959px) {
    .banner .mobile {
        display: block;
/*        background: #1dafec;*/
        position: relative;
        clear: both;
        width: 100%;
        padding: 20px 40px;
        color: #FFF
    }
    .banner .mobile .mobileTitle {
        font-family: "Century Gothic W01", san-serif;
        font-weight: 400
    }
    .banner .mobile .mobileIntro {
        font-size: 20px;
        font-weight: 300;
        margin-top: 20px
    }
    .mobileIntro a{
        color: #fff !important;
    }
}

@media screen and (min-width:640px) and (max-width:959px) {
    .banner .mobile .mobileTitle {
        font-size: 28px;
/*        line-height: 1.2em*/
    }
    .banner .mobile .mobileIntro {
        font-size: 20px;
        line-height: 1.4em
    }
}

@media screen and (min-width:481px) and (max-width:639px) {
    .banner .mobile {
        padding: 20px 30px
    }
    .banner .mobile .mobileTitle {
        font-size: 28px;
/*        line-height: 1.1em*/
    }
    .banner .mobile .mobileIntro {
        font-size: 18px
    }
    .banner .mobile .mobileIntro .img-mobile {
        display: none
    }
}

@media screen and (max-width:480px) {
    .banner .mobile {
        padding: 30px
    }
    .banner .mobile .mobileTitle {
        font-size: 24px;
/*        line-height: 1.2em*/
    }
    .banner .mobile .mobileIntro {
        font-size: 16px;
        line-height: 1.6em
    }
    .banner .mobile .mobileIntro .img {
        display: none
    }
    #worknest-mobiletitle {
        height: 200px
    }
    #international-content .split-content {
        padding-bottom: 0
    }
    #international-content .split-image {
        display: block;
        width: 100%;
        height: 350px
    }
}

.banner .mobile.red {
    background: #b32317
}

.banner-split {
    width: 100%;
    margin-top: 0;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    background: #f3f5f4
}

.banner-split:after,
.banner-split:before {
    content: " ";
    display: table
}

.banner-split:after {
    clear: both
}

.banner-split .split-content {
    float: left;
    width: 59.11215%;
    padding: 60px 9.34579% 120px 8.95639%;
    height: 600px;
    position: relative
}

.banner-split .split-content .title {
    font-family: "Century Gothic W01", sans-serif;
    color: #1dafec;
    font-size: 38px;
    line-height: 1.2em;
    margin-bottom: 20px;
    font-weight: 100
}

.banner-split .split-content .title.red {
    color: #b00218
}

.banner-split .split-content .title strong {
    font-family: "Century Gothic W01 Bold", sans-serif;
    font-weight: 400
}

.banner-split .split-content .intro {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    margin-bottom: 25px;
    display: block;
    font-weight: 400;
    width: 100%
}

.banner-split .split-content a.btn {
    margin-bottom: 20px
}

.banner-split .split-content .product-shot {
    width: 430px;
    height: 290px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.banner-split .split-content .product-shot img {
    width: 100%;
    max-width: 100%
}

.banner-split .split-image {
    float: left;
    width: 40.88785%;
    height: 600px;
    background-size: auto 600px
}

.banner-split .split-image img {
    max-width: none
}

@media screen and (min-width:421px) and (max-width:1225px) {
    .banner-split .split-content {
        padding-bottom: 280px
    }
    .banner-split .split-content .title {
        font-size: 28px
    }
    .banner-split .split-content .intro {
        font-size: 16px
    }
    .banner-split .split-content a.btn {
        font-size: 14px;
        padding: 10px 15px
    }
    .banner-split .split-image {
        height: 600px;
        background-size: auto 600px
    }
}

@media screen and (min-width:320px) and (max-width:959px) {
    .banner-split .split-image {
        display: none
    }
}

@media screen and (min-width:421px) and (max-width:609px) {
    #setup-main.split-content .product-shot {
        margin-top: 160px
    }
    #setup-main.split-content {
        padding-bottom: 20px;
        width: 100%;
        height: 600px
    }
}

@media screen and (min-width:610px) and (max-width:958px) {
    .banner-split .split-content {
        width: 100%
    }
    #setup-main.split-content .product-shot {
        margin-top: -90px;
        position: relative;
        float: right
    }
    #setup-main.split-content {
        padding-bottom: 20px;
        height: auto
    }
}

@media screen and (min-width:320px) and (max-width:420px) {
    .banner-split .split-content {
        width: 100%
    }
    .banner-split .split-content .title {
        font-size: 28px
    }
    .banner-split .split-content .intro {
        font-size: 16px
    }
    .banner-split .split-content a.btn {
        font-size: 14px;
        padding: 10px 15px
    }
    #office-main,
    #premier-block,
    #promoter-main,
    #setup-main,
    #telo-block {
        padding-top: 30px
    }
    #careers-main,
    #contact-main,
    #faq-main {
        margin-top: -30px
    }
    #setup-main .intro {
        font-size: 14px;
        width: 260px;
        float: left;
        margin-top: 220px
    }
    #telo-block .intro {
        display: none
    }
    #premier-block .intro {
        font-size: 16px;
        width: 260px;
        float: left;
        margin-top: 270px
    }
    #office-main .intro {
        font-size: 14px;
        width: 260px;
        float: left;
        margin-top: 130px
    }
    #telo-block .product-shot {
        top: 210px
    }
    #office-main .product-shot,
    #premier-block .product-shot,
    #setup-main .product-shot {
        top: 160px
    }
    #setup-main .product-shot {
        top: 80px
    }
    #office-main,
    #premier-block,
    #setup-main {
        padding-bottom: 20px
    }
    #telo-block {
/*        padding-bottom: 280px*/
    }
}

@media screen and (min-width:641px) and (max-width:768px) {
    .banner-split .split-content {
        padding-bottom: 300px
    }
    .banner-split .split-content .product-shot {
        width: 430px;
        height: 290px
    }
}

@media screen and (min-width:481px) and (max-width:640px) {
    .banner-split .split-content {
        padding-bottom: 280px;
        height: auto
    }
    .banner-split .split-content .product-shot {
        width: 430px;
        height: 290px
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .banner-split .split-content {
        padding-bottom: 280px;
        height: auto
    }
    .banner-split .split-content .product-shot {
        width: 100%;
        height: 290px;
        top: 160px
    }
    #banner-promoter .product-shot {
        top: 290px
    }
}

.slick .banner {
    margin-top: 0
}

.promoContainer {
    width: 48.13084%;
    margin: 0 .93458%;
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width:700px) {
    .promoContainer {
        width: 100%
    }
}

.promoWrap {
    float: left;
    margin-bottom: 60px
}

@media screen and (max-width:480px) {
    .promoWrap.first {
        margin-top: 40px
    }
}

.promoWrap.small {
    width: 100%;
    height: 220px;
    background: right bottom #FFF;
    margin-bottom: 20px;
    position: relative;
    transition: .5s
}

.promoWrap.small .bgpromo {
    display: none
}

.promoWrap.small .promoContent {
    width: 50%;
    display: inline-block;
    height: 50%;
    padding: 25px 20px 10px 7.76699%;
    font-size: 21px;
    font-family: "Century Gothic W01", san-serif
}

.promoWrap.small .promoContent.blue {
    color: #005581
}

.promoWrap.small .promoContent.red {
    color: #b02218
}

.promoWrap.small .promoContent strong {
    font-family: "Century Gothic W01 Bold", san-serif;
    font-weight: 300
}

.promoWrap.small .promoContent a.btn {
    padding: 8px 10px;
    font-size: 12px;
    margin-top: 10px;
    white-space: nowrap
}

.promoWrap.small .audio-demo_wrap {
    position: absolute;
    right: 34px;
    bottom: 29px;
    width: 253px;
    height: 158px
}

.promoWrap.small .audio-demo_wrap .audio-demo_badge {
    width: 114px;
    height: 158px;
    position: absolute
}

.promoWrap.small .audio-demo_wrap .audio-demo_badge.audio-demo_competitor {
    top: 0;
    left: 0
}

.promoWrap.small .audio-demo_wrap .audio-demo_badge.audio-demo_ooma {
    top: 0;
    right: 0
}

@media screen and (min-width:701px) and (max-width:1175px) {
    .promoWrap.small {
        height: 350px;
        width: 99%;
        background-position: right bottom
    }
    .promoWrap.small .promoContent {
        width: 100%;
        clear: both
    }
    .promoWrap.small .audio-demo_wrap {
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0 auto
    }
}

@media screen and (min-width:480px) and (max-width:560px) {
    .cta .ctaImage {
        width: 40%!important
    }
}

@media screen and (min-width:561px) and (max-width:700px) {
    .promoWrap.small {
        width: 99%;
        background-position: right bottom
    }
    .promoWrap.small .promoContent {
        width: 45%;
        clear: both
    }
    #mobile-shift {
        margin-left: 250px
    }
    .cta .ctaImage {
        margin-right: 10%
    }
}

#mobile-shift {
    margin: 40px auto;
    width: 100%
}

@media screen and (min-width:701px) and (max-width:1175px) {
    #mobile-shift {
        width: 83%
    }
    .cta .ctaImage {
        margin-right: 14.5%
    }
}

@media screen and (min-width:1175px) {
    #mobile-shift {
        width: 1053px
    }
    .cta .ctaImage {
        margin-right: 8.73786%
    }
}

@media screen and (min-width:320px) and (max-width:560px) {
    #mobile-shift {
        margin-left: 5%
    }
    #mobile-shift.clark-howard {
/*        width: 95%*/
    }
    #webinar-promo.promoWrap.small {
        background-position: right 50%
    }
    .promoWrap.small {
        height: 350px;
        width: 99%;
        background-position: right bottom
    }
    .promoWrap.small .promoContent {
        width: 100%;
        clear: both
    }
    .promoWrap.small .audio-demo_wrap {
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0 auto
    }
}

@media screen and (max-width:480px) {
    .promoWrap.small .audio-demo_wrap {
        width: 235px
    }
}

.promoWrap.big {
/*    width: 100%;*/
/*    background: right bottom #FFF;*/
    position: relative;
    margin-bottom: 60px
}

.promoWrap.big .bgpromo {
    display: none
}

.bgpromo1 {
    background-color: #F0F2F1!important
}

#dl-brochure {
    background-image: url(/wp-content/uploads/office-brochure.jpg);
}


#buyers-guide {
    background-image: url('/wp-content/uploads/buyers-guide.jpg');
/*    height: 290px*/
}

.bgpromo2 {
    background: url(/wp-content/uploads/ooma-business-promo02.jpg) 100% 6% no-repeat!important
}

.bgpromo3 {
    background: url(/wp-content/uploads/ooma-business-promo_v3.jpg) #F0F2F1 top right no-repeat!important
}

#bgpromo5 {
    background: url(/wp-content/uploads/bgpromo6.jpg) #F0F2F1 100% 100% no-repeat!important;
/*    height: 290px*/
}

#bgpromo6 {
    background: url(/wp-content/uploads/bgpromo5.jpg) #F0F2F1 100% 100% no-repeat!important;
/*    height: 290px*/
}

#bgpromo7 {
    background-image: url(/wp-content/uploads/bgpromo7.jpg);
    background-repeat: no-repeat;
    background-position: center right;

   /* height: 295px*/
}

#bgpromo8 {
    background-image: url(/wp-content/uploads/bgpromo8.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    height: 295px
}
#telo-bestchoice {
    background: url(/wp-content/uploads/banner-telo-shot.png) 100% 100% no-repeat #f5f4f4!important;
    background-size: 60%!important
}
#ooma-vs {
    background: url(/wp-content/uploads/telo_compare_column.png) 95% 100% no-repeat #f5f4f4!important;
    background-size: 13%!important
}
#bgpromo5,
#bgpromo6{
    min-height: 268px;
}

#dl-brochure >div,
#buyers-guide > div{
    min-height: 220px;
}
#dl-brochure >div,
#buyers-guide > div{
    max-width: 270px;
}


#bgpromo7,
#bgpromo8{
   min-height: 310px;
   
}
#bgpromo7 > div,
#bgpromo8 > div{
    max-width: 320px;

}

#bgpromo5 > div,
#bgpromo6 > div{
    max-width: 300px;
}

#ooma-vs {
    background-color:  #f5f4f4;
}

@media screen and (max-width:560px) {
    #bgpromo5,
    #bgpromo6,
    #bgpromo7,
    #bgpromo8,
    #dl-brochure,
    #buyers-guide,
    .bgpromo1,
    .bgpromo2 {
        background: url(/wp-content/uploads/box-mobile-bkgnd.jpg) no-repeat!important;
        background-size: 100%!important
    }
}





.promoWrap.big .promoContent {
    width: 80%;
    display: inline-block;
/*    height: 50%;*/
    padding: 25px 20px 10px 7.76699%;
    font-size: 21px;
    font-family: "Century Gothic W01", san-serif
}

.cta .ctaDesc h3 strong,
.promoWrap.big .promoContent strong {
    font-family: "Century Gothic W01 Bold", san-serif;
    font-weight: 300
}

.promoWrap.big .promoContent.blue {
    color: #005581
}

.promoWrap.big .promoContent.red {
    color: #b00218
}

.promoWrap.big .promoContent a.btn {
    padding: 8px 10px;
    font-size: 12px;
    margin-top: 10px;
    white-space: nowrap
}

@media screen and (min-width:701px) and (max-width:1175px) {
    #promo7,
    #promo8 {
/*
        width: 515px;
        display: block;
        margin: 0 auto
*/
    }
/*
    .promoWrap.big {
        width: 99%
    }
*/
    #dl-brochure.bgpromo1 {
        background: url(/wp-content/uploads/office-brochure.jpg) 20% no-repeat!important
    }
    .promoWrap.big .promoContent {
/*        width: 100%;*/
        clear: both
    }
    .promoWrap.big .audio-demo_wrap {
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0 auto
    }
}

@media screen and (min-width:561px) and (max-width:700px) {
/*
    .promoWrap.big {
        width: 99%;
        background-position: right bottom
    }
*/
    .promoWrap.big .promoContent {
        width: 85%;
        clear: both
    }
}

@media screen and (min-width:320px) and (max-width:560px) {
    .promoWrap.big {
        height: auto;
/*        width: 99%;*/
        background-position: right bottom
    }
    .promoWrap.big .promoContent {
        width: 100%;
        clear: both
    }
    .promoWrap.big .audio-demo_wrap {
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0 auto
    }
    #dl-brochure.bgpromo1,
    .bgpromo1,
    .bgpromo2 {
        background-position: center!important;
        background-size: 150%
    }
    .bgpromo1 .promoContent p,
    .bgpromo2 .promoContent p {
/*        width: 170px*/
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .promoWrap.big {
        margin-bottom: 50px
    }
    img#open-video.alignnone.size-full.wp-image-64 {
        max-width: 120%;
        margin-left: -25px
    }
    img.alignnone.size-full.wp-image-65 {
        max-width: 118%;
        height: 200px;
        margin-left: -45px
    }
    #dl-brochure.promoWrap.big.bgpromo1 {
        background-size: 90%!important;
        background-position: 70px 70px;
        background-color: #f7f7f7
    }
}

.promoWrap.sidePromo {
    background: url(/wp-content/uploads/buyers_guide.jpg) 100% 100% no-repeat #fff
}

@media screen and (min-width:320px) and (max-width:640px) {
    .promoWrap.sidePromo {
        background-position: center 190px
    }
}

.promoWrap.sidePromo .sidePromoBg {
    display: block
}

.promoWrap.sidePromo .sidePromo_content {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 20px
}

.promoWrap.sidePromo .sidePromo_content .desc {
    padding-top: 10px
}

.promoWrap.sidePromo .sidePromo_content .desc h3.small {
    font-size: 17px;
    margin-top: 5px
}

.cta .ctaDesc a,
.cta .ctaDesc p {
    margin-top: 10px
}

.cta {
    width: 100%;
    float: left;
    margin-bottom: 60px;
    padding-bottom: 50px;
    padding-right: 30px
}

.cta .ctaImage {
    float: left;
    width: 27.18447%
}

.ctaImage img {
    max-width: none
}

.featuresList .featuredWrap .icon img,
.sectionDesc .sectionDesc_img .audio img {
    max-width: 100%
}

@media screen and (min-width:320px) and (max-width:480px) {
    .ctaImage img {
        max-width: 100%;
        position: relative;
        left: 25%
    }
    .cta .ctaImage {
        margin-right: 16px
    }
}

.cta .ctaDesc {
    padding-right: 1.94175%
}

.cta .ctaDesc.noImage {
    padding-left: 107px;
    width: 100%
}

@media screen and (max-width:640px) {
    .cta .ctaDesc.noImage {
        padding-left: 0
    }
}

.cta .ctaDesc h3 {
    text-transform: uppercase;
    margin-bottom: 0
}

.cta .ctaDesc a {
    font-size: 14px;
    padding: 10px 20px
}

.cta .ctaDesc input[type=text] {
    float: left;
    width: 100%;
    margin-right: 1.94175%;
    margin-bottom: 10px
}

@media screen and (min-width:641px) and (max-width:960px) {
    .cta .ctaImage {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    #lcsc>div>div:nth-child(2)>div>div.ctaImage {
        margin-bottom: 3px
    }
}

.cta .ctaDesc {
    display: block;
    float: none;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:480px) {
    .cta .ctaDesc,
    .cta .ctaImage {
        display: block;
        float: none;
        width: 100%
    }
    .cta .ctaImage {
        margin-bottom: 20px
    }
    .cta .ctaDesc {
        padding-right: 0
    }
}

.featuresList:after,
.featuresList:before {
    content: " ";
    display: table
}

.featuresList:after {
    clear: both
}

.featuresList h2 {
    margin-bottom: 40px
}

@media screen and (min-width:768px) and (max-width:940px) {
    .featuresList h2.small {
        font-size: 18px
    }
}

.featuresList .featuredWrap {
    display: inline-block;
    vertical-align: top;
    width: 48.13084%;
    margin: 0 .93458% 30px
}

.featuresList .featuredWrap .icon {
/*    width: 13.59223%;*/
    float: left;
    margin-right: 2.91262%
}

@media screen and (min-width:320px) and (max-width:480px) {
    .featuresList .featuredWrap .icon img {
/*
        width: 40px;
        height: 40px;
        margin-left: 0
*/
    }
}

.featuresList .featuredWrap .desc {
    float: left;
/*    width: 83.30097%;*/
/*    padding-right: 3.8835%*/
}

.featuresList .featuredWrap .desc h3 {
    margin-bottom: 10px
}

.featuresList .featuredWrap .desc h4 {
    font-weight: 700;
    color: #333
}

.featuresList .featuredWrap .desc p {
    font-size: 16px;
    margin-top: 0;
    color: #333
}

@media screen and (min-width:861px) {
    .featuresList .featuredWrap.full .icon {
        width: 6.54206%;
        margin-right: 1.40187%;
        margin-left: 2px
    }
}

.featuresList .cleaner {
    display: none
}

@media screen and (max-width:860px) {
    .featuresList .featuredWrap {
        width: 100%!important
    }
}

.featuresList .featuredWrap.noIcon {
    padding-left: 6.79612%;
    margin-bottom: 30px;
    float: left
}

.featuresList .featuredWrap.noIcon .desc h4 {
    font-weight: 700;
    color: #333;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0
}

.featuresList .featuredWrap.full {
    width: 100%;
    margin: 0 0 30px
}

.featuresList .featuredWrap.full .icon {
    width: 6.54206%;
    margin-right: 1.40187%;
    margin-left: 10px
}

.featuresList .featuredWrap.full .desc {
    width: 88.78505%
}

@media screen and (max-width:860px) {
    .featuresList .featuredWrap.full {
        width: 100%!important
    }
    .featuresList .featuredWrap.full .icon {
        width: 13.59223%;
        margin-right: 0
    }
    .featuresList .featuredWrap.full .icon img {
        max-width: 100%
    }
    .featuresList .featuredWrap.full .desc {
        float: left;
        width: 83.30097%;
        padding-right: 3.8835%
    }
}

.featuresList ul.featuresListItems {
    margin-top: -20px;
    margin-bottom: 40px
}

.featuresList ul.featuresListItems li {
    margin-bottom: 10px
}

#officemobile h3 {
    padding-bottom: 15px
}

#officemobile ul.featuresListItems {
    list-style-type: none;
    padding-left: 0
}

#officemobile ul.featuresListItems li {
    padding: 12px 0 12px 40px
}

#officemobile ul.featuresListItems li:nth-child(2n+1) {
    background: #f6f5f5
}

@media screen and (min-width:768px) and (max-width:940px) {
    .featuresList ul.featuresListItems li {
        font-size: 14px
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .featuresList ul.featuresListItems {
        margin-bottom: 0
    }
    #office-features #open-video-mobile {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:481px) and (max-width:959px) {
    .featuresList ul.featuresListItems {
        margin-bottom: 0
    }
    #office-features #open-video2 {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.compare_Content {
    font-size: 16px;
    padding-top: 0;
    display: none
}

a.btn.compare.hide {
    background: #005581
}

table.compare_TableDetails {
    width: 100%;
    margin: 30px 0 0;
    padding: 0;
    color: #717075;
    font-family: "Century Gothic W01", san-serif
}

table.compare_TableDetails tr.header {
    background: #FFF
}

table.compare_TableDetails tr.header td {
    font-size: 24px
}

table.compare_TableDetails tr.odd {
/*    background: #eeeded*/
}

table.compare_TableDetails td {
    padding: 10px 20px;
    font-size: 16px
}

@media screen and (min-width:320px) and (max-width:480px) {
    table.compare_TableDetails {
        margin: 30px 0 0 -10px
    }
    table.compare_TableDetails td {
        padding: 10px 12px
    }
}

table.compare_TableDetails td.first {
    text-align: left
}

table.compare_TableDetails td.basic {
    color: #1daeec;
    text-align: center
}

table.compare_TableDetails td.premier {
    color: #005581;
    text-align: center
}


table.compare_TableDetails td.premier {
    color: #005581;
    text-align: center
}

@media screen and (max-width:640px) {
    table.compare_TableDetails tr.header {
        background: #FFF
    }
    table.compare_TableDetails tr.header td {
        font-size: 18px
    }
    table.compare_TableDetails td {
        font-size: 14px
    }
}

.grayBox {
    background: #f8f8f8;
    margin: 0 .93458%;
    padding: 20px;
    font-size: 0;
    display: block;
    position: relative
}

.grayBox:after,
.grayBox:before {
    content: " ";
    display: table
}

.grayBox .colOne,
.grayBox .colTwo {
    vertical-align: top;
    display: inline-block;
    font-size: 16px
}

.grayBox:after {
    clear: both
}

.grayBox .colOne {
    width: 34.28571%;
    margin-right: 3.80952%
}

.grayBox .colTwo {
    width: 61.90476%;
    min-height: 325px;
    padding-right: 345px;
    position: relative
}

.grayBox .colTwo input[type=text] {
    display: block;
    margin-bottom: 10px
}

.grayBox .colTwo label.checkbox {
    font-size: 11px;
    color: #999;
    font-style: italic;
    width: 100%
}

.grayBox .colTwo .note {
    margin: 10px 0 15px;
    font-size: 12px;
    color: #999;
    display: block
}

.grayBox .promoWrap {
    width: 280px;
    min-height: 320px;
    border: 1px solid #dfdede;
    overflow: hidden;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0
}

.grayBox .promoWrap .imgBg {
    display: none
}

.grayBox .promoWrap .content {
    position: absolute;
    display: block;
    z-index: 5;
    margin: 20px 20px 100px
}

@media screen and (min-width:320px) and (max-width:640px) {
    .grayBox .promoWrap .content {
        margin: -10px 20px 100px
    }
    .grayBox .promoWrap .content .desc {
        padding-top: 10px!important
    }
    .grayBox .promoWrap .content .desc h3,
    .grayBox .promoWrap .content .desc p {
        padding: 0 5px!important
    }
    .grayBox h3 {
        font-size: 21px!important
    }
    small.small-print {
        font-size: 9px;
        line-height: 1.4em;
        display: block;
        margin-top: 10px
    }
    img.alignnone.size-full.wp-image-75,
    img.alignnone.size-full.wp-image-76,
    img.alignnone.size-full.wp-image-77 {
        width: auto
    }
}

.grayBox .promoWrap .content .desc {
    padding-top: 30px
}

.grayBox .promoWrap .content .desc h3 {
    line-height: 1.3em;
    padding: 0 20px
}

.grayBox .promoWrap .content .desc p {
    font-size: 16px;
    padding: 0 15px
}

.grayBox h3 {
    font-size: 26px;
    color: #b32317
}

.grayBox p {
    font-size: 16px
}

@media screen and (min-width:959px) and (max-width:1050px) {
    .grayBox .colOne {
        width: 100%
    }
    .grayBox .colTwo {
        width: 100%;
        padding-right: 360px;
        margin-top: 20px
    }
    .grayBox .colTwo .promoWrap {
        right: 20px
    }
}

@media screen and (min-width:601px) and (max-width:959px) {
    .grayBox .colOne {
        width: 100%
    }
    .grayBox .colTwo {
        width: 100%;
        padding-right: 320px;
        margin-top: 20px
    }
    .grayBox .colTwo .promoWrap {
        right: 10px
    }
}

@media screen and (max-width:600px) {
    .grayBox .colOne {
        width: 100%
    }
    .grayBox .colTwo {
        width: 100%;
        padding-right: 0;
        margin-top: 20px
    }
    .grayBox .colTwo .promoWrap {
        position: relative;
        margin-top: 40px;
        width: 100%
    }
}

.badge {
    position: absolute;
    top: 10px;
    right: 40px;
    background: url(img/bg-badge.png) no-repeat;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    width: 126px;
    height: 269px
}

.badge .desc {
    width: 100%;
    height: 150px;
    padding: 10px 20px;
    font-size: 14px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.badge .thumb {
    width: 100%;
    height: 120px
}

.badge.wide {
    width: 172px;
    height: auto;
    right: 0;
    background: url(img/bg-badge-wide.png) no-repeat
}

.badge.wide .desc {
    height: 110px;
    padding: 20px 15px
}

.badge.wide .thumb {
    height: 156px;
    text-align: center
}

.product-intro {
    width: 100%;
    font-size: 16px;
    display: table
}

.product-intro .product-intro_desc {
    display: table-cell;
    vertical-align: top;
    font-size: 16px
}

.product-intro .product-intro_desc strong {
    font-weight: 400;
    font-family: "Century Gothic W01 Bold", san-serif
}

.product-intro .product-intro_desc .note {
    font-size: 12px;
    margin-bottom: 20px
}

.product-intro .product-intro_product {
    display: table-cell;
    vertical-align: top;
    width: 515px
}

.product-intro .product-intro_product.span-6 {
    width: 640px;
    padding-left: 30px
}

@media screen and (min-width:901px) and (max-width:1175px) {
    .product-intro .product-intro_product.span-6 {
        width: 50%
    }
}

@media screen and (min-width:901px) and (max-width:1100px) {
    .product-intro .product-intro_product {
        width: 50%
    }
}

@media screen and (max-width:900px) {
    .product-intro .product-intro_product.span-6 {
        width: 100%;
        padding-left: 0
    }
    .product-intro .product-intro_desc,
    .product-intro .product-intro_product {
        width: 100%;
        display: block
    }
    .product-intro .product-intro_product {
        margin-top: 40px
    }
    .product-intro .product-intro_product img {
        max-width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .product-intro {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .product-intro .product-intro_product img {
        width: 100%;
        max-width: 100%
    }
}

.product-description,
.product-description2 {
    margin-top: 50px;
    background: #fff;
    padding: 50px 20px;
    border-radius: 12px
}

.product-description {
    width: 100%
}

.product-description2 {
    width: auto
}

.product-description:after,
.product-description:before {
    content: " ";
    display: table
}

.product-description:after {
    clear: both
}

.product-description .product-description_product {
    float: left;
    width: 58.13084%
}

.product-description .product-description_legend {
    float: left;
    width: 40%;
    background: #f5f4f4;
    font-size: 16px;
    padding: 40px 30px;
    transition: .5s
}

.product-description .product-description_legend .desc {
    display: block;
    margin-bottom: 25px
}

.product-description .product-description_legend span {
    display: table-cell;
    font-weight: 800
}

.product-description .product-description_legend span.one {
    color: #01bcf3
}

.product-description .product-description_legend span.two {
    color: #8ec637
}

.product-description .product-description_legend span.three {
    color: #fc2217
}

.product-description .product-description_legend span.four {
    color: #005581
}

.product-description .product-description_legend span.five {
    color: #fe7805
}

.product-description .product-description_legend span.six {
    color: #a445cc
}

.product-description .product-description_legend span.seven {
    color: #fa538f
}

.product-description .product-description_legend span.details {
    padding-left: 10px;
    font-weight: 400
}

@media screen and (max-width:880px) {
    .product-description .product-description_product {
        width: 100%;
        text-align: center
    }
    .product-description .product-description_legend {
        width: 100%;
        margin-top: 20px
    }
}

.product-list {
    width: 100%;
    font-size: 0;
    margin-top: 40px;
    overflow: auto;
    transition: .5s
}

.product-list:after,
.product-list:before {
    content: " ";
    display: table
}

.product-list:after {
    clear: both
}

.product-list .product-list_item {
    font-size: 16px;
    float: left;
    width: 150px;
    margin: 0 .77882%;
    text-align: center;
    height: 220px
}

#office-acc #products {
    overflow-x: auto;
}

#office-acc .product-list {
    /*width: 820px;*/
    /*height: 277px*/
}

#office-acc .product-list .product-list_item {
    display: block
}

#office-acc .product-list .product-list_item .img-adjust {
    padding: 12% 0
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    #office-acc #products {
        overflow-y: hidden
    }
    #office-acc .img-adjust:first-child {
        padding: 43% 0;
        width: 150px
    }
    #office-acc .img-adjust:nth-child(n+2):nth-child(-n+4) {
        padding: 12% 0
    }
}

@media screen and (-moz-images-in-menus:0) {
    #office-acc #products {
        overflow-y: hidden
    }
    #office-acc .img-adjust:first-child {
        padding: 43% 0;
        width: 150px
    }
    #office-acc .img-adjust:nth-child(n+2):nth-child(-n+4) {
        padding: 12% 0
    }
}

.product-list .product-list_item:after,
.product-list .product-list_item:before {
    content: " ";
    display: table
}

.product-list .product-list_item:after {
    clear: both
}

.product-list .product-list_item img {
    display: block;
    margin: 0 auto
}

.product-list .product-list_item a {
    color: #005581;
    padding-bottom: 20px;
    display: inline-block
}

.product-list .product-list_item a.red,
.product-list.asNav.red a {
    color: #b02217
}

@media screen and (min-width:961px) {
    .product-list .product-list_item.first {
        margin-left: 0
    }
    .product-list .product-list_item.last {
        margin-right: 0
    }
}

@media screen and (min-width:801px) and (max-width:960px) {
    .product-list .product-list_item {
        font-size: 14px
    }
    .product-list .product-list_item.first {
        margin-left: 0
    }
    .product-list .product-list_item.last {
        margin-right: 0
    }
}

@media screen and (min-width:641px) and (max-width:800px) {
    .product-list .product-list_item {
        width: 31.7%;
        margin-bottom: 40px
    }
}

@media screen and (max-width:640px) {
    .product-list .product-list_item {
        width: 48%;
        margin-bottom: 40px;
        padding: 0 20px
    }
}

.product-list.asNav {
    border-bottom: 4px solid #f5f4f4
}

.product-list.asNav .product-list_item {
    border-bottom: 5px solid #FFF
}

.product-list.asNav .product-list_item.is-active {
    border-bottom: 5px solid #1dafec
}
#office-acc .product-list.asNav .is-active a{
    color: #b32317 !important;
}
.product-list.asNav.red .product-list_item {
    border-bottom: 5px solid #FFF
}

#office-acc .product-list_item.is-active {
    border-bottom: 4px solid #b32317
}

.mobileListItems {
    display: none
}

@media screen and (max-width:800px) {
    .product-list.asNav {
        display: none
    }
    .mobileListItems {
        display: block
    }
}

.sectionDesc {
    width: 100%;
    margin: 0 auto;
    display: table;
    font-size: 16px;
    position: relative
}

.sectionDesc .sectionDesc_img {
    width: 320px;
    display: table-cell;
    padding-top: 10px
}

.sectionDesc .sectionDesc_img .audio {
    width: 132px;
/*    float: left;*/
    margin-right: 20px;
    vertical-align: top
}

.sectionDesc .sectionDesc_img .audio:last-of-type {
    margin-right: 0
}

.sectionDesc .sectionDesc_desc {
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
    transition: .5s
}

#telo-app .sectionDesc .sectionDesc_desc {
    padding-right: 100px
}

#telo-app ul li {
    margin-bottom: 12px
}

@media screen and (max-width:900px) {
    .sectionDesc .sectionDesc_desc,
    .sectionDesc .sectionDesc_img {
        display: block;
        clear: both;
        width: 100%
    }
    .sectionDesc .sectionDesc_desc:after,
    .sectionDesc .sectionDesc_desc:before,
    .sectionDesc .sectionDesc_img:after,
    .sectionDesc .sectionDesc_img:before {
        content: " ";
        display: table
    }
    .sectionDesc .sectionDesc_desc:after,
    .sectionDesc .sectionDesc_img:after {
        clear: both
    }
    .sectionDesc .sectionDesc_img {
        margin-bottom: 40px;
        margin-top: 40px
    }
    .sectionDesc .sectionDesc_img .audio {
        width: 132px
    }
    .sectionDesc .sectionDesc_img .audio img {
        max-width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:400px) {
    .sectionDesc .sectionDesc_img .audio img,
    .sectionDesc .sectionDesc_img img {
        max-width: 100%
    }
    .sectionDesc .sectionDesc_img .audio {
        width: 45%
    }
    #telo-app .sectionDesc .sectionDesc_desc {
        padding-right: 0
    }
    #telo-app ul li {
        margin-bottom: 0
    }
}

section#features-copy {
    padding-bottom: 0
}

section#business-features {
    padding-top: 0
}

#chartTables {
    display: none
}

#chart h2.red {
    margin-bottom: 70px;
    display: inline-block;
    margin-right: 40px
}

.chart div {
    padding: 8px 15px
}

.odd {
    background: #eeeded
}

#office-features .lrgIconblock {
    margin-bottom: 25px
}

.lrgIconblock {
    width: 100%;
    display: inline-block;
    text-align: center
}

.lrgIconblock:after,
.lrgIconblock:before {
    content: " ";
    display: table
}

.lrgIconblock:after {
    clear: both
}

#basic .lrgIconblock .item,
#business-features .lrgIconblock .item,
#nest .lrgIconblock .item,
#premier .lrgIconblock .item,
.lrgIconblock .item {
    vertical-align: top;
    width: 33%;
    display: inline-block;
    text-align: left;
    padding: 0 20px;
    transition: .5s;
    margin-bottom: 30px
}

#basic .lrgIconblock .item,
#business-features .lrgIconblock .item,
#nest .lrgIconblock .item,
#premier .lrgIconblock .item {
    width: 24%
}

.lrgIconblock .item .image {
    margin-bottom: 20px;
    text-align: center
}

.lrgIconblock .item h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif
}

.lrgIconblock .item h3.blue {
    color: #005581;
    font-weight: 300;
    min-height: 45px
}

.lrgIconblock .item p.copy {
    min-height: 200px
}

@media screen and (min-width:641px) and (max-width:960px) {
    .lrgIconblock {
        padding-top: 40px
    }
    .lrgIconblock .item {
        width: 50%;
        margin-bottom: 30px
    }
}

@media screen and (max-width:640px) {
    .lrgIconblock {
        padding-top: 40px
    }
    .lrgIconblock .item {
        width: 100%!important;
        margin-bottom: 30px
    }
}

.centerFlex {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0;
    margin-bottom: 40px
}

.centerFlex.noMarginBottom {
    margin-bottom: 0!important
}

.centerFlex .item {
    vertical-align: top;
    font-size: 16px;
    display: inline-block
}

.centerFlex .item h3 {
    color: #005581;
    font-size: 26px
}

.centerFlex .item h3.red,
.centerFlex .item.steps h3.red,
.centerFlex .item.steps p.red {
    color: #b02217
}

.centerFlex .item.two {
    width: 49.06542%;
    text-align: left;
    padding-right: 50px
}

@media screen and (max-width:959px) {
    .centerFlex .item.two {
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0
    }
}

.centerFlex .item.three {
    width: 28.50467%
}

@media screen and (min-width:641px) and (max-width:959px) {
    .centerFlex .item.three {
        width: 33.33%
    }
}

@media screen and (max-width:640px) {
    .centerFlex .item.three {
        width: 100%;
        margin-bottom: 40px
    }
}

.centerFlex .item.four {
    width: 24.39252%
}

@media screen and (min-width:641px) and (max-width:1300px) {
    .centerFlex .item.four {
        width: 50%;
        margin-bottom: 30px
    }
}

@media screen and (max-width:640px) {
    .centerFlex .item.four {
        width: 100%;
        margin-bottom: 40px
    }
}

.centerFlex .item.steps {
    text-align: center;
    padding: 0 30px
}

.centerFlex .item.steps h3 {
    color: #2eb5ec;
    margin-bottom: 0;
    font-family: "Century Gothic W01 Bold", san-serif;
    font-size: 30px
}

.leftNav,
.videoWrap .videoItem .videoItem_title {
    font-family: "Century Gothic W01", san-serif
}

.centerFlex .item.steps .stepImage {
    width: 100%;
    height: 255px
}

#base_steps .alt_steps,
#base_steps .centerFlex .item.steps:nth-child(3) .stepImage img {
    width: 110%;
    max-width: none
}

#base_steps .centerFlex .item.steps .stepImage {
    height: 255px
}

#base_steps .stepImage .altHeight {
    height: 285px
}

#base_steps .alt_steps {
    position: relative;
    top: 65%;
    transform: translateY(-50%)
}

.secondaryPage .awards .awards_item img,
ul.retailersList li img {
    max-width: 100%
}

#base_steps .alt_steps2 {
    width: auto!important
}

#base_steps .centerFlex .item.three {
    width: 33%
}

@media screen and (max-width:800px) {
    #base_steps .centerFlex .item.three {
        width: 100%;
        margin-bottom: 40px
    }
    #base_steps .alt_steps {
        position: inherit;
        top: 0;
        transform: initial;
        width: auto;
        max-width: 100%
    }
    #base_steps .centerFlex .item.steps .stepImage {
        margin-bottom: 4%;
        height: auto
    }
}

#base_steps>div>div>div>div>div:nth-child(3) {
    padding: 0
}

.centerFlex.red .item h3 {
    color: #b32317
}

.videoWrap {
    width: auto;
    height: auto;
    margin-right: 0;
    overflow: hidden
}

.videoWrap .videoItem {
    float: left;
    width: 31.79612%;
    background: #005581;
    margin: 0 0 15px 1.49533%;
    position: relative
}

.videoWrap .videoItem .videoItem_thumb {
    width: 100%;
    border-bottom: 1px solid #FFF;
    position: relative
}

.videoWrap .videoItem .videoItem_thumb span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/icon-play-btn.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.videoWrap .videoItem .videoItem_thumb img {
    width: 100%
}

.videoWrap .videoItem .videoItem_thumb .icon {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 45%;
    width: 27px;
    height: 27px
}

.videoWrap .videoItem .videoItem_thumb .icon.film {
    background: url(img/icon-film.png) center center no-repeat
}

.videoWrap .videoItem .videoItem_thumb .icon.audio {
    background: url(img/icon-audio.png) center center no-repeat
}

.videoWrap .videoItem .videoItem_title {
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff
}

@media screen and (max-width:640px) {
    .videoWrap .videoItem {
        width: 100%;
        margin-left: 0
    }
}

.videoWrap.resources {
    margin-top: 40px
}

.videoWrap.resources .videoItem {
    background: #b32317
}

.videoWrap.resources .videoItem_thumb .icon.film {
    background: url(img/icon-film-red.png) center center no-repeat
}

.videoWrap.resources .videoItem_thumb .icon.audio {
    background: url(img/icon-audio.png) center center no-repeat
}

.videoWrap.resources .videoItem_title {
    font-size: 16px
}

.videoWrap.resources .videoItem_title span {
    display: block;
    color: #fccbc8;
    font-size: 12px;
    text-transform: uppercase
}

.leftNav {
    display: table-cell;
    vertical-align: top;
    width: 194px;
    border-top: 8px solid #f5f4f4;
    border-right: 1px solid #f5f4f4;
    padding: 20px 15px;
    font-weight: 400
}

.leftNav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.leftNav ul li {
    color: red;
    font-size: 14px;
    margin-bottom: 10px
}

.leftNav ul li a {
    color: #333;
    text-decoration: none
}

.contentMain a,
.contentMain h3,
.leftNav ul li a.is-active,
.leftNav ul li a:hover {
    color: #005581
}

.leftNav .selectWrap {
    display: none
}

.leftNav .title {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px
}

.contentMain {
    display: table-cell;
    vertical-align: top;
    padding-left: 35px;
    font-size: 14px;
    padding-bottom: 50px
}

.contentMain h2 {
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 20px
}

.contentMain h2:first-of-type {
    margin-top: 0
}

.contentMain h3 {
    font-szie: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 3px
}

.contentMain p:first-child {
    min-height: 140px
}

.contentMain hr,
.secondaryPage .entry hr {
    height: 1px;
    background: url(img/bg-hr.gif) repeat-x
}

.contentMain p {
    font-size: 14px;
    line-height: 1.8em;
    margin: 0 0 25px
}

.contentMain hr {
    display: block;
    width: auto;
    margin: 30px 0!important;
    border: 0
}

@media screen and (max-width:959px) {
    .contentMain,
    .leftNav {
        width: 100%;
        padding-left: 0
    }
    .leftNav {
        display: block;
        border: 0;
        padding-right: 0;
        padding-bottom: 40px
    }
    .leftNav ul {
        display: none
    }
    .contentMain,
    .leftNav .selectWrap {
        display: block;
        text-align: center;
    }
}

.secondaryPage {
    width: 100%;
    border-top: 5px solid #015581
}

.secondaryPage:after,
.secondaryPage:before {
    content: " ";
    display: table
}

.secondaryPage:after {
    clear: both
}

.secondaryPage section {
    padding-top: 40px;
    margin-bottom: 50px
}

.secondaryPage .entry {
    margin-left: 5%;
    width: 100%
}

@media screen and (min-width:320px) and (max-width:480px) {
    .secondaryPage .entry {
        margin-left: 0
    }
}

.secondaryPage .main {
    display: table;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.secondaryPage .col.center10,
.secondaryPage .main {
    overflow: visible
}

@media screen and (max-width:640px) {
    .secondaryPage .main {
        display: block
    }
}

.secondaryPage .leftNav {
    display: table-cell;
    vertical-align: top;
    width: 194px;
    border-top: 8px solid #f5f4f4;
    border-right: 1px solid #f5f4f4;
    padding: 20px 15px;
    font-family: "Century Gothic W01", san-serif;
    font-weight: 400
}

.secondaryPage .contentMain h3,
.secondaryPage .press h3,
.secondaryPage .press ul.display-posts-listing,
.secondaryPage .pressRelease h2 {
    font-family: 'Open Sans', sans-serif
}

.secondaryPage .leftNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 194px
}

.secondaryPage .leftNav ul li {
    color: #005581;
    font-size: 14px;
    margin-bottom: 10px
}

.secondaryPage .leftNav ul li a {
    color: #333;
    text-decoration: none
}

.secondaryPage .contentMain a,
.secondaryPage .leftNav ul li a.is-active,
.secondaryPage .leftNav ul li a:hover {
    color: #005581
}

.secondaryPage .leftNav .selectWrap {
    display: none
}

.secondaryPage .contentMain {
    display: table-cell;
    vertical-align: top;
    padding-left: 35px;
    font-size: 14px;
    padding-bottom: 50px
}

.secondaryPage .contentMain h2 {
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 20px
}

.secondaryPage .contentMain h2:first-of-type {
    margin-top: 0
}

.secondaryPage .contentMain h3 {
    font-szie: 20px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #005581
}

.secondaryPage .contentMain p {
    font-size: 14px;
    line-height: 1.8em;
    margin: 0 0 25px
}

.secondaryPage .entry hr {
    display: block;
    width: auto;
    margin: 30px 0!important;
    border: 0
}

.secondaryPage .press h3 {
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f4f4f4
}

.secondaryPage .press ul.display-posts-listing,
.secondaryPage .press ul.pressList {
    margin: -20px 0 40px;
    padding: 0;
    list-style: none
}

.secondaryPage .press ul.display-posts-listing li,
.secondaryPage .press ul.pressList li {
    padding: 25px 0;
    border-top: 1px solid #f4f4f4
}

.secondaryPage .press ul.display-posts-listing li:first-child,
.secondaryPage .press ul.pressList li:first-child {
    border-top: 0
}

.secondaryPage .press ul.display-posts-listing li .date,
.secondaryPage .press ul.pressList li .date {
    text-transform: uppercase;
    color: #333;
    font-size: 14px
}

.secondaryPage .press ul.display-posts-listing li .date {
    display: block
}

.secondaryPage .press ul.display-posts-listing li a,
.secondaryPage .press ul.pressList li a {
    font-size: 16px;
    color: #005581
}

.secondaryPage .pressRelease h2 {
    font-weight: 400
}

.secondaryPage .pressRelease h3 {
    color: #333;
    margin-bottom: 20px
}

.secondaryPage .pressRelease h5 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0
}

.secondaryPage .pressRelease p {
    font-size: 16px
}

.secondaryPage .pressRelease a {
    color: #2cb3f5
}

.secondaryPage .teamMember {
    width: 100%;
    margin-bottom: 50px;
    font-size: 16px
}

.secondaryPage .teamMember .member {
    width: 100%;
    height: 170px;
    background: url(/wp-content/uploads/bg-teamMember.png) repeat-x;
    display: table;
    margin-bottom: 20px
}

.secondaryPage .teamMember .member .team_photo {
    display: table-cell;
    width: 170px;
    height: 170px
}

.secondaryPage .teamMember .member .team_name {
    display: table-cell;
    vertical-align: middle
}

.secondaryPage .teamMember .member .team_name .team_name {
    font-size: 28px;
    font-family: "Century Gothic W01", san-serif;
    display: block;
    margin-bottom: 5px
}

.secondaryPage .teamMember .member .team_name .team_position {
    font-size: 14px;
    display: block;
    font-family: "Century Gothic W01", san-serif;
    text-transform: uppercase
}

@media screen and (min-width:320px) and (max-width:480px) {
    .secondaryPage .teamMember .member .team_name .team_name {
        font-size: 20px
    }
    .secondaryPage .teamMember .member .team_name .team_position {
        font-size: 12px
    }
}

.secondaryPage .contactInfo {
    display: inline-block;
    width: 250px;
    margin-right: 7.14286%;
    vertical-align: top;
    margin-bottom: 40px
}

.secondaryPage .contactInfo.last {
    margin-right: 0
}

.secondaryPage .contactInfo h2 {
    font-size: 20px;
    font-family: "Century Gothic W01", san-serif;
    text-transform: uppercase;
    margin-bottom: 15px
}

.secondaryPage .contactInfo h2 span {
    font-family: "Century Gothic W01 Bold", san-serif
}

.secondaryPage .contactInfo p {
    font-size: 16px
}

.secondaryPage .contactInfo p.note {
    font-size: 12px;
    margin-top: -10px
}

.secondaryPage .contactInfo .helpBox {
    background: #f5f4f4;
    padding: 15px 15px 25px
}

.secondaryPage .contactInfo .helpBox p {
    margin-bottom: 10px
}

@media screen and (max-width:670px) {
    .secondaryPage .contactInfo {
        width: 100%
    }
}

.secondaryPage .smallBanner {
    background-image: url(/wp-content/uploads/ooma-logo-watermark.png), url(/wp-content/uploads/ooma-office.png);
    background-position: -80px 50px, center right;
    background-color:  #f7f7f7;
    background-repeat:  no-repeat;
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: table;
    margin-bottom: 20px
}

.secondaryPage .smallBanner .smBannerContent {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #005581;
    font-family: "Century Gothic W01", san-serif;
    padding: 45px 40px;
    width: 500px
}

@media screen and (min-width:320px) and (max-width:480px) {
    .secondaryPage .smallBanner .smBannerContent {
        width: 100%!important;
        font-size: 27px
    }
    .secondaryPage .smallBanner {
        height: auto!important
    }
}

.secondaryPage .smallBanner .smBannerImage {
    display: none
}

@media screen and (max-width:800px) {
    .secondaryPage .smallBanner {
        display: block;
        background-color: #f7f7f7;
        background-image: none
    }
}

.secondaryPage .jobs {
    width: 100%;
    margin-top: 70px
}

.secondaryPage .jobs:after,
.secondaryPage .jobs:before {
    content: " ";
    display: table
}

.secondaryPage .jobs:after {
    clear: both
}

.secondaryPage .jobs .jobsList {
    float: left;
    width: 100%
}

.secondaryPage .jobs .jobsList ul {
    padding: 0;
    list-style: none;
    display: inline-table;
    margin: 15px 10px;
    width: 300px
}

@media screen and (max-width:350px) {
    .secondaryPage .jobs .jobsList ul {
        width: 290px!important
    }
}

.secondaryPage .jobs .jobsList ul li {
    clear: both
}

.secondaryPage .jobs .jobsList h2.display-posts-title,
.secondaryPage .jobs .jobsList ul li.title {
    font-family: "Century Gothic W01", san-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #015581;
    margin-bottom: 20px
}

.secondaryPage .jobs .jobsList ul li a {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    margin-left: 25px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #015581
}

#blue-savings .savings label,
.calc-results .results-title,
.savings label,
.startingService table th,
table.ratesTable th {
    font-family: "Century Gothic W01", san-serif
}

@media screen and (max-width:640px) {
    .secondaryPage .jobs .jobsList {
        width: 100%;
        display: block;
        margin-left: 0
    }
}

.secondaryPage ul.terms {
    margin: 10px 0 0;
    padding: 0;
    list-style: none
}

.secondaryPage ul.terms li {
    padding-left: 20px;
    line-height: 1.8em;
    font-size: 16px;
    margin-bottom: 20px
}

.secondaryPage .awards {
    width: 100%
}

.secondaryPage .awards:after,
.secondaryPage .awards:before {
    content: " ";
    display: table
}

.secondaryPage .awards:after {
    clear: both
}

.secondaryPage .awards .awards_row {
    width: 100%;
    display: table;
    margin-bottom: 40px
}

.secondaryPage .awards .awards_item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px
}

@media screen and (min-width:960px) and (max-width:1100px) {
    .secondaryPage .awards .awards_row {
        width: 100%;
        margin-bottom: 0
    }
    .secondaryPage .awards .awards_item {
        display: inline-block;
        width: 50%;
        margin-bottom: 40px
    }
}

@media screen and (max-width:959px) {
    .secondaryPage .awards .awards_row {
        width: 100%;
        margin-bottom: 0
    }
    .secondaryPage .awards .awards_item {
        display: inline-block;
        width: 50%;
        margin-bottom: 40px
    }
}

.secondaryPage .media-assets {
    width: 100%;
    display: block;
    font-size: 0
}

@media screen and (min-width:320px) and (max-width:959px) {
    .secondaryPage .media-assets {
        width: 90%
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .secondaryPage .awards .awards_item {
        padding: 0 8px!important
    }
    .secondaryPage .media-assets {
        padding-top: 30px;
        width: 740px
    }
    .secondaryPage .media-assets .media-assets_item {
        margin-bottom: 0!important
    }
}

.secondaryPage .media-assets .media-assets_item {
    text-align: center;
    display: inline-block;
    width: 33.33333%;
    vertical-align: bottom;
    font-size: 16px;
    margin-bottom: 30px
}

.secondaryPage .media-assets .media-assets_links {
    min-height: 75px;
    display: block
}

.secondaryPage .media-assets .media-assets_links ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.secondaryPage .media-assets .media-assets_links ul li {
    display: block;
    font-size: 14px;
    line-height: 1.8em
}

.secondaryPage .media-assets .media-assets_links ul li a {
    margin-right: 20px;
    font-size: 14px
}

.secondaryPage .media-assets .media-assets_links ul li span {
    text-transform: uppercase;
    color: #666
}

@media screen and (min-width:481px) and (max-width:1100px) {
    .secondaryPage .media-assets .media-assets_item {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .secondaryPage .media-assets .media-assets_item {
        width: 100%
    }
}

@media screen and (min-width:320px) and (max-width:959px) {
    .secondaryPage .leftNav {
        display: block;
        border: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px
    }
    .secondaryPage .leftNav ul {
        display: none
    }
    .secondaryPage .leftNav .selectWrap {
        display: block
    }
    .secondaryPage .contentMain {
        display: block;
        width: 100%;
        padding-left: 0
    }
}

table.ratesTable {
    width: 100%;
    margin: 0 0 40px;
    padding: 0
}

table.ratesTable th {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFF;
    padding: 15px 20px;
    text-align: left
}

table.ratesTable tr {
    border-bottom: 1px solid #e9ebec
}

table.ratesTable tr td {
    width: 50%;
    font-size: 14px;
    padding: 15px;
    vertical-align: top
}

table.ratesTable tr td.innerTable {
    padding: 0 30px
}

table.ratesTable tr td.innerTable tr {
    border-bottom: 0;
    border-top: 1px solid #e9ebec
}

table.ratesTable tr td.innerTable tr:first-child {
    border-top: 0
}

table.ratesTable tr.subHeader {
    background: #f3f3f3;
    color: #015581;
    font-weight: 600;
    border-bottom: 1px solid #ced2d6
}

table.ratesTable tr.subHeader td {
    padding: 15px;
    font-size: 17px
}

table.ratesTable tr.dark {
    background: #fbfbfb
}

table.ratesTable.blue th {
    background: #2fb7ee
}

table.ratesTable.red th {
    background: #b32317
}

table.subTable {
    width: 100%;
    margin: 0;
    padding: 0
}

table.subTable tr {
    border-bottom: 1px solid #e9ebec
}

table.subTable tr td {
    width: 50%;
    font-size: 14px;
    padding: 15px
}

table.subTable tr td:first-child {
    padding-left: 20px
}

.mainVideo {
    width: 100%;
    max-height: 600px;
    margin-bottom: 70px
}

.shop {
    margin-top: 60px;
    display: inline-block;
    width: 100%
}

.shop:after,
.shop:before {
    content: " ";
    display: table
}

.shop:after {
    clear: both
}

.shop .inner-five {
    margin: 0 1.7757% 0 0!important
}

@media screen and (max-width:959px) {
    .shop .inner-five {
        display: block;
        width: 100%!important;
        padding-bottom: 30px
    }
    .shop .offset-one {
        padding-left: 0!important
    }
}

.shop h2 {
    margin-bottom: 60px
}

.shop .shop_product {
    padding-top: 15px;
    padding-right: 17.47573%;
    margin-bottom: 30px
}

.shop .shop_product.offset-left {
    padding-left: 17.47573%;
    padding-right: 0
}

#shop-telo-returncust .shop .shop_product .thumb img {
    position: relative;
    left: 30%;
    right: 30%
}

.shop .shop_product h3 {
    color: #015581;
    font-size: 26px;
    margin-bottom: 15px
}

.shop.business .shop_product .desc h3,
.utility h3.red {
    color: #b32317
}

.shop .shop_product p {
    font-size: 16px;
    margin: 0 0 20px
}

.shop .shop_product .price {
    font-size: 22px;
    margin-bottom: 10px
}

.shop .shop_product a.btn {
    margin-left: 0
}

@media screen and (max-width:959px) {
    .shop .shop_product {
        padding-right: 0
    }
}

.shop.business {
    font-size: 0
}

.shop.business h2 {
    margin-bottom: 40px
}

.shop.business hr {
    background: #dfdede;
    margin: 60px auto;
    height: 3px
}

.shop.business .shop_product {
    font-size: 16px;
    width: 33.33%;
    display: inline-block;
    padding-right: 5%;
    vertical-align: top
}

.shop.business .shop_product .office {
    height: 225px
}

@media screen and (max-width:959px) {
    .shop.business .shop_product {
        width: 100%;
        margin-bottom: 80px
    }
}

ul.retailersList {
    margin: 40px 0 -20px;
    padding: 0;
    list-style: none;
    font-size: 0;
    border-bottom: 3px solid #dfdede
}

ul.retailersList li {
    font-size: 16px;
    display: inline-block;
    width: 25%;
    margin-bottom: 55px;
    text-align: center;
    padding: 0 20px
}

@media screen and (min-width:768px) and (max-width:1024px) {
    ul.retailersList li {
        width: 33.33%
    }
}

@media screen and (min-width:320px) and (max-width:959px) {
    ul.retailersList li {
        width: 50%
    }
}

.utility {
    background: #f8f8f8;
    width: 100%;
    margin-top: 40px;
    padding: 40px 20px;
    margin-bottom: 60px
}

.utility h3 {
    font-size: 26px;
    margin-bottom: 15px
}

.utility p.strong {
    color: #015581;
    font-size: 15px;
    font-weight: 600;
    margin: 20px 0 0
}

.utility p.strong.red {
    color: #b32317
}

.utility form {
    font-size: 16px
}

.utility form span {
    display: block;
    float: left;
    padding-top: 22px;
    color: #b32317;
    padding-right: 10px;
    margin-left: -6px
}

.utility input[type=text].areacode,
.utility input[type=text].prefix {
    float: left;
    width: 50px;
    margin-right: 15px;
    color: #015581;
    font-size: 14px;
    margin-top: 15px
}

.utility input[type=text].zipcode {
    float: left;
    width: 75px;
    margin-right: 15px;
    color: #333;
    font-size: 14px;
    margin-top: 15px
}

.utility input[type=submit] {
    margin-top: 15px
}

#premier-offer.utility {
    margin-top: 0
}

@media screen and (min-width:320px) and (max-width:400px) {
    .utility input[type=submit] {
        clear: both;
        display: block
    }
}

.utility .featuresList {
    margin-top: 50px
}

.utility .featuresList .featuredWrap {
    width: 50%;
    font-size: 16px;
    margin: 0 0 30px
}

#rateplans .utility .featuresList .featuredWrap {
    width: 33%
}

.utility .featuresList .featuredWrap .icon {
    width: 13.86139%;
    margin-right: 2.9703%
}

.utility .featuresList .featuredWrap .desc {
    width: 79.20792%;
    padding-right: 3.9604%
}

.utility .featuresList .featuredWrap .desc h3 {
    font-size: 21px
}

.utilityNote {
    font-size: 13px;
    font-style: italic;
    line-height: 1.6em;
    margin-top: -20px
}

.availableNumbers {
    border-top: 1px solid #e1e4e7;
    padding: 30px 0;
    margin-top: 30px
}

.sitemap,
.support {
    border-top: 5px solid #015581
}

.availableNumbers p.strong {
    margin: 0 0 20px
}

.availableNumbers ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 20%;
    vertical-align: top
}

.availableNumbers ul li {
    font-size: 14px;
    margin-bottom: 5px
}

@media screen and (min-width:481px) and (max-width:959px) {
    .availableNumbers ul {
        width: 33.33%
    }
}

@media screen and (max-width:480px) {
    .availableNumbers ul {
        width: 100%
    }
}

.taxes {
    margin: 0 5.60748% 60px
}

.taxes table {
    width: 100%;
    font-size: 16px
}

.taxes table a {
    color: #015581
}

.taxes table td,
.taxes table th {
    padding: 15px 20px;
    text-align: left
}

.taxes table td.alignRight,
.taxes table th.alignRight {
    text-align: right;
    padding-right: 30px
}

.taxes table th {
    background: #e1e4e7;
    font-weight: 600;
    color: #015581
}

.taxes table td {
    border-bottom: 1px solid #e1e4e7;
    vertical-align: top
}

.taxes table td.subTable {
    padding-left: 0;
    padding-right: 0
}

.taxes table td.hiddenTable {
    padding: 0
}

.taxes table td table td {
    border-bottom: 0
}

.taxes table tr.total {
    color: #015581;
    font-weight: 600
}

.taxes table tr.total td {
    border-bottom: 0;
    padding-left: 0
}

.taxes table tr.total td a.terms {
    font-weight: 400;
    font-size: 14px
}

.taxes .localTaxesDetails {
    margin-top: -10px;
    display: none
}

.taxes .localTaxesDetails td {
    padding-left: 35px;
    padding-right: 10px
}

.taxes a.taxDetails {
    display: block;
    clear: both;
    font-size: 14px;
    margin-top: 10px;
    outline: 0;
    color: #333;
    background: url(img/arrow-small-down.png) 0 6px no-repeat;
    padding-left: 15px;
    text-decoration: none
}

.taxes a.taxDetails.showTable {
    background: url(img/arrow-small-up.png) 0 6px no-repeat
}

.taxes span.expand {
    font-size: 14px;
    padding-left: 10px;
    cursor: pointer
}

.taxes .expandDesc {
    font-size: 14px;
    padding: 15px 0;
    display: none
}

.worldPlans {
    margin-top: 40px;
    padding-bottom: 60px
}

.worldPlans:after,
.worldPlans:before {
    content: " ";
    display: table
}

.worldPlans:after {
    clear: both
}

.worldPlans h2 {
    margin-bottom: 40px
}

.worldPlans .countryList {
    background: url(/wp-content/uploads/bg-worldmap.jpg) center top no-repeat;
    min-height: 450px
}

.worldPlans .countryList.mobile {
    display: none
}

.worldPlans .countryList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 0
}

.worldPlans .countryList ul li {
    font-size: 16px;
    margin-bottom: 6px
}

.worldPlans .countryList .note {
    font-size: 12px;
    font-style: italic;
    margin-top: 40px
}

@media screen and (min-width:641px) and (max-width:900px) {
    .worldPlans .countryList ul {
        width: 33.33%
    }
}

@media screen and (min-width:320px) and (max-width:640px) {
    .worldPlans .countryList.nonMobile {
        display: none
    }
    .worldPlans .countryList.mobile {
        display: block
    }
    .worldPlans .countryList ul {
        width: 50%
    }
}

@media screen and (max-width:860px) {
    .calculator .inner-four,
    .calculator .inner-six {
        width: 100%!important;
        display: block
    }
}

div#left.inner-four.equal {
    height: auto!important
}

.savings {
    width: 100%;
    font-size: 14px;
/*    padding-right: 10px*/
}

.savings:after,
.savings:before {
    content: " ";
    display: table
}

.savings:after {
    clear: both
}

#blue-savings .savings label,
.savings label {
    font-size: 16px;
    color: #b32317;
    margin-bottom: 8px;
    display: block
}


#blue-savings .calc-results .results-title,
#blue-savings .estimatedCosts .cost-title,
#blue-savings .savings label {
    color: #005581
}

.savings input[type=text] {
    margin-bottom: 0;
    font-size: 16px
}

.savings .formRow {
    clear: both;
    width: 100%;
    margin-bottom: 10px
}

.savings .formRow input[type=submit] {
    float: right;
    margin-top: 25px
}

@media screen and (max-width:860px) {
    .savings .formRow input[type=submit] {
        float: none
    }
}

/*
#savings_calculator {
    width: 88%
}
*/

#savings_calculator .estimated.costs,
#savings_calculator_home .estimated.costs,
.estimatedCosts {
    width: 100%;
    margin-top: 30px;
/*    padding-left: 25px*/
}

#savings_calculator_home .cost-title {
    color: #005581!important
}

#savings_calculator .cost-title,
#savings_calculator_home .cost-title,
.estimatedCosts .cost-title {
    font-size: 18px;
    color: #b32317;
    border-bottom: 1px solid #dddfe2;
    padding-bottom: 5px;
    margin-bottom: 10px
}

#savings_calculator .costs-col1,
#savings_calculator .costs-col2,
#savings_calculator_home .costs-col1,
#savings_calculator_home .costs-col2,
.estimatedCosts .costCol {
    /*float: left;*/
    width: 50%;
    font-size: 16px;
    line-height: 1.8em
}

.estimatedCosts hr {
    height: 3px;
    margin: 10px 0
}

#savings_calculator .estimated.costs .note,
#savings_calculator_home .estimated.costs .note,
.estimatedCosts .note {
    font-size: 12px;
    font-style: italic;
    line-height: 1.5em;
    margin-top: 15px;
    max-width: 350px;
    /*float: left*/
}

.calc-results {
    width: 100%;
/*    padding-left: 15px;*/
    height: 100%
}

.calc-results:after,
.calc-results:before {
    content: " ";
    display: table
}

.calc-results:after {
    clear: both
}

.calc-results .results-title {
    color: #b32317;
    font-size: 22px;
    margin-bottom: 10px
}

.results-title.blue {
    color: #005581
}

.calc-results p.strong {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 20px
}

.calc-results .chart {
    width: 100%;
    margin-top: 30px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 10px
}

.calc-results .chart .dropshadow {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 190px;
    background: #add8e6
}

#savings_calculator .sample-savings,
.calc-results .chart .sample {
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
    padding-left: 25px
}

#savings_calculator>div.bar,
#savings_calculator_home>div.bar,
.calc-results .chart .bar {
    height: 50px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 17px 25px 0 10px;
}

.bar .yr1,
.bar .yr2,
.bar .yr3 {
    float: right
}

.calc-results .chart .bar:after,
.calc-results .chart .bar:before {
    content: " ";
    display: table
}

.calc-results .chart .bar:after {
    clear: both
}

.calc-results .chart .bar span {
    display: inline-block;
    float: right
}

#savings_calculator>div.bar.one,
#savings_calculator_home>div.bar.one,
.calc-results .chart .bar.one {
    width: 50.64309%;
    background: #aac9a6
}

#savings_calculator>div.bar.two,
#savings_calculator_home>div.bar.two,
.calc-results .chart .bar.two {
    width: 69.93569%;
    background: #92bc8e
}

#savings_calculator>div.bar.three,
#savings_calculator_home>div.bar.three,
.calc-results .chart .bar.three {
    width: 100%;
    background: #7aae75
}

@media screen and (min-width:768px) and (max-width:960px) {
    #savings_calculator>div.bar,
    #savings_calculator_home>div.bar,
    .calc-results .chart .bar {
        font-size: 14px
    }
}

@media screen and (max-width:640px) {
    #savings_calculator>div.bar,
    #savings_calculator_home>div.bar,
    .calc-results .chart .bar {
        font-size: 14px
    }
}

@media screen and (max-width:480px) {
    #savings_calculator>div.bar,
    #savings_calculator_home>div.bar,
    .calc-results .chart .bar {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width:860px) {
    .calc-results {
        border-left: 0;
        padding-left: 0;
/*        margin-top: 80px;*/
        padding-bottom: 60px
    }
}

.startingService {
    font-size: 14px
}

.startingService table {
    width: 100%
}

.startingService table td,
.startingService table th {
    text-align: left;
    vertical-align: top
}

.startingService table th {
    background: #b32317;
    font-size: 26px;
    color: #fff;
    padding: 20px 15px;
    font-weight: 300
}

.startingService table th span {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    display: block
}

.sitemap .sitemapSection ul,
.support .leftNav,
.support .leftNav .support_chat .title {
    font-family: "Century Gothic W01", san-serif
}

.startingService table td {
    padding: 15px 10px;
    font-size: 16px;
    border-bottom: 1px solid #e1e4e7
}

.startingService table td span {
    font-size: 14px
}

.startingService table tr.title td {
    background: #f8f8f8;
    color: #b32317
}

@media screen and (max-width:640px) {
    .startingService table {
        margin-top: 40px;
        margin-bottom: 20px
    }
}

.rates {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px
}

.rates:after,
.rates:before {
    content: " ";
    display: table
}

.rates:after {
    clear: both
}

.rates form {
    font-size: 16px;
    background: #f8f8f8;
    padding: 15px 20px
}

.rates form label {
    font-size: 26px;
    color: #015581;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top
}

.rates form .selectWrap {
    width: 260px;
    display: inline-block
}

#go_international {
    margin-top: 0
}

/*#country_table {
    font-size: 16px
}*/

#country_table table {
    width: 100%
}

#country_table table thead {
    background: #e7e7e7;
    /*color: #015581;*/
    font-weight: 600
}

/*#country_table table thead th {
    text-align: left;
    padding: 10px
}*/

/*@media screen and (min-width:320px) and (max-width:480px) {
    #country_table table thead th {
        padding: 4px
    }
    #country_table {
        font-size: 12px
    }
}*/

/*#country_table table tbody td {
    border-bottom: 1px solid #f8f8f8;
    padding: 10px
}*/

.sitemap {
    width: 100%;
    min-height: 400px
}

.sitemap:after,
.sitemap:before {
    content: " ";
    display: table
}

.sitemap:after {
    clear: both
}

.sitemap .sitemapSection {
    float: left;
    width: 25%;
    padding-right: 30px;
    margin: 40px 0 0
}

.sitemap .sitemapSection h3 {
    margin-bottom: 20px
}

.sitemap .sitemapSection ul {
    margin: 0 0 40px;
    padding: 0;
    list-style: none
}

.sitemap .sitemapSection ul li {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.7em
}

.sitemap .sitemapSection ul li a {
    color: #333
}

.sitemap .sitemapSection ul li a:hover {
    color: #005581
}

.sitemap .sitemapSection ul li ul {
    margin: 5px 0 5px 15px
}

@media screen and (min-width:641px) and (max-width:1100px) {
    .sitemap .sitemapSection {
        width: 49%
    }
}

@media screen and (min-width:320px) and (max-width:640px) {
    .sitemap .sitemapSection {
        width: 100%
    }
}

.support {
    width: 100%
}

.support:after,
.support:before {
    content: " ";
    display: table
}

.support:after {
    clear: both
}

.support section {
    padding-top: 40px;
    margin-bottom: 50px
}

.support .main {
    display: table;
    width: 100%;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width:640px) {
    .support .main {
        display: block
    }
}

.support .leftNav {
    display: table-cell;
    vertical-align: top;
    width: 194px;
    font-weight: 400;
    border: 0;
    padding: 0
}

.wsa_plus_shadow{
    background-color: #fff !important;
}

.liveDemo strong,
.support a.more {
    font-weight: 600
}

.support .leftNav .support_search {
    padding: 15px;
    margin-bottom: 5px;
    background: #f5f4f4
}

.support .leftNav .support_search label {
    font-size: 18px;
    text-transform: uppercase;
    color: #015581;
    margin-bottom: 15px;
    display: block
}

.support .leftNav .support_search input[type=text] {
    margin-bottom: 15px
}

.support .leftNav .support_chat {
    padding: 15px;
    margin-bottom: 5px;
    background: #f5f4f4;
    font-size: 12px
}

.support .leftNav .support_chat p {
    font-size: 12px
}

.support .leftNav .support_chat .title {
    font-size: 18px;
    color: #015581;
    text-transform: uppercase;
    margin-bottom: 20px
}

.support .leftNav .support_chat .title strong {
    font-family: "Century Gothic W01 Bold", san-serif
}

.support .leftNav .support_chat label {
    font-size: 12px
}

.support .leftNav ul {
    margin: -5px 0 0;
    list-style: none;
    padding: 25px 20px;
    border-right: 1px solid #f5f4f4
}

.support .leftNav ul li {
    color: #015581;
    font-size: 18px;
    font-family: "Century Gothic W01", san-serif
}

.support .leftNav ul li.title {
    margin-bottom: 10px
}

.support .leftNav ul li a {
    color: #333;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    margin-bottom: 5px
}

.support .leftNav ul li a.is-active,
.support .leftNav ul li a:hover {
    color: #005581
}

.support .leftNav .selectWrap {
    display: none
}

.support .contentMain {
    display: table-cell;
    vertical-align: top;
    padding-left: 35px;
    font-size: 14px;
    padding-bottom: 50px
}

.support .contentMain .col {
    margin: 20px 0
}

.col.inner-two,
.support .contentMain .col.inner-two {
    display: inline-block;
    width: 48%;
    padding-right: 30px
}

@media screen and (min-width:320px) and (max-width:900px) {
    .support .contentMain .col.inner-two {
        width: 100%
    }
}

.support .contentMain hr {
    color: #f5f4f4;
    background-color: #f5f4f4;
    height: 3px;
    border: 0;
    display: block;
    width: 100%;
    clear: both;
    margin: 25px 0 40px;
    float: left
}

.support .contentMain .helpModule {
    width: 100%;
    display: table
}

.support .contentMain .helpModule .icon {
    display: table-cell;
    width: 132px;
    padding-right: 40px;
    vertical-align: top;
    padding-top: 7px;
    margin-bottom: 30px
}

.support .contentMain .helpModule .desc {
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width:959px) {
    .support .contentMain .helpModule .desc,
    .support .contentMain .helpModule .icon {
        display: block;
        width: 100%
    }
}

.support a.more {
    background: url(img/icon-arrow-darkblue-11x11.png) right 4px no-repeat;
    padding-right: 20px;
    margin-top: 8px;
    font-size: 14px;
    text-transform: uppercase;
    color: #015581
}

@media screen and (min-width:320px) and (max-width:959px) {
    .support .leftNav {
        display: block;
        border: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px
    }
    .support .leftNav ul {
        display: none
    }
    .support .leftNav .selectWrap {
        display: block;
        margin-top: 30px
    }
    .support .contentMain {
        display: block;
        width: 100%;
        padding-left: 0
    }
}

.casestudies {
    border-top: 8px solid #f5f4f4;
    font-size: 16px;
    width: 100%;
    float: left;
    padding-top: 20px;
    display: table
}

.casestudies .leftNav {
    padding: 5px 0 0;
    width: 195px;
    border: 0
}

.casestudies .leftNav ul li a.is-active {
    color: #b32317
}

.casestudies .caseItem {
    width: 350px;
    padding: 40px 15px;
    display: inline-block;
/*    margin: 0 20px;*/
    border-top: 1px solid #f5f4f4
}

@media screen and (max-width:420px) {
    .casestudies .caseItem {
        width: 100%;
        margin: 0
    }
    .casestudies .caseItem .thumbnail {
        height: auto!important
    }
    .casestudies .caseItem .excerpt a.btn {
        display: inline-block
    }
}

.casestudies .caseItem:first-of-type {
    /*border-top: 0;*/
    padding-top: 10px
}

.casestudies .caseItem .thumbnail {
    width: 195px;
    margin: 0 auto;
    height: 105px;
    overflow: hidden;
    text-align: center
}

.casestudies .caseItem .thumbnail img {
    position: relative;
    top: 1%;
    bottom: 25%
}

.casestudies .caseItem .excerpt {
    display: table-cell;
    vertical-align: top;
    text-align: center
}

.casestudies .caseItem .excerpt .name {
    text-transform: uppercase
}

.casestudies .caseItem .excerpt .case-title {
    font-size: 21px;
    font-family: "Century Gothic W01", san-serif;
    color: #b32317
}

.casestudies .caseItem .excerpt ul {
    margin-bottom: 0;
    padding-left: 30px
}

.casestudies .caseItem .excerpt ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333
}

.casestudies .caseItem .excerpt a.btn {
    color: #FFF;
    font-family: "Century Gothic W01 Bold", san-serif;
    margin-top: 20px;
    font-size: 14px;
    padding: 6px 15px
}

.liveDemo form label,
.resourcesPromo .resourcesPromo-desc .title {
    color: #b32317;
    font-family: "Century Gothic W01", san-serif
}

@media screen and (max-width:960px) {
    .casestudies {
        width: 100%
    }
    .casestudies .leftNav {
        width: 100%;
        margin-bottom: 40px
    }
}

@media screen and (max-width:640px) {
    .casestudies .caseItem .thumbnail {
        width: 100%;
        display: block;
        margin-bottom: 30px
    }
    .casestudies .caseItem .excerpt {
        width: 100%;
        display: block
    }
}

.resourcesPromo {
    width: 100%;
    display: table
}

.resourcesPromo .resourcesPromo-desc {
    display: table-cell;
    vertical-align: top;
    padding-right: 100px
}

@media screen and (max-width:640px) {
    .resourcesPromo .resourcesPromo-desc {
        padding-right: 0
    }
}

.resourcesPromo .resourcesPromo-desc .title {
    font-size: 38px;
    line-height: 1.3em;
    margin-bottom: 20px
}

.resourcesPromo .resourcesPromo-desc .excerpt {
    font-size: 21px
}

.resourcesPromo .resourcesPromo-thumb {
    display: table-cell;
    vertical-align: top;
    width: 400px
}

@media screen and (max-width:1024px) {
    .resourcesPromo .resourcesPromo-desc {
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e7e7e7
    }
    .resourcesPromo .resourcesPromo-thumb {
        display: none
    }
}

.liveDemo {
    float: left;
    width: 50%;
    font-size: 16px;
/*    margin-top: 40px;*/
/*    padding-left: 40px;*/
    transition: .5s
}

/*
.liveDemo .title {
    font-size: 21px;
    color: #b32317;
    margin-bottom: 10px
}
*/

.liveDemo form {
    margin: 30px 80px 0 0;
    padding: 0
}

.liveDemo form label {
    font-size: 18px;
    margin-bottom: 5px;
    display: block
}

.liveDemo form input[type=text] {
    margin-bottom: 15px;
    font-size: 16px
}

@media screen and (max-width:900px) {
    .liveDemo {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 40px
    }
    .liveDemo form {
        margin-right: 0
    }
}

.resourcesList {
    float: left;
    width: 50%;
    margin-top: 30px;
    font-size: 16px;
    padding-top: 20px;
/*    padding-right: 40px*/
}

/*
.resourcesList h3 {
    color: #333;
    margin-bottom: 5px
}
*/

.resourcesList p {
    margin: 0 0 20px
}

.resourcesList a {
    color: #005581
}

.resourcesList .featuresList {
    float: left;
    margin-bottom: 30px
}

.resourcesList .featuredWrap {
    width: 100%;
    margin-bottom: 15px
}

.resourcesList .featuredWrap h3 {
    color: #b32317
}

@media screen and (max-width:900px) {
    .resourcesList {
        width: 100%;
        padding-left: 0;
        margin-bottom: 40px
    }
}

.searchResults {
    width: 100%
}

.searchResults header {
    background: 0 0;
    height: 130px
}

.searchResults:after,
.searchResults:before {
    content: " ";
    display: table
}

.searchResults:after {
    clear: both
}

.searchResults .search-tabs {
    background: #005581;
    min-height: 58px;
    font-size: 16px
}

.searchResults .search-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.searchResults .search-tabs ul li {
    float: left;
    margin-right: 10px;
    margin-top: 15px
}

.searchResults .search-tabs ul li a {
    background: #e7e7e7;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #005581;
    font-family: "Century Gothic W01 Bold", san-serif;
    padding: 12px 40px;
    float: left
}

.searchResults .search-tabs ul li a.is-active {
    color: #000;
    background: #FFF
}

.searchResults .results {
    font-size: 16px;
    width: 100%;
    padding-top: 40px
}

.searchResults .results:after,
.searchResults .results:before {
    content: " ";
    display: table
}

.searchResults .results:after {
    clear: both
}

.searchResults .results h1 {
    font-family: "Century Gothic W01", san-serif;
    font-size: 30px;
    line-height: 1.5em;
    padding-bottom: 20px;
    color: #005581;
    font-weight: 300;
    border-bottom: 3px solid #f5f4f4
}

.results-found {
    display: block;
    margin-top: 20px;
    color: grey;
    font-size: 16px
}

.searchResults .results ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.searchResults .results ol li {
    padding: 20px 0;
    border-bottom: 1px solid #f5f4f4
}

.searchResults .results ol li h3,
.searchResults .results ol li h3 a {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
    font-size: 19px;
    color: #005581
}

.searchResults .results ol li p {
    font-size: 15px;
    color: #333;
    line-height: 1.6em
}

.searchResults .pager ul.page-numbers li a,
.searchResults .pager ul.page-numbers li.next a,
.searchResults .pager ul.page-numbers li.prev a {
    color: #005581
}

.searchResults .pager {
    border-top: 2px solid #f5f4f4;
    padding-bottom: 60px;
    padding-top: 30px
}

.searchResults .pager:after,
.searchResults .pager:before {
    content: " ";
    display: table
}

.searchResults .pager:after {
    clear: both
}

.searchResults .pager ul.page-numbers {
    display: table;
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none
}

.searchResults .pager ul.page-numbers li,
.searchResults .pager ul.page-numbers li .page-numbers {
    display: table-cell;
    font-size: 13px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

footer .container:after,
footer .container:before,
footer:after,
footer:before {
    content: " ";
    display: table
}

.searchResults .pager ul.page-numbers li .current {
    border: 1px solid #005581;
    color: #005581
}

.searchResults .pager ul.page-numbers li a.next,
.searchResults .pager ul.page-numbers li a.prev {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 25px
}

.searchResults .pager ul.page-numbers li a.prev {
    border-right: 1px solid #f5f4f4;
    background: url(img/arrow-prev.png) 0 11px no-repeat;
    padding-left: 15px
}

.searchResults .pager ul.page-numbers li a.next {
    border-left: 1px solid #f5f4f4;
    background: url(img/arrow-next.png) right 12px no-repeat;
    padding-right: 15px
}

@media screen and (max-width:640px) {
    .searchResults .pager ul.page-numbers {
        float: none;
        text-align: center;
        margin: 0 auto 20px
    }
    .searchResults .pager ul.page-numbers li.prev {
        border-left: 0
    }
    footer ul.social {
        text-align: center
    }
}

.promoter {
    padding-bottom: 20px
}

.promoter .banner-split .split-content {
    background: url(img/bg-flower.png) right center no-repeat
}

.promoter .product-intro {
    border-bottom: 6px solid #f3f3f3;
    margin-bottom: 40px;
    padding-bottom: 20px
}

.promoter .product-intro .product-intro_desc {
    padding-right: 20px
}

.promoter .product-intro .product-intro_desc strong {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.promoter .product-intro .product-intro_desc h2 {
    margin-bottom: 15px
}

.promoter .product-intro .product-intro_product {
    width: 342px;
    padding-left: 50px
}

@media screen and (min-width:320px) and (max-width:480px) {
    .promoter .product-intro .product-intro_product {
        width: 100%;
        padding-left: 0
    }
    .promoter .product-intro .product-intro_product img {
        width: 100%;
        max-width: 100%
    }
}

.promoter .product-intro ul.checkmarks,
ul.checkmarks {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: initial
}

.promoter .product-intro ul.checkmarks li,
ul.checkmarks li {
    padding-left: 25px;
    background: url(img/checkmark.png) 0 5px no-repeat;
    margin-bottom: 15px
}

.promoter h3 {
    margin-bottom: 10px
}

.promoter p {
    margin: 0 0 20px
}

.promoter a.btn {
    margin-top: 10px
}

footer,
footer .container {
    width: 100%;
    margin: 0 auto
}

footer {
    background: #9da6ae;
    font-size: 16px;
    padding: 40px 0;
    font-family: "Century Gothic W01", san-serif;
    max-width: 1282px
}

footer:after {
    clear: both
}

footer .container {
    max-width: 1284px
}

footer .container:after {
    clear: both
}

footer .break {
    display: none
}

@media screen and (max-width:480px) {
    footer .break {
        display: block;
        height: 20px
    }
}

footer .footer-sitemap,
footer .footer-social {
    width: 50%
}

footer .footer-sitemap {
    float: right
}

footer .footer-social {
    float: left
}

footer .footer-social .title {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    color: #FFF;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    margin-bottom: 15px
}

.bbb-logo {
    height: 65px;
    margin-top: 35px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

@media screen and (min-width:641px) and (max-width:960px) {
    footer .footer-sitemap,
    footer .footer-social {
        float: left;
        width: 100%
    }
    footer .footer-sitemap {
        margin-bottom: 80px
    }
}

@media screen and (max-width:640px) {
    footer .footer-sitemap {
        display: none
    }
    footer .footer-social {
        width: 100%
    }
}

footer ul.social {
    font-size: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

footer ul.social li {
    display: inline-block;
    font-size: 16px;
    margin-left: 7px
}

footer ul.social li:first-child {
    margin-left: 0
}

footer ul.social li a {
    width: 46px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    background: url(img/social-icons.png) no-repeat
}

footer ul.social li a.facebook {
    background-position: -49px 0
}

footer ul.social li a.twitter {
    background-position: -294px 0
}

footer ul.social li a.linkedin {
    background-position: -245px 0
}

footer ul.social li a.googleplus {
    background-position: -97.5px 0
}

footer ul.social li a.youtube {
    background-position: -146.5px 0
}

footer ul.social li a.pinterest {
    background-position: -195.5px 0
}

footer .copyright {
    margin-top: 30px;
    font-size: 12px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif
}

footer .copyright a {
    text-decoration: underline;
    color: #fff;
    font-weight: 600;
}

footer .copyright ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

footer .copyright ul li {
    display: inline-block;
    font-size: 12px;
    border-left: 1px solid #FFF;
    margin: 0;
    padding: 0 10px
}

footer .copyright ul li:first-child {
    border-left: 0;
    padding-left: 0
}

footer .copyright ul li a {
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    text-indent: 0;
    width: auto;
    height: auto;
    line-height: .8em;
    padding-top: 3px
}

@media screen and (min-width:641px) and (max-width:960px) {
    footer .copyright {
        margin-bottom: 40px
    }
}

footer .footerSiteMap {
    float: left;
    width: 24.90421%;
    padding-right: 3.83142%
}

footer .footerSiteMap ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none
}

footer .footerSiteMap ul li {
    font-size: 12px;
    font-family: "Century Gothic W01", san-serif;
    margin-bottom: 3px
}

footer .footerSiteMap ul li a {
    color: #FFF;
    font-weight: 300;
    font-size: 12px
}

footer .footerSiteMap ul li a.sectionTitle {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase
}

#mktoForm_876 .mktoHtmlText,
.mktoForm .mktoLabel {
    font: 12px 'Open Sans', sans-serif
}

@media screen and (max-width:640px) {
    footer .copyright {
        text-align: center
    }
    footer .footerSiteMap {
        display: none
    }
}



#page.business .subNav {
    background: #b32317
}

#page.business .banner .bannerWrap .content .title {
    color: #b32317
}

section#fullnews {
    padding-top: 0;
    padding-left: 10px
}

#mktoForm_97 .mktoForm .mktoFieldWrap {
    width: 100%
}

.mktoForm .mktoError {
    right: inherit!important
}

#mktoForm_876 .mktoHtmlText {
    color: #b02218
}

/*
.mktoForm div,
.mktoForm label,
.mktoForm p,
.mktoForm span {
    width: 65%
}
*/

.mktoForm .mktoLabel {
    position: inherit;
    font: 14px 'Open Sans', sans-serif;
    color: #333;
    font-weight: 400!important;
/*    margin-top: 8px;*/
    margin-left: 0;
    margin-right: 6px;
    margin-bottom: 15px
}

#mktoForm_97>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label {
    /*color: #999;*/
    font: 13px 'Open Sans', sans-serif;
    /*width: 80%!important;*/
    /*margin-left: 4px;*/
    /*margin-bottom: -10px;*/
    /*margin-top: 6px;*/
    /*height: 60px;*/
    position: relative
}



#mktoForm_113>div.mktoButtonRow>span>button{
    margin-left: 33px
}

#mktoForm_113>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_479>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_480>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_755>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_756>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_759>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_75>div:nth-child(10)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_761>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
#mktoForm_97>div:nth-child(11)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth {
    padding: 0;
    width: 100%;
    color: #999;
    font: 13px 'Open Sans', sans-serif
}

.mktoForm input[type=date],
.mktoForm input[type=email],
.mktoForm input[type=number],
.mktoForm input[type=tel],
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {

    border: 1px solid #d6d5d5!important;
    -moz-border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
    border-radius: 2px!important;
/*    width: 80%!important;*/
    height: 30px !important;
    font-size: 14px !important;
    text-indent: 10px !important;
    box-shadow: none!important
}

#mktoForm_83>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth>label {
    margin-left: 0;
    width: 100%;
    font-size: 11px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif
}

#mktoForm_83 #Email,
#mktoForm_83 #FirstName,
#mktoForm_83 #LastName,
#mktoForm_87 #Email {
    margin-bottom: 0;
    width: 80%!important
}
/*

@media screen and (min-width:985px) {
    #mktoForm_83 {
        margin-top: 22%
    }
}
*/

#mktoForm_479 input#Email,
#mktoForm_479 input#FirstName,
#mktoForm_479 input#LastName,
#mktoForm_479 input#Phone{
    width: 270px!important;
    height: 25px
}

#mktoForm_479 .mktoForm .mktoRequiredField label.mktoLabel,
#mktoForm_480 .mktoForm .mktoRequiredField label.mktoLabel {
    margin-top: 0
}

.promo-boxes {
    overflow: visible
}

@media screen and (max-width:868px) {
    #mktoForm_247.mktoForm .mktoFormCol,
    #mktoForm_247>div.mktoButtonRow>span {
        margin-left: 0!important
    }
    
    #mktoForm_83 #Email,
    #mktoForm_83 #FirstName,
    #mktoForm_83 #LastName,
    #mktoForm_83>div:nth-child(10)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth>label,
    #mktoForm_87 #Email,
    .rates form .selectWrap,
    input#calculatorCurrentMonthly.mktoField.mktoTextField.mktoHasWidth.mktoRequired.mktoInvalid {
/*        width: 240px!important*/
    }
 
/*
    #mktoForm_247 input[type=email],
    #mktoForm_247 input[type=text],

    .mktoForm .mktoLabel {
        width: 200px!important
    }
*/
    .rates form .selectWrap {
        margin-bottom: 10px
    }
    .mktoForm .mktoLabel {
        position: inherit;
        font-weight: 400!important;
        margin-top: 3px;
        margin-left: 0;
        margin-bottom: 10px
    }
    #mktoForm_113>div.mktoButtonRow>span>button {
        margin-left: 0!important
    }
    section#pricingCalculator {
        padding: 60px 0
    }
    section#pricingCalculator .col.center10 .inner-four,
    section#pricingCalculator .col.center10 .inner-six {
        width: 100%;
        margin: none
    }
    section#pricingCalculator .col.center10 .inner-six .pricingCalculator,
    section#pricingCalculator>div>div.inner-four.equal.pricingCalculator {
        height: auto!important
    }
    section#pricingCalculator #mktoForm_485,
    section#pricingCalculator #mktoForm_876 {
        padding: 0!important
    }
    #mktoForm_485>div.mktoFormRow>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label,
    #mktoForm_876>div.mktoFormRow>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label,
    section#pricingCalculator #mktoForm_485.mktoForm div,
    section#pricingCalculator #mktoForm_876.mktoForm div,
    section#pricingCalculator#mktoForm_485 select,
    section#pricingCalculator#mktoForm_876 select {
        width: 100%!important
    }
}


#mktoForm_480 .mktoForm .mktoLabel {
    position: relative;
    margin-bottom: 12px;
    color: #333;
    font-weight: 700!important;
    margin-left: 0!important;
/*    margin-top: -8px*/
}

/*#mktoForm_247>div.mktoFormRow>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label,*/
#mktoForm_485>div.mktoFormRow>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label,
#mktoForm_485>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>label,
#mktoForm_876>div.mktoFormRow>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label,
#mktoForm_876>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>label {
    position: relative;
    font-size: 16px;
    font-family: "Century Gothic W01", san-serif;
    color: #b32317;
    display: block;
    margin: 0;
    width: 350px
}

#mktoForm_247>div.mktoFormRow>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>label {
/*    width: 150px!important*/
}


#mktoForm_485 input,
#mktoForm_485 select,
#mktoForm_876 input,
#mktoForm_876 select {
    width: 386px
}

#mktoForm_247 input {
    margin-bottom: 4px!important
}

@media screen and (min-width:1250px) {
/*    #mktoForm_247 input,*/
    #mktoForm_704 input,
    #mktoForm_705 input {
        width: 460px!important
    }
}

@media screen and (min-width:1050px) and (max-width:1249px) {
/*    #mktoForm_247 input,*/
    #mktoForm_704 input,
    #mktoForm_705 input {
        width: 390px!important
    }
}

@media screen and (min-width:450px) and (max-width:1049px) {
/*    #mktoForm_247 input,*/
    #mktoForm_704 input,
    #mktoForm_705 input {
        width: 320px!important
    }
}

@media screen and (min-width:320px) and (max-width:449px) {
/*    #mktoForm_247 input,*/
    #mktoForm_704 input,
    #mktoForm_705 input {
        width: 200px!important
    }
}

#mktoForm_485 select.mktoField,
#mktoForm_876 select.mktoField {
    background: url(img/select-dropdown-20x20.png) center right no-repeat #fff!important
}

.mktoRound {
    margin-left: 0!important
}

#close-video,
#close1,
#close2,
#dl1,
#dl2,
#open-video,
#open-video-office,
#open-video-telo,
.promoImage {
    cursor: pointer
}

#box-office,
#box-office-office,
#box-office-telo,
#box-office1,
#box-office2,
#box-office3 {
    position: absolute;
    z-index: 99999;
    left: 50%;
    right: 50%;
    margin-left: -360px;
    background: #000;
    padding: 40px;
    width: 720px;
    border-radius: 7px;
    top: 25%;
    display: none;
    opacity: 0
}

.features-video {
    top: 3500px!important
}

#open-video-mobile {
    display: none
}

@media screen and (min-width:320px) and (max-width:480px) {
    #box-office,
    #box-office-office,
    #box-office-telo,
    #box-office1,
    #box-office2,
    #box-office3 {
        position: absolute;
        z-index: 99999;
        left: 0;
        right: 0;
        margin-left: 0;
        background: #000;
        padding: 2px;
        width: 375px;
        border-radius: 7px;
        top: 360%!important;
        display: none;
        opacity: 0
    }
    #box-office-office,
    #box-office-telo,
    #box-office.mobile,
    #box-office.mobile-home,
    #box-office1,
    #box-office2,
    #box-office3 {
        width: 100%!important
    }
    a#open-video2.btn.red.mobile {
        display: none
    }
    #open-video-mobile {
        display: block
    }
    #box-office2.features-video {
        top: 770%!important
    }
    #box-office,
    #box-office.mobile,
    #box-office.mobile-home,
    #box-office.mobile-home2 {
        top: 35%!important
    }
    #box-office-telo {
        top: 500px!important;
        width: 100%
    }
    #box-office-office {
        top: 240%!important
    }
    #box-office video,
    #box-office-office video,
    #box-office-telo video,
    #box-office1 video,
    #box-office2 video,
    #box-office3 video {
        width: 320px
    }
    #box-office1 video,
    #box-office2 video,
    #box-office3 video {
        width: 100%;
        height: 270px
    }
    #box-office1 {
        top: 12%!important
    }
    #box-office2 {
        top: 42%!important
    }
    #box-office3 {
        top: 70%!important
    }
    .col.center10.mobile {
        overflow: visible!important
    }
    #close-video,
    #close-video-office,
    #close-video-telo,
    #close-video1,
    #close-video2,
    #close-video3 {
        color: #fff;
        text-align: left!important;
        text-align: none;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 10px!important;
        cursor: pointer
    }
}

#box-office-office,
#box-office-telo {
    top: 80%
}

#box-office1,
#box-office2,
#box-office3 {
    top: 1%
}

#close-video,
#close-video-office,
#close-video-telo,
#close-video1,
#close-video2,
#close-video3 {
    color: #fff;
    text-align: right;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: -10px;
    cursor: pointer;
}

.form-block1,
.form-block2,
.form-blockA,
.form-blockB,
.stay_connect_form {
    display: none;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: thin solid #d3d3d3;
    position: absolute;
    z-index: 99999999;
    max-width: 300px;
    width: 100%;
    top: 15px;
    left: 50%;
    right: 50%;
    margin-left: -134px
}

#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-inline-histogram-ratings .bv-inline-histogram-ratings-bar,
#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-inline-histogram-ratings .bv-inline-histogram-ratings-score,
#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star,
#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-section-summary .bv-content-title,
#BVRRContainer .bv-secondary-rating-summary-bars-container .bv-td,
#BVRRContainer .bv-secondary-rating-summary-stars .bv-td {
    padding-bottom: 0!important
}

#stay_connect {
    cursor: pointer
}

#close1,
#close2,
#closeA,
#closeB,
#closeform {
    color: #000;
    font-size: 16px;
    text-align: right;
    font-weight: 700;
    cursor: pointer
}

.p-adjust {
    margin-top: 1px
}

.small-print {
    font-size: 10px
}

.small-tm-print {
    font-size: 10px;
    top: -1.9em
}

#all {
    display: block;
}

#arch,
#bookpay,
#edu,
#health,
#law,
#manu,
#retail {
    display: none
}


#BVRRContainer>div>div>div>div>div.bv-header>div.bv-section-summary>table>tbody>tr.bv-head-to-head.bv-head-to-head-list,
.bv-cleanslate .bv-core-container-45 .bv-primarySummary-rating-container,
.bv-cleanslate .bv-core-container-45 .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper {
    display: none!important
}

.bv-cleanslate .bv-core-container-45 .bv-section-summary {
    background-color: #f3f5f4!important;
    border: 1px solid #d3d3d3!important
}

section#office .bv-cleanslate .bv-core-container-45 button.bv-write-review {
    background-color: #b32317!important;
    font-family: 'Open Sans', sans-serif!important
}

#BVRRContainer>div>div>div>div>div.bv-header>div.bv-action-bar {
    width: 120px!important;
    position: absolute!important;
    right: 80px!important;
    top: 70px!important
}

@media screen and (min-width:320px) and (max-width:480px) {
    #BVRRContainer>div>div>div>div>div.bv-header>div.bv-action-bar {
        width: 120px!important;
        position: relative!important;
        right: -25%!important;
        top: 0!important
    }
}

#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-action-bar-header {
    float: none!important;
    text-align: center!important
}

#BVRRContainer .bv-cleanslate table {
    display: block!important
}

#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-section-summary-block {
    border: none!important
}

section#choose-number {
    padding-top: 0
}

#choose-number ul li {
    margin-bottom: 12px
}

@media screen and (min-width:480px) {
    #BVRRContainer>div>div>div>div>div.bv-header>div.bv-section-summary>table>tbody>tr.bv-section-summary-inline>td.bv-secondary-rating-summary.bv-section-summary-block {
        position: absolute!important;
        left: 20px!important
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    #BVRRContainer>div>div>div>div>div.bv-header>div.bv-section-summary>table>tbody>tr.bv-section-summary-inline>td.bv-secondary-rating-summary.bv-section-summary-block {
        position: relative!important;
        left: 0!important
    }
    #BVRRContainer>div>div>div>div>div.bv-header>div.bv-section-summary>table>tbody>tr.bv-section-summary-inline>td.bv-inline-histogram.bv-section-summary-block {
        left: 3%!important
    }
}

@media screen and (min-width:480px) {
    #BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-section-summary-block,
    #BVRRContainer>div>div>div>div>div.bv-header>div.bv-section-summary>table>tbody>tr.bv-section-summary-inline>td.bv-inline-histogram.bv-section-summary-block {
        position: relative!important;
        left: 400px!important
    }
    .videoWrap p {
        margin-left: 45px
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    #BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-section-summary-block,
    #BVRRContainer>div>div>div>div>div.bv-header>div.bv-section-summary>table>tbody>tr.bv-section-summary-inline>td.bv-inline-histogram.bv-section-summary-block {
        position: relative!important;
        left: 4%!important
    }
}

#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-inline-histogram-ratings td {
    padding-top: 0!important
}

#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-content-secondary-ratings-value {
    background-color: #d3d3d3!important
}

#wsa_div {
    left: inherit!important;
    right: 0;
    top: 75%!important
}

.listing-left,
.listing-right {
    display: inline-block;
    vertical-align: top
}

.listing-left {
    width: 250px;
    border-right: thin solid #d3d3d3
}

.listing-right {
    padding-left: 12px
}

@media screen and (min-width:320px) and (max-width:480px) {
    .listing-left {
        width: auto;
        display: block;
        border-right: none
    }
    .listing-right {
        padding-left: 0
    }
    #banner1 .split-content,
    #banner1a .split-content,
    #banner3 .split-content {
        padding-top: 15px
    }
    #banner3 .split-content a#learn_button.btn.red {
        margin: 10px 0 5px;
        display: inline-block
    }
    #banner1a .split-content a#open-video.btn.blue {
        margin: 5px 0;
        display: inline-block
    }
    #banner1 .intro,
    #banner1a .intro,
    #banner3 .intro,
    #banner4 .smallprint,
    #banner5 .mobileIntro,
    .hideMe,
    .slick-active .intro,
    .slick-next,
    .slick-prev {
        display: none!important;
        visibility: hidden
    }
    div.slick.slick-initialized.slick-slider {
        height: 450px;
        overflow: hidden;
        border-bottom: 3px solid #2fb7ee
    }
    #banner2 .bannerWrap {
        background-size: 200%;
        background-position: 100% 0;
        height: 260px
    }
    #banner5 .bannerWrap {
        background-size: 170%;
        background-position: 100% -15%;
        height: 350px
    }
    #banner4 .banner .content,
    #banner5 .banner .content {
        top: 5px
    }
    #banner2 .banner .content {
        top: 25px
    }
    #banner1a .split-content .title {
        margin-bottom: 5px
    }
    #banner1a .split-content .product-shot {
        top: 185px
    }
    #banner3 .split-content .title {
        margin-bottom: 0
    }
    #banner3 .split-content .product-shot {
        top: 195px
    }
}

@media screen and (device-aspect-ratio:40/71) {
    #banner2 .bannerWrap {
        background-size: 230%;
        background-position: -410px -5px
    }
}

.listing-right a.title {
    font-size: 14px!important
}

.listing-left.date {
    font-size: 12px
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    header {
        height: 60px
    }
    header #logo {
        height: 60px;
        padding-top: 7px
    }
    .slick-next,
    .slick-prev,
    div.smallprint {
        display: none!important
    }
    .banner-split .split-content {
        padding-top: 20px
    }
    .slick.slick-initialized.slick-slider {
        overflow: hidden;
        height: 450px;
        border-bottom: thin solid #1dafec
    }
    .banner-split .split-content .intro {
        width: 60%
    }
    .banner-split .split-content .product-shot {
        top: 160px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    #banner1a .banner-split .split-content a.btn.blue,
    #banner3 .banner-split .split-content a.btn.red,
    #office-main a.btn.red,
    #product a.btn.red,
    #setup-main a.btn.red,
    .featuresList a.btn.red {
        margin-top: 1%
    }
    header {
        height: 60px
    }
    header #logo {
        height: 60px;
        padding-top: 7px
    }
    .slick-next,
    .slick-prev,
    div.smallprint {
        display: none!important
    }
    .banner-split .split-content {
        padding-top: 20px
    }
    .slick.slick-initialized.slick-slider {
        overflow: hidden;
        height: 450px;
        border-bottom: thin solid #1dafec
    }
    .banner-split .split-content .intro {
        width: 60%
    }
    #banner1a .banner-split .split-content .intro {
        width: 100%
    }
    #banner1a .banner-split .split-content .product-shot {
        width: 410px
    }
    #banner3 .banner-split .split-content .intro {
        width: 100%
    }
    #banner3 .banner-split .split-content .product-shot {
        width: 410px
    }
    .banner-split .split-content .product-shot {
        top: 160px
    }
    #banner2 .bannerWrap {
        background-position: right -2px
    }
    #banner5 .bannerWrap {
        background-size: auto 370px;
        background-position: -30px -140px
    }
    #mobile-shift {
        margin-top: 10px;
        width: 100%
    }
    .cta {
        padding-left: 30px;
        padding-right: 0
    }
    .cta .ctaImage {
        padding-left: 4%
    }
    .cta .ctaDesc {
        padding-left: 5%;
        padding-right: 0
    }
    #premier-block,
    #telo-block {
        padding-bottom: 0;
        height: 410px
    }
    #telo-block .product-shot {
        top: 110px
    }
    div#audio_quality.sectionDesc_img {
        position: relative;
        left: 20%;
        right: 20%
    }
    #office-main .intro,
    #premier-block .intro,
    #setup-main .intro {
        font-size: 14px;
        width: 70%;
        float: none;
        margin-top: 0
    }
    #setup-main .intro {
        margin-bottom: 0
    }
    #premier-block .product-shot {
        top: 95px;
        padding-left: 30px
    }
    #office-main .product-shot,
    #setup-main .product-shot {
        top: 95px;
        padding-left: 130px
    }
    #international-content.banner-split,
    #setup-main {
        height: 310px;
        padding-bottom: 0
    }
    #office-main {
        padding-bottom: 0;
        height: 340px
    }
    #international-content .intro {
        width: 100%
    }
    #banner-promoter .intro,
    #setup-main .intro {
        width: 60%
    }
    #banner-promoter .product-shot {
        top: 95px;
        padding-left: 170px
    }
    #promoter-main {
        height: 310px
    }
    #shopoffice-banner {
        background-position: right -60px
    }
    .listing-left {
        border-right: none;
        width: 100%
    }
    .secondaryPage .media-assets {
        width: 100%!important
    }
}

#oomaconnect-banner {
/*    height: 550px*/
}



#oomaconnect-banner .slide img {
/*
    width: 756px!important;
    height: 380px!important;
    max-width: inherit
*/
}

#oomaconnect-banner .slide {
/*    position: absolute;*/
    width: 100% !important;
}

#oomaconnect-banner .slide p {
/*
    margin-left: 158px;
    width: 430px;
    color: #1dafec
*/
}

#oomaconnect-banner .slide p .nest {
    height: 57px!important;
    width: 34px!important;
    float: left;
    margin-right: 20px
}

@media screen and (min-width:960px) and (max-width:1180px) {
    #oomaconnect-banner .banner .content {
        width: 26.88785%
    }
}

.clear {
    clear: both
}

.hide {
    display: none
}

#slideshow ul {
    
    width: 100% !important;
    margin: 0;
    padding: 0
}

#slideshow ul li {
/*    display: none;*/
    height: auto !important;
    width: 100% !important;
    background: #FCFAFB !important;
}

#slideshow .slidecontrols {
    text-align: center;
    position: relative;
    z-index: 10;
    font-size: 35px;
}

#on-tv,
#shop-box {
    right: 0;
    position: absolute
}

#slideshow .slidecontrols .number {
    border-radius: 50%;
    border: thin solid #1dafec;
    background: #fff
}

#slideshow .slidecontrols .number:hover,
#slideshow .slidecontrols .selected {
    border-radius: 50%;
    background: #1dafec
}

#slideshow .slidecontrols img {
    cursor: pointer;
    margin: 0 15px
}

.next,
.prev {
    color: #1dafec;
/*
    font-size: 35px;
    line-height: .4em
*/
}

/*
.prev {
    float: left
}

.next {
    float: right
}
*/

#on-tv {
    margin-top: -15px
}

@media screen and (min-width:1240px) {
    #on-tv {
        margin-right: 75px
    }
    #on-tv img {
        height: 85%
    }
}

@media screen and (min-width:1193px) and (max-width:1239px) {
    #on-tv {
        margin-right: 55px
    }
}

@media screen and (min-width:1139px) and (max-width:1193px) {
    #on-tv {
        margin-right: 0
    }
}

@media screen and (min-width:641px) and (max-width:1138px) {
    #on-tv img {
        width: 55%
    }
    #on-tv {
        margin-right: -80px
    }
}

@media screen and (min-width:581px) and (max-width:640px) {
    #on-tv img {
        width: 85%
    }
    #on-tv {
        margin-right: -5px
    }
}

@media screen and (min-width:320px) and (max-width:580px) {
    #on-tv {
        margin-right: -55px
    }
    #on-tv img {
        width: 65%
    }
}

#reviews {
    padding: 0!important
}

#reviews .center10 {
    font-size: 13px
}

#cat_header {
    margin-bottom: 90px;
    width: 100%
}

#cat_header.one {
    height: 601px;
    background: url(images/reviews-telo-header-1.jpg) 0 5% no-repeat
}

@media screen and (device-aspect-ratio:40/71) {
/*
    #cat_header.one {
        height: 20px;
        background: 0 0
    }
*/
}

#cat_header.two {
    height: 310px;
    background: url(images/reviews-telo-header-2.jpg) no-repeat
}

.testimonial-box {
    width: 45%;
    background: url(images/left_quote.gif) top left no-repeat;
    padding-bottom: 40px;
    padding-left: 40px;
    margin: 0 30px 0 0;
    display: inline-table
}

@media screen and (max-width:719px) {
    .testimonial-box {
        width: 100%
    }
}

.testimonial-name {
    font-weight: 700;
    margin-top: 25px
}

.navigation {
    float: left;
    clear: both;
    margin-top: 50px;
    padding-top: 35px;
    border-top: thin solid #d3d3d3;
    margin-bottom: 68px;
    width: 100%
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    text-decoration: none;
    color: #6FB7E9;
    border-radius: 50%;
    cursor: pointer;
    padding: 10px 15px
}

.navigation li {
    display: inline-block;
    margin: 12px 0;
}

.navigation li:last-child a {
    padding: 0
}

.navigation li.active {
    text-decoration: none
}

.navigation li.active a {
    color: #3C8DC5;
    border: 1px solid #3C8DC5
}

.navigation li a:hover {
    color: #3C8DC5
}

.bus-phone-box {
    width: 220px;
    border: thin solid #ccc;
    padding: 14px;
    display: inline-block;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0);
    margin-right: 20px;
    float: left
}

@media screen and (max-width:1196px) {
    .bus-phone-box {
        margin: 10px auto;
        float: none;
        display: block
    }
}

.bus-phone-box .logo,
.bus-phone-box h3 {
    margin-bottom: 8px
}

.bus-phone-box strong {
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
    width: 70px;
    height: 40px
}

.bus-phone-box span {
    color: #999;
    font-size: 12px;
    display: block;
    margin-top: 22px
}

.bus-phone-box h3 {
    font-size: 19px
}

.bus-phone-box .btn {
    font-size: 13px;
    float: right;
    padding: 12px;
    margin-top: 15px
}

.box.one {
    margin-left: 15%
}

.box {
    display: none;
    width: 28%;
    margin: 50px 110px 0;
    float: left;
    font-size: 15px
}

#office-mobile {
    margin-left: 30px;
    width: 450px;
    display: inline-block;
    border-left: thin solid gray;
    padding-left: 40px
}

@media screen and (min-width:320px) and (max-width:900px) {
    #office-mobile {
        border-left: 0 solid grey
    }
}

#office-mobile img {
    display: block;
    margin: 0 auto
}

@media screen and (min-width:320px) and (max-width:1137px) {
    .box.one {
        margin-left: 9%
    }
    .box {
        width: 70%;
        margin: 50px 9% 0
    }
}

section#setup_office h2 {
    margin-bottom: 30px
}

section#setup_office .item {
    text-align: center;
    width: 270px
}

@media screen and (max-width:1224px) {
    section#setup_office .item {
        width: 250px
    }
    section#setup_office .item-column {
        width: 240px!important
    }
    section#setup_office .lrgIconblock {
        text-align: left
    }
}

@media screen and (max-width:1175px) {
    section#setup_office .item {
        width: 220px
    }
    section#setup_office .item-column {
        width: 210px!important
    }
}

@media screen and (max-width:1104px) {
    section#setup_office .item {
        width: 180px
    }
    section#setup_office .item-column {
        width: 190px!important
    }
}

@media screen and (max-width:994px) {
    section#setup_office .item {
        width: 170px
    }
    section#setup_office .item-column {
        width: 180px
    }
}

@media screen and (max-width:856px) {
    section#setup_office .item {
        width: 160px
    }
}

@media screen and (max-width:855px) {
    section#setup_office .item-column {
        display: block!important;
        margin: 0 auto;
        width: 210px!important
    }
    section#setup_office .item.alt {
        margin-top: 0!important
    }
}

section#setup_office .item.alt {
    margin-top: 20%
}

section#setup_office .item .logo {
    width: 190px;
    margin-bottom: 12px
}

section#setup_office .item-column {
    width: 280px;
    display: inline-block
}

#setup_office .item.divider {
    width: 100px;
    margin-top: 26%
}

.gray-gradient {
    background: #f6f5f5!important;
    background: -moz-linear-gradient(top, #f6f5f5 0, #f6f6f6 47%, #fff 100%)!important;
    background: -webkit-linear-gradient(top, #f6f5f5 0, #f6f6f6 47%, #fff 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ffffff', GradientType=0)
}

#chart-container .block,
#chart-container .col.square {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0);
    border: thin solid #d3d3d3
}

@media screen and (min-width:320px) and (max-width:856px) {
    section#setup_office .item {
        width: 100%
    }
    #setup_office .item.divider {
        display: none
    }
}

section#setup_office .lrgIconblock {
    margin-bottom: 10px
}

section#setup_office .lrgIconblock h2 {
    margin-bottom: 30px;
    text-align: left
}

#choose-right-office {
    font: 30px "Century Gothic W01", sans-serif
}

#choose-right-office h2 {
    margin-bottom: 30px
}

#chart-container {
    width: 100%;
    display: table
}

#chart-container .row {
    display: table-row
}

#chart-container .row.top {
    height: 120px
}

#chart-container .row.alt {
    background: #f8f8f8
}

#chart-container .col {
    display: block;
    width: 45%;
    float: left
}

#chart-container .col h3 {
    font-weight: 900;
    width: 33%;
    font-size: 24px
}

#chart-container .row .col.square:last-child {
    margin-left: 18px;
    margin-right: 0
}

#chart-container .col.square {
    display: block;
    height: 213px;
    margin-left: 10px;
    width: 25%;
    float: left;
    padding: 15px;
    text-align: left;
    font-size: 14px;
    background: -moz-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0, #fff 100%)
}

@media screen and (max-width:742px) {
    #chart-container .col.square {
        width: 99%;
        margin-left: 0!important;
        margin-bottom: 20px
    }
    #chart-container .btn.red {
        margin-top: -20px
    }
    .mobile-state {
        display: none!important
    }
    #chart-container .block {
        width: 100%!important;
        font-size: 17px!important
    }
    section#business-features {
        margin-top: 0!important
    }
}

@media screen and (min-width:743px) and (max-width:1311px) {
    #chart-container .col {
        width: 37%!important
    }
    #chart-container .col.square {
        width: 28%!important;
        height: 270px!important
    }
    #chart-container .btn.red {
        margin-top: 15px;
        margin-right: 30px
    }
    #chart-container .list {
        line-height: 1.2em!important;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 7px
    }
    #chart-container .list.left,
    #chart-container .list.right {
        height: 78px;
        width: 28%!important
    }
    .list.right {
        margin: 0 0 0 23px!important
    }
}

#chart-container .col.square.red {
    text-align: left;
    margin-left: 10px
}

#chart-container .btn.red {
    padding: 10px;
    font-size: 13px;
    float: right
}

#chart-container .col.square:first-child {
    margin-right: 30px
}

.square.red span {
    color: #000
}

#chart-container .col.red {
    width: 25%
}

#chart-container .col.list.left,
#chart-container .col.list.right,
#chart-container .col.red.list {
    text-align: center;
    width: 267px;
    border-left: thin solid #d3d3d3;
    border-right: thin solid #d3d3d3
}

.list.left {
    margin: 0 0 0 10px
}

.list.right {
    margin: 0 0 0 26px
}

.list.last {
    border-bottom: thin solid #d3d3d3
}

#chart-container .list {
    line-height: 2.2em
}

#chart-container .block {
    background: -moz-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0, #fff 100%);
    height: 45px;
    width: 52.5%;
    float: right;
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
    line-height: 2.2em
}

#shop-box {
    width: 550px;
    display: block;
    top: 0
}

.office-shop-box {
    display: block;
    background: rgba(255, 255, 255, .5);
    width: 240px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    float: left;
    margin: 0 15px;
    font: 18px "Century Gothic W01", sans-serif;
    padding: 35px 15px 20px;
    font-weight: 100
}

.office-shop-box h3 {
    color: #fff;
    margin-top: 100px;
    font-size: 28px
}

.office-shop-box span {
    font-size: 14px;
    display: block;
    margin-top: 15px;
    float: left;
    margin-bottom: 8px;
    width: 100%
}

.office-shop-box .btn {
    font-size: 14px;
    padding: 13px;
    line-height: 1em;
    margin: 10px 0
}

.office-shop-box small {
    width: 100%;
    display: block;
    font-size: 65%;
    color: #999
}

.office-shop-box .btn.first {
    top: 40px
}

#black-friday {
    width: 100%;
    height: 610px;
    background: url(http://www.ooma.com/wp-content/uploads/blackfriday_homepage.jpg) no-repeat;
    background-size: 100%
}

.bf-office,
.bf-telo {
    height: 320px;
    width: 25%;
    position: absolute;
    top: 20%;
    z-index: 10000
}

.bf-office {
    right: 10%
}

#black-friday .one,
#black-friday .three,
#black-friday .two {
    display: none
}

@media screen and (min-width:701px) and (max-width:937px) {
    #black-friday {
        height: 410px
    }
}

@media screen and (min-width:421px) and (max-width:700px) {
    #black-friday {
        height: 310px
    }
}

@media screen and (min-width:320px) and (max-width:420px) {
    .bf-office,
    .bf-telo {
        display: none
    }
    #black-friday {
        background: 0 0;
        height: auto
    }
    #black-friday .one,
    #black-friday .three,
    #black-friday .two {
        width: 100%;
        height: 384px;
        display: block
    }
    #black-friday .three,
    #black-friday .two {
        cursor: pointer
    }
    #black-friday .one {
        background: url(http://www.ooma.com/wp-content/uploads/blackfriday_tags.jpg) 0 75% no-repeat;
        background-size: 100%
    }
    #black-friday .two {
        background: url(http://www.ooma.com/wp-content/uploads/blackfriday_home_telo.jpg) 50% 50% no-repeat #64110f;
        background-size: 60%
    }
    #black-friday .three {
        background: url(http://www.ooma.com/wp-content/uploads/blackfriday_home_office.jpg) 50% 50% no-repeat #64110f;
        background-size: 60%
    }
}

#black-friday-shoptags {
    width: 325px;
    height: 390px;
    background: url(http://www.ooma.com/wp-content/uploads/telo_blackfriday_banner.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 37%;
    top: 0;
    transition: .5s
}

@media screen and (min-width:980px) and (max-width:1050px) {
    #black-friday-shoptags {
        background-size: 77%
    }
}

@media screen and (min-width:905px) and (max-width:979px) {
    #black-friday-shoptags {
        background-size: 70%;
        left: 38%
    }
}

@media screen and (min-width:860px) and (max-width:904px) {
    #black-friday-shoptags {
        background-size: 70%;
        left: 37%
    }
}

@media screen and (min-width:729px) and (max-width:859px) {
    #black-friday-shoptags {
        background-size: 70%;
        left: 37%
    }
}

@media screen and (min-width:641px) and (max-width:728px) {
    #black-friday-shoptags {
        background-size: 64%;
        left: 36%
    }
}

@media screen and (min-width:320px) and (max-width:640px) {
    #black-friday-shoptags {
        left: 10%
    }
}

#partner-form-main #mktoForm_890,
#partner-form-main #mktoForm_896 {
    max-height: 790px
}

@media screen and (min-width:320px) and (max-width:1109px) {
    #mktoForm_890 {
        max-height: none!important
    }
}

@media screen and (min-width:320px) and (max-width:900px) {
    #mktoForm_896 {
        max-height: none!important
    }
    #mktoForm_896>div:nth-child(5)>div:nth-child(2) {
        width: auto!important
    }
    #mktoForm_896>div.mktoButtonRow,
    #mktoForm_896>div:nth-child(6),
    #mktoForm_896>div:nth-child(7) {
        top: initial!important
    }
}

#partner-form-main #mktoForm_890,
#partner-form-main #mktoForm_896,
#partner-form-main #mktoForm_972,
#partner-form-main #mktoForm_975,
#partner-form-main .mktoForm .mktoFormRow {
    width: 100%!important
}

#partner-form-main .mktoForm .mktoLabel {
    min-width: 180px;
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-weight: 700!important
}

#partner-form-main .mktoForm .mktoFormCol {
    width: auto;
    margin-right: 6%
}

#mktoForm_896>div:nth-child(5)>div:nth-child(2) {
    width: 31%;
    margin-right: 2.334%
}

#partner-form-main .mktoForm input[type=text],
#partner-form-main .mktoForm input[type=url],
#partner-form-main .mktoForm input[type=email],
#partner-form-main .mktoForm input[type=tel],
#partner-form-main .mktoForm input[type=number],
#partner-form-main .mktoForm input[type=date],
#partner-form-main .mktoForm textarea.mktoField {
    border: thin solid #b02218!important;
    clear: both;
    width: 255px!important
}

#partner-form-main input[type=radio]+label {
    background: 0 0!important
}

#partner-form-main input[type=radio] {
    display: inherit
}

#mktoForm_890>div:nth-child(4)>div:nth-child(3),
#mktoForm_890>div:nth-child(4)>div:nth-child(4),
#mktoForm_896>div:nth-child(4)>div:nth-child(3),
#mktoForm_896>div:nth-child(4)>div:nth-child(4) {
    margin-bottom: 10px;
    width: 12%
}

#partner-form-main .mktoForm #Quick_Notes__c {
    height: 300px
}

@media screen and (min-width:1101px) {
    #partner-form-main .mktoForm #Quick_Notes__c {
        width: 613px!important;
        height: 300px
    }
}

@media screen and (min-width:899px) and (max-width:1100px) {
    #mktoForm_896 #Quick_Notes__c {
        width: 400px!important
    }
}

@media screen and (min-width:697px) and (max-width:900px) {
    #partner-form-main #mktoForm_896 {
        width: 65%!important
    }
    #partner-form-main .mktoForm #Quick_Notes__c {
        width: 500px!important
    }
}

@media screen and (min-width:320px) and (max-width:696px) {
    #partner-form-main .mktoForm #Quick_Notes__c {
        width: 300px!important
    }
}

#partner-form-main .mktoForm select.mktoField {
    width: 120px!important
}

#partner-form-main .mktoForm #PostalCode {
    width: 102px!important
}

#partner-form-main #mktoForm_896>div:nth-child(6),
#partner-form-main #mktoForm_896>div:nth-child(7) {
    width: 24%!important;
    display: block
}

#mktoForm_896>div:nth-child(6),
#mktoForm_896>div:nth-child(7) {
    top: -255px
}

#mktoForm_896>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoRadioList.mktoHasWidth>label,
#mktoForm_896>div:nth-child(7)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoRadioList.mktoHasWidth>label {
    margin-top: .01em;
    margin-bottom: .3em;
    margin-left: 0!important;
    margin-right: 0;
    line-height: 1.1em;
    display: block;
    min-height: 12px;
    padding-left: 9px;
    padding-right: 0;
    width: 145px;
    float: left;
    font-family: "Open Sans", sans-serif
}

#mktoForm_896>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoRadioList.mktoHasWidth,
#mktoForm_896>div:nth-child(7)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoRadioList.mktoHasWidth {
    width: 330px!important
}

#mktoForm_890>div.mktoButtonRow>span,
#mktoForm_896>div.mktoButtonRow>span,
#mktoForm_972>div.mktoButtonRow>span,
#mktoForm_975>div.mktoButtonRow>span {
    margin-left: 0!important
}

#mktoForm_890>div.mktoButtonRow {
    margin-top: 60px
}

@media screen and (max-width:1270px) {
    #mktoForm_890>div:nth-child(5)>div:nth-child(2) {
        float: left;
        margin-top: 0;
        margin-right: 0
    }
}

#mktoForm_890>div.mktoButtonRow>span>button,
#mktoForm_896>div.mktoButtonRow>span>button,
#mktoForm_972>div.mktoButtonRow>span>button,
#mktoForm_975>div.mktoButtonRow>span>button,
#mktoForm_976>div.mktoButtonRow>span>button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font: 16px "Century Gothic W01", sans-serif;
    letter-spacing: .1em;
    margin-right: 10px;
    padding: 10px 30px 11px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background: #b32317;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .67);
    border: none!important
}



@media (max-width: 959px) {
.ooma-body-padding{
   padding-top: 111px;
 }
 .ooma-body-padding .slider-nav{
        top:49px !important;
    }  
}