/* DIRECTORY
    FAST-FONT
    MAIN
    NORMALIZE
    STYLE
*/

/* FAST-FONT */
@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")}@font-face{font-family:CenturyGothicW02-BoldIt;src:url(Fonts/04a4a794-3937-42b8-9f15-9385343c34fd.eot?#iefix);src:url(Fonts/04a4a794-3937-42b8-9f15-9385343c34fd.eot?#iefix) format("eot"),url(Fonts/30f48615-c72b-4f7a-a9d9-7dd4d421ec25.woff2) format("woff2"),url(Fonts/39308805-dcbe-440b-b2f8-ebb73d3072db.woff) format("woff"),url(Fonts/aaf0aa24-ab43-4b54-a13a-b98e22304730.ttf) format("truetype"),url(Fonts/df437eb2-4f45-4e83-8339-761aa32affef.svg#df437eb2-4f45-4e83-8339-761aa32affef) format("svg")}

/* MAIN */
html,
button,
input,
select,
textarea {color:#222;}
html {font-size:1em;line-height:1.4;}
::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,
canvas,
img,
video {vertical-align:middle;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:vertical;}
.browsehappy {margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.ir {background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}
.ir:before {content:"";display:block;width:0;height:150%;}
.hidden {display:none !important;visibility:hidden;}
.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible {visibility:hidden;}
.clearfix:before,
.clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
@media only screen and (min-width:35em){}
@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){}
@media print{*{background:transparent !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:"";}
pre,
blockquote {border:1px solid #999;page-break-inside:avoid;}
thead {display:table-header-group;}
tr,
img {page-break-inside:avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p,
h2,
h3b {orphans:3;widows:3;}
h2,
h3 {page-break-after:avoid;}
}

/* NORMALIZE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,
canvas,
video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html,
button,
input,
select,
textarea{font-family:sans-serif;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:active,
a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.67em;margin:2.33em 0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
p,
pre{margin:1em 0;}
code,
kbd,
pre,
samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,
q:after{content:'';content:none;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl,
menu,
ol,
ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu,
ol,
ul{padding:0 0 0 40px;}
nav ul,
nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}
button,
input,
select,
textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}
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{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

/* STYLE */
*,
*:before,
*:after {
    -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: 0px 8px;
    width: 100%
}

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

#page .container {
    width: 100%
}

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

#page .container:after {
    clear: both
}

#page section {
    background: #FFF;
    padding: 60px 0 30px 0;
    width: 100%;
    transition: 0.5s
}

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

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

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

#page section:after {
    clear: both
}

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

.gray {
    background: #FCFAFB
}

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

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

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

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

.wrap:after {
    clear: both
}

.col {
    display: inline-block;
    *display: inline;
    font-size: 16px;
    margin: 0 0.77882%;
    overflow: hidden;
    position: relative;
    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.one,
    .col.two,
    .col.three,
    .col.four,
    .col.five,
    .col.six,
    .col.seven,
    .col.eight,
    .col.nine,
    .col.ten,
    .col.eleven,
    .col.twelve {
        display: block;
        margin-right: 0;
        margin-left: 0;
        padding: 0 7.34375%;
        width: 100% !important
    }
    .col.offset-one,
    .col.offset-two,
    .col.offset-three {
        margin-left: 0
    }
}

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

.bottomPadding {
    padding-bottom: 20px
}

.col.center10 .inner-three {
    display: inline-block;
    font-size: 16px;
    margin: 0 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 0.93458%;
    vertical-align: top;
    width: 38.13084%;
    transition: 0.5s
}

.col.center10 .inner-five {
    margin: 0 0.93458%;
    vertical-align: top;
    width: 48.13084%;
    transition: 0.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 lightgray;
    margin-right: 5% !important
}

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

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

.col.center10 .inner-six {
    display: inline-block;
    margin: 0 0.93458%;
    vertical-align: top;
    width: 58.13084%;
    transition: 0.5s
}

.col.center10 .inner-seven {
    display: inline-block;
    margin: 0 0.93458%;
    vertical-align: top;
    width: 68.13084%
}

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

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

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

.sectionTitle.red {
    color: #b02217
}

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

html {
    overflow-x: hidden
}

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

.red {
    color: #b32317
}

.white {
    color: #FFF
}

.lightgrey {
    color: lightgrey !important
}

h1 {
    font-size: 40px;
    margin: 0;
    padding: 0
}

h2 {
    font-weight: 400;
    font: 30px "Century Gothic W01", sans-serif;
    margin: 0;
    padding: 0
}

h2.red {
    color: #b02217
}

h2.blue {
    color: #005581
}

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

h3 {
    color: #005581;
    font: 21px "Century Gothic W01", sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0
}

h3.office {
    color: #b32317
}

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

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

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

a {
    text-decoration: none
}

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

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

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

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

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

ul.list2 {
    margin-bottom: 40px;
    margin-left: -15px
}

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

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

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

img {
    max-width: 100%
}

.img {
    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
    }
}

.imgLeft {
    margin-bottom: 20px
}

.imgRight {
    margin-top: 20px
}

.cleaner {
    clear: both;
    height: 1%;
    width: 100%
}

::-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: 38px;
    margin-bottom: 20px;
    text-indent: 10px;
    width: 100%
}

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

button .red,
.button-red {
    background: #b32317
}

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

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") no-repeat 0 2px;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 20px
}

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

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

input[type=radio] {
    display: none
}

input[type=radio] + label {
    background: url("img/checkbox.png") no-repeat 0 2px;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 20px
}

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

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

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

.select-style {
    background: transparent;
    border: 0;
    color: #000;
    font-size: 16px;
    height: 40px;
    outline: none;
    overflow: hidden;
    width: 100%
}

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: none
}

a.btn {
    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: 0.1em;
    margin-right: 10px;
    padding: 10px 30px 11px 30px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

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

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

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

a.btn.red {
    background: #b32317;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.67);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.67)
}

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

a.btn.white {
    background: #FFF;
    color: #b32317;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif
}

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

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

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

header {
    height: 100px;
    width: 100%;
    font-size: 0;
    background: #FFF;
    text-align: left;
    position: relative;
    z-index: 500
}

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

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

header:after {
    clear: both
}

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;
        background: url("img/icon-mobileMenu.png") no-repeat
    }
}

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

@media screen and (min-width: 320px) and (max-width: 480px) {
    header #logo {
        height: 75px;
        padding: 7px 0 0 12.06231%
    }
    header #logo a {
        background-size: 130px 45px
    }
}

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

@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 {
        width: 100%
    }
    header #logo a {
        width: 140px;
        margin: 0 auto
    }
}

header .toolbar {
    display: inline-block;
    vertical-align: top;
    width: 25.77882%;
    height: 100px
}

header .toolbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    padding-left: 7.55287%;
    height: 90px
}

header .toolbar ul li {
    display: inline-block;
    font-size: 12px;
    padding-top: 45px;
    padding-right: 7.55287%
}

header .toolbar ul li a {
    color: rgb(153, 144, 144);
    text-transform: uppercase;
    display: block;
    font-family: "Century Gothic W01 Bold", sans-serif
}

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

#login-drop ul li a:hover,
#login-drop2 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 {
    cursor: pointer;
    height: 30px;
    width: auto;
    display: block
}

#login-drop ul,
#login-drop2 ul {
    display: none;
    opacity: 0;
    position: absolute;
    width: 120px !important;
    height: auto;
    padding-left: 1.2% !important
}

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

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

nav {
    display: inline-block;
    width: 51.86916%;
    vertical-align: top;
    font-family: "Century Gothic W01", san-serif;
    height: 100%
}

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

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

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

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

nav ul li a:hover,
nav ul li a.hover {
    text-decoration: none;
    color: #015581
}

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

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

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

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

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

nav ul li ul,
#login-drop ul,
#login-drop2 ul {
    display: none;
    position: absolute;
    width: 180px;
    margin: 10px 0 0 -10px;
    padding: 8px 0;
    background: #FFF;
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

nav ul li ul li {
    border: 0;
    clear: both;
    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: 0px;
    width: 360px;
    padding: 10px;
    background: #005581;
    font-size: 16px;
    display: none
}

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: 0.9em;
    font-weight: bold;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.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)
}

.pushy,
#container,
.push {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.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, 0.5);
    -webkit-animation: fade 500ms;
    -moz-animation: fade 500ms;
    -o-animation: fade 500ms;
    animation: fade 500ms
}

@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 0 0;
        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 {
    padding-bottom: 100px
}

.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: none;
    font-size: 18px;
    color: #333;
    background: url("img/icon-mobile-search.png") no-repeat left center #e7e7e7
}

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

.pushy ul li {
    border-bottom: 1px solid #ced2d6;
    padding: 15px;
    font-weight: 400
}

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

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

.pushy ul li ul {
    margin-bottom: 0px;
    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: normal;
    line-height: 20px;
    color: #005581;
    padding: 5px 10px;
    display: block
}

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

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

.subNav {
    width: 100%;
    background: #1dafec;
    padding: 0px 7.00935%;
    font-family: "Century Gothic W01", san-serif
}

.subNav .navWrap {
    display: table;
    table-layout: fixed;
    background: none;
    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
}

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

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

.subNav.red {
    background: #b32317
}

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

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

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

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

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

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

.productModule .content:after {
    clear: both
}

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

.productModule .content p {
    color: #000;
    font-weight: 400;
    margin: 0 0 25px 0;
    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") no-repeat right 0
}

.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") no-repeat right 0
}

@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: 0px
    }
}

@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
}

.sectionIntro {
    width: 100%;
    position: relative;
    font-size: 16px;
    font-family: "Century Gothic W01", san-serif
}

.sectionIntro:before,
.sectionIntro:after {
    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: #b02217
}

.sectionIntro .blue {
    color: #005581
}

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

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

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

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

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

.banner {
    width: 100%;
    margin-top: 25px;
    position: relative
}

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

.banner:after {
    clear: both
}

.banner .bannerWrap {
    width: 100%;
    overflow: hidden;
    background-position: center top;
    position: relative
}

@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 270px;
        background-position: -180px -15px
    }
    #oomaconnect-banner {
        display: none
    }
    #shopoffice-banner {
        background-position: 0 0 !important;
        background-size: 100%;
        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: right
    }
}

.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: 33%;
    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
}

/*
@media screen and (max-width:1051px) {
    #shopoffice-banner .content .title {font-size: 36px;}
}
*/
.banner .content .title.red {
    color: #b32317;
}

.banner .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%
}



@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 .title,
    .banner .content .intro {
        display: none
    }
    .banner .mobile .mobileIntro .img-mobile {
        display: none
    }
    .banner .content a.btn {
        margin-top: 0px;
        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:before,
.banner .teloshop:after {
    content: " ";
    display: table
}

.banner .teloshop:after {
    clear: both
}

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

.banner .teloshop .title span {
    font-size: 26px;
    display: block;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif
}

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

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

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

@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;
        margin-top: 250px
    }
}

.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
    }
}

@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 (min-width: 320px) 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:before,
.banner-split:after {
    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: #b32317
}

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

.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
    }
    #telo-block,
    #premier-block,
    #office-main,
    #setup-main,
    #promoter-main {
        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
    }
    #premier-block .product-shot,
    #office-main .product-shot,
    #setup-main .product-shot {
        top: 160px
    }
    #setup-main .product-shot {
        top: 80px
    }
    #premier-block,
    #office-main,
    #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 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: #FFF;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: hidden;
    background-position: right bottom;
    position: relative;
    transition: 0.5s
}

.promoWrap.small .bgpromo {
    display: none
}

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

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

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

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

.promoWrap.small .promoContent a.btn {
    padding-left: 20px;
    padding-right: 20px;
    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: #FFF;
    border: 1px solid #ccc;
    overflow: hidden;
    background-position: right bottom;
    position: relative;
    margin-bottom: 60px
}

.promoWrap.big .bgpromo {
    display: none
}

.bgpromo1 {
    /*background: url('/wp-content/uploads/ooma-business-promo.jpg') no-repeat !important;*/
    background: url('/wp-content/uploads/compare_column.png') no-repeat 90% 50%!important;
    background-position: 100% 100%;
    background-color: #F0F2F1 !important;
}

#dl-brochure.bgpromo1 {
    /*background: url('/wp-content/uploads/ooma-business-promo.jpg') no-repeat 100% 100%!important;*/
    background: url('/wp-content/uploads/office-brochure.jpg') no-repeat 100%!important;
}

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

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

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

#bgpromo7 {
    background: url('/wp-content/uploads/bgpromo7.jpg') no-repeat !important;
    background-position: 100% 100%;
    height: 295px;
}

#bgpromo8 {
    background: url('/wp-content/uploads/bgpromo8.jpg') no-repeat !important;
    background-position: 100% 100%;
    height: 295px;
}

#telo-bestchoice {
    background: url('/wp-content/uploads/banner-telo-shot.png') #f5f4f4 no-repeat 235px bottom!important;
    background-position: 100% 100%;
    background-size: 60% !important;
}

#ooma-vs {
    background: url('/wp-content/uploads/compare_column.png') #f5f4f4 no-repeat 90% 50%!important;
    background-position: 100% 100%;
    background-size: 13% !important;
}




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

.bgpromo1,
.bgpromo2 {
    height: 300px
}

.bgpromo1 .promoContent p,
.bgpromo2 .promoContent p {
    width: 300px
}

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

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

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

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

.promoWrap.big .promoContent a.btn {
    padding-left: 20px;
    padding-right: 20px;
    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;
        /*float: left;*/
        margin:0 auto;
    }
    .promoWrap.big {
        width: 99%;
        background-position: -60px 1px !important
    }
    #dl-brochure.bgpromo1 {
    background: url('/wp-content/uploads/office-brochure.jpg') no-repeat 20%!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
    }
    .bgpromo1,
    .bgpromo2,
    #dl-brochure.bgpromo1 {
        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') no-repeat #fff;
    background-position: 100% 100%
}

@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 {
    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
}

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

.cta .ctaDesc {
    float: left;
    width: 58.25243%;
    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 h3 strong {
    font-family: "Century Gothic W01 Bold", san-serif;
    font-weight: 300
}

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

.cta .ctaDesc a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    font-size: 14px
}

.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 .ctaImage {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .cta .ctaDesc {
        display: block;
        float: none;
        width: 100%;
        padding-right: 0
    }
}

.featuresList:before,
.featuresList:after {
    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 0.93458%;
    margin-bottom: 30px
}

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

.featuresList .featuredWrap .icon img {
    max-width: 100%
}

@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;
    margin-bottom: 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
}

@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: 0px;
    display: none
}

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

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

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

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 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
}

@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;
    font-size: 16px;
    margin: 0 0.93458%;
    padding: 20px;
    font-size: 0;
    display: block;
    position: relative
}

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

.grayBox:after {
    clear: both
}

.grayBox .colOne {
    vertical-align: top;
    display: inline-block;
    width: 34.28571%;
    margin-right: 3.80952%;
    font-size: 16px
}

.grayBox .colTwo {
    vertical-align: top;
    display: inline-block;
    width: 61.90476%;
    min-height: 325px;
    padding-right: 345px;
    font-size: 16px;
    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 0;
    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 20px
}

@media screen and (min-width: 320px) and (max-width: 640px) {
    .grayBox .promoWrap .content {
        margin: -10px 20px 100px 20px
    }
    .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 0 0;
    -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 0 0
}

.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 {
        /*width: 100%;*/
        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;
    padding-bottom: 55px;
    background: #fff;
    padding: 50px 20px;
    border-radius: 12px
}

.product-description {
    width: 100%
}

.product-description2 {
    width: auto
}

.product-description:before,
.product-description:after {
    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: 0.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: hidden;
    transition: 0.5s
}

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

.product-list:after {
    clear: both
}

.product-list .product-list_item {
    font-size: 16px;
    float: left;
    width: 12.7%;
    margin: 0 0.77882%;
    text-align: center;
    height: 260px
}

#office-acc .product-list_item:first-child {
    margin-left: 13%
}

.product-list .product-list_item:before,
.product-list .product-list_item:after {
    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 {
    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
}

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

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

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

.product-list.asNav.red .product-list_item.is-active {
    border-bottom: 4px solid #b32317
}

.mobileListItems {
    display: none
}

@media screen and (max-width: 800px) {
    .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_img .audio img {
    max-width: 100%
}

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

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

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

@media screen and (max-width: 900px) {
    .sectionDesc .sectionDesc_img,
    .sectionDesc .sectionDesc_desc {
        display: block;
        clear: both;
        width: 100%
    }
    .sectionDesc .sectionDesc_img:before,
    .sectionDesc .sectionDesc_img:after,
    .sectionDesc .sectionDesc_desc:before,
    .sectionDesc .sectionDesc_desc:after {
        content: " ";
        display: table
    }
    .sectionDesc .sectionDesc_img:after,
    .sectionDesc .sectionDesc_desc: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 img {
        max-width: 100%
    }
    .sectionDesc .sectionDesc_img .audio {
        width: 45%
    }
    .sectionDesc .sectionDesc_img .audio img {
        max-width: 100%
    }
    #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:before,
.lrgIconblock:after {
    content: " ";
    display: table
}

.lrgIconblock:after {
    clear: both
}

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

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

.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 {
    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.red,
.centerFlex .item.steps p.red {
    color: #b02217
}

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

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

.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") no-repeat center center;
    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") no-repeat center center
}

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

.videoWrap .videoItem .videoItem_title {
    padding: 10px;
    width: 100%;
    text-align: center;
    font-family: "Century Gothic W01", san-serif;
    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") no-repeat center center
}

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

.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-family: "Century Gothic W01", san-serif;
    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
}

.leftNav ul li a:hover {
    color: #005581
}

.leftNav ul li a.is-active {
    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;
    color: #005581
}

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

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

.contentMain a {
    color: #005581
}

.contentMain hr {
    display: block;
    width: auto;
    margin: 30px 0 !important;
    height: 1px;
    border: 0;
    background: url("img/bg-hr.gif") repeat-x
}

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

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

.secondaryPage:before,
.secondaryPage:after {
    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 .main,
.secondaryPage .col.center10 {
    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 .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 .leftNav ul li a:hover {
    color: #005581
}

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

.secondaryPage .leftNav .selectWrap {
    display: none
}

.secondaryPage .contentMain {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    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-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 3px;
    color: #005581
}

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

.secondaryPage .contentMain a {
    color: #005581
}

.secondaryPage .entry hr {
    display: block;
    width: auto;
    margin: 30px 0 !important;
    height: 1px;
    border: 0;
    background: url("img/bg-hr.gif") repeat-x
}

.secondaryPage .press h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f4f4f4
}

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

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

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

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

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

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

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

.secondaryPage .pressRelease h2 {
    font-family: 'Open Sans', sans-serif;
    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 15px
}

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

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

.secondaryPage .smallBanner {
    background: #f7f7f7 url('/wp-content/uploads/ooma-office.png') no-repeat right;
    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:before,
.secondaryPage .jobs:after {
    content: " ";
    display: table
}

.secondaryPage .jobs:after {
    clear: both
}

.secondaryPage .jobs .jobsList {
    float: left;
    width: 38.09524%;
    margin-left: 10.11905%
}

.secondaryPage .jobs .jobsList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 35px
}

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

.secondaryPage .jobs .jobsList ul li.title,
.secondaryPage .jobs .jobsList h2.display-posts-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
}

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

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

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

.secondaryPage .awards {
    width: 100%
}

.secondaryPage .awards:before,
.secondaryPage .awards:after {
    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
}

.secondaryPage .awards .awards_item img {
    max-width: 100%
}

@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: 850px;
    display: block;
    font-size: 0
}

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

@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 0;
    padding: 0;
    border-collapse: collapse
}

table.ratesTable th {
    font-size: 18px;
    font-family: "Century Gothic W01", san-serif;
    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;
    border-collapse: collapse
}

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:before,
.shop:after {
    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
    }
}

@media screen and (max-width: 959px) {
    .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 .shop_product p {
    font-size: 16px;
    margin: 0 0 20px 0
}

.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 .shop_product {
    font-size: 16px;
    width: 33.33%;
    display: inline-block;
    padding-right: 5%;
    vertical-align: top
}

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

.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: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin-top: 40px;
    border-bottom: 3px solid #dfdede;
    margin-bottom: -20px
}

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

ul.retailersList li img {
    max-width: 100%
}

@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 h3.red {
    color: #b32317
}

.utility p.strong {
    color: #015581;
    font-size: 15px;
    font-weight: 600;
    margin: 20px 0 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 0
}

.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
}

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

.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 5.60748%
}

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

.taxes table a {
    color: #015581
}

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

.taxes table th.alignRight,
.taxes table td.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: none;
    color: #333;
    background: url("img/arrow-small-down.png") no-repeat 0 6px;
    padding-left: 15px;
    text-decoration: none
}

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

.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:before,
.worldPlans:after {
    content: " ";
    display: table
}

.worldPlans:after {
    clear: both
}

.worldPlans h2 {
    margin-bottom: 40px
}

.worldPlans .countryList {
    background: url("/wp-content/uploads/bg-worldmap.jpg") no-repeat center top;
    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
}

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

.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 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:before,
.savings:after {
    content: " ";
    display: table
}

.savings:after {
    clear: both
}

.savings label,
#blue-savings .savings label {
    font-size: 16px;
    font-family: "Century Gothic W01", san-serif;
    color: #b32317;
    margin-bottom: 8px;
    display: block
}

#blue-savings .savings label,
#blue-savings .calc-results .results-title,
#blue-savings .estimatedCosts .cost-title,
{
    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
    }
}

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

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

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

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

.estimatedCosts hr {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 3px
}

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

.calc-results {
    width: 100%;
    padding-left: 25px;
    border-left: 1px solid #dddfe2;
    height: 100%
}

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

.calc-results:after {
    clear: both
}

.calc-results .results-title {
    color: #b32317;
    font-family: "Century Gothic W01", san-serif;
    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 0
}

.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: lightblue
}

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

.calc-results .chart .bar,
#savings_calculator_home > div.bar,
#savings_calculator > div.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: 13px 25px 0 10px
}

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

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

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

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

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

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

.calc-results .chart .bar.three,
#savings_calculator_home > div.bar.three,
#savings_calculator > div.bar.three {
    width: 100%;
    background: #7aae75
}

@media screen and (min-width: 800px) and (max-width: 960px) {
    .calc-results .chart .bar,
    #savings_calculator_home > div.bar,
    #savings_calculator > div.bar {
        font-size: 14px
    }
}

@media screen and (max-width: 640px) {
    .calc-results .chart .bar,
    #savings_calculator_home > div.bar,
    #savings_calculator > div.bar {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .calc-results .chart .bar,
    #savings_calculator_home > div.bar,
    #savings_calculator > div.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%;
    border-collapse: collapse
}

.startingService table th,
.startingService table td {
    text-align: left;
    vertical-align: top
}

.startingService table th {
    background: #b32317;
    font-size: 26px;
    color: #fff;
    padding: 20px 15px;
    font-family: "Century Gothic W01", san-serif;
    font-weight: 300
}

.startingService table th span {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    display: block
}

.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:before,
.rates:after {
    content: " ";
    display: table
}

.rates:after {
    clear: both
}

.rates form {
    font-size: 16px;
    background: #f8f8f8;
    padding: 15px 20px 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%;
    border-collapse: collapse
}

#country_table table thead {
    background: #dddfe2;
    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: 8px
    }
}

#country_table table tbody td {
    border-bottom: 1px solid #f8f8f8;
    padding: 10px
}

.sitemap {
    width: 100%;
    border-top: 5px solid #015581;
    min-height: 400px
}

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

.sitemap:after {
    clear: both
}

.sitemap .sitemapSection {
    float: left;
    width: 25%;
    padding-right: 30px;
    margin: 40px 0 0 0
}

.sitemap .sitemapSection h3 {
    margin-bottom: 20px
}

.sitemap .sitemapSection ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Century Gothic W01", san-serif;
    margin-bottom: 40px
}

.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%;
    border-top: 5px solid #015581
}

.support:before,
.support:after {
    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-family: "Century Gothic W01", san-serif;
    font-weight: 400;
    border: 0;
    padding: 0
}

.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;
    font-family: "Century Gothic W01", san-serif;
    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: 0;
    padding: 0;
    list-style: none;
    padding: 25px 20px;
    border-right: 1px solid #f5f4f4;
    margin-top: -5px
}

.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:hover {
    color: #005581
}

.support .leftNav ul li a.is-active {
    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-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.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 0;
    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 .icon,
    .support .contentMain .helpModule .desc {
        display: block;
        width: 100%
    }
}

.support a.more {
    background: url("img/icon-arrow-darkblue-11x11.png") no-repeat right 4px;
    padding-right: 20px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    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 0;
    width: 195px;
    border: 0
}

.casestudies .leftNav ul li a.is-active {
    color: #b32317
}

.casestudies .caseItem {
    /*width: 100%;
    padding: 40px 0;*/
    width: 350px;
    padding: 40px 8px;
    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;
    /*display: table-cell;
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
    padding-top: 5px */
    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
}

@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;
        /*text-align: left;*/
        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 (min-width: 320px) and (max-width: 640px) {
    .resourcesPromo .resourcesPromo-desc {
        padding-right: 0
    }
}

.resourcesPromo .resourcesPromo-desc .title {
    font-size: 38px;
    line-height: 1.3em;
    margin-bottom: 20px;
    color: #b32317;
    font-family: "Century Gothic W01", san-serif
}

.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: 0.5s
}

.liveDemo .title {
    font-size: 21px;
    color: #b32317;
    margin-bottom: 10px
}

.liveDemo strong {
    font-weight: 600
}

.liveDemo form {
    margin: 30px 80px 0 0;
    padding: 0
}

.liveDemo form label {
    font-size: 18px;
    color: #b32317;
    font-family: "Century Gothic W01", san-serif;
    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 0
}

.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: none;
    height: 130px
}

.searchResults:before,
.searchResults:after {
    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:before,
.searchResults .results:after {
    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 {
    border-top: 2px solid #f5f4f4;
    padding-bottom: 60px;
    padding-top: 30px
}

.searchResults .pager:before,
.searchResults .pager:after {
    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 white;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.searchResults .pager ul.page-numbers li a {
    color: #005581
}

.searchResults .pager ul.page-numbers li .current {
    border: 1px solid #005581;
    color: #005581
}

.searchResults .pager ul.page-numbers li a.prev,
.searchResults .pager ul.page-numbers li a.next {
    -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
}

.searchResults .pager ul.page-numbers li a.next {
    border-left: 1px solid #f5f4f4
}

.searchResults .pager ul.page-numbers li.prev a,
.searchResults .pager ul.page-numbers li.next a {
    color: #005581
}

.searchResults .pager ul.page-numbers li a.prev {
    background: url("img/arrow-prev.png") no-repeat 0 11px;
    padding-left: 15px
}

.searchResults .pager ul.page-numbers li a.next {
    background: url("img/arrow-next.png") no-repeat right 12px;
    padding-right: 15px
}

@media screen and (max-width: 640px) {
    .searchResults .pager ul.page-numbers {
        float: none;
        text-align: center;
        margin: 0 auto 20px auto
    }
    .searchResults .pager ul.page-numbers li.prev {
        border-left: 0
    }
}

.promoter {
    padding-bottom: 20px
}

.promoter .banner-split .split-content {
    background: url("img/bg-flower.png") no-repeat right center
}

.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: 0px
    }
    .promoter .product-intro .product-intro_product img {
        width: 100%;
        max-width: 100%
    }
}

.promoter .product-intro ul.checkmarks {
    margin: 0;
    padding: 0;
    list-style: none
}

.promoter .product-intro ul.checkmarks li {
    padding-left: 25px;
    background: url("img/checkmark.png") no-repeat 0 5px;
    margin-bottom: 15px
}

.promoter h3 {
    margin-bottom: 10px
}

.promoter p {
    margin: 0 0 20px 0
}

.promoter a.btn {
    margin-top: 10px
}

footer {
    background: #9da6ae;
    width: 100%;
    font-size: 16px;
    padding: 40px 0;
    font-family: "Century Gothic W01", san-serif;
    margin: 0 auto;
    max-width: 1282px
}

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

footer:after {
    clear: both
}

footer .container {
    width: 100%;
    max-width: 1284px;
    margin: 0 auto
}

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

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: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    margin-bottom: 15px
}

@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 (min-width: 320px) 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
}

footer ul.social li a.twitter {
    background: url("img/icon-twitter-46x46.png") 0 0 no-repeat
}

footer ul.social li a.facebook {
    background: url("img/icon-facebook-46x46.png") 0 0 no-repeat
}

footer ul.social li a.linkedin {
    background: url("img/icon-linkedin-46x46.png") 0 0 no-repeat
}

footer ul.social li a.googleplus {
    background: url("img/icon-googleplus-46x46.png") 0 0 no-repeat
}

footer ul.social li a.youtube {
    background: url("img/icon-youtube-46x46.png") 0 0 no-repeat
}

footer ul.social li a.pinterest {
    background: url("img/icon-pinterest-46x46.png") 0 0 no-repeat
}

footer ul.social li a.instagram {
    background: url("img/icon-instagram-46x46.png") 0 0 no-repeat
}

@media screen and (max-width: 640px) {
    footer ul.social {
        text-align: center
    }
}

footer .copyright {
    margin-top: 30px;
    font-size: 12px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif
}

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

footer .copyright ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin-top: 10px
}

footer .copyright ul li {
    display: inline-block;
    font-size: 12px;
    border-left: 1px solid #FFF;
    margin: 0;
    padding: 0 10px 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: 0.80em;
    padding-top: 3px
}

@media screen and (min-width: 641px) and (max-width: 960px) {
    footer .copyright {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 640px) {
    footer .copyright {
        text-align: center
    }
}

footer .footerSiteMap {
    float: left;
    width: 24.90421%;
    padding-right: 3.83142%
}

footer .footerSiteMap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px
}

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
}

@media screen and (max-width: 640px) {
    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 div,
.mktoForm span,
.mktoForm label,
.mktoForm p {
    width: 65%
}

.mktoForm .mktoLabel {
    position: inherit;
    font: 12px 'Open Sans', sans-serif;
    color: darkgray;
    font-weight: normal !important;
    margin-top: 8px;
    margin-left: 0;
    margin-bottom: 10px
}

#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_97 input[type=text],
#mktoForm_113 input[type=text] {
    margin-bottom: 0 !important
}

#mktoForm_97 > div.mktoButtonRow > span > button,
#mktoForm_113 > div.mktoButtonRow > span > button {
    margin-left: 33px
}

#mktoForm_759 > div:nth-child(11) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth,
#mktoForm_761 > 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_755 > 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_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_97 > div:nth-child(11) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth,
#mktoForm_113 > 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=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {
    border-left: 1px solid #ebeaea !important;
    border-right: 1px solid #ebeaea !important;
    border-top: 1px solid #d6d5d5 !important;
    border-bottom: none !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    width: 80% !important;
    height: 30px;
    font-size: 12px;
    text-indent: 10px;
    box-shadow: none !important
}

.mktoForm .mktoRequiredField .mktoAsterix,
.mktoForm .mktoOffset,
.mktoForm .mktoGutter {
    display: 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 #FirstName,
#mktoForm_83 #LastName,
#mktoForm_83 #Email,
#mktoForm_87 #Email {
    margin-bottom: 0;
    width: 80% !important
}

@media screen and (min-width:985px) {
    #mktoForm_83 {
        margin-top: 15%
    }
}

#mktoForm_479 input#FirstName,
#mktoForm_479 input#LastName,
#mktoForm_479 input#Email,
#mktoForm_479 input#Phone,
#mktoForm_480 input#FirstName,
#mktoForm_480 input#LastName,
#mktoForm_480 input#Email,
#mktoForm_480 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 (min-width: 320px) and (max-width: 868px) {
    #mktoForm_247.mktoForm .mktoFormCol,
    #mktoForm_247 > div.mktoButtonRow > span {
        margin-left: 0 !important
    }
    #mktoForm_83 #FirstName,
    #mktoForm_83 #LastName,
    #mktoForm_83 #Email,
    #mktoForm_87 #Email,
    .rates form .selectWrap,
    input#calculatorCurrentMonthly.mktoField.mktoTextField.mktoHasWidth.mktoRequired.mktoInvalid,
    #mktoForm_83 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label,
    #mktoForm_281 > div.mktoFormRow > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {
        width: 240px !important
    }
    .rates form .selectWrap {
        margin-bottom: 10px
    }
    #mktoForm_97 input[type=text],
    #mktoForm_97 input[type=email],
    #mktoForm_75 input[type=email],
    #mktoForm_113 input[type=text],
    #mktoForm_113 input[type=email],
    #mktoForm_247 input[type=text],
    #mktoForm_247 input[type=email],
    #mktoForm_97 select#SwitchDate.mktoField.mktoHasWidth.mktoRequired,
    #mktoForm_97 > div:nth-child(6) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label,
    #mktoForm_97 > div:nth-child(12) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {
        width: 200px !important
    }
    .mktoForm .mktoLabel {
        position: inherit;
        font: 12px 'Open Sans', sans-serif;
        color: darkgray;
        font-weight: normal !important;
        margin-top: 3px;
        margin-left: 0;
        margin-bottom: 10px;
        width: 200px !important
    }
    #mktoForm_113 > div.mktoButtonRow > span > button {
        margin-left: 0 !important
    }
    section#pricingCalculator .col.center10 .inner-four,
    section#pricingCalculator .col.center10 .inner-six {
        width: 100%;
        margin: none
    }
    section#pricingCalculator .col.center10 .inner-six .pricingCalculator {
        height: auto
    }
    section#pricingCalculator #mktoForm_485 {
        padding: 0 !important
    }
    section#pricingCalculator#mktoForm_485 select,
    section#pricingCalculator #mktoForm_485.mktoForm div,
    #mktoForm_485 > div.mktoFormRow > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {
        width: 100% !important
    }
}

#mktoForm_281 > div.mktoFormRow > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label,
#mktoForm_480 .mktoForm .mktoLabel {
    position: relative;
    margin-bottom: 12px;
    color: #333;
    font-weight: bold !important;
    margin-left: 0px !important;
    margin-top: -8px
}

#mktoForm_485 > div.mktoFormRow > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label,
#mktoForm_485 > div:nth-child(6) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > label,
#mktoForm_247 > div.mktoFormRow > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {
    position: relative;
    font-size: 16px;
    font-family: "Century Gothic W01", san-serif;
    color: #b32317;
    margin-bottom: 8px;
    display: block;
    margin: 0;
    width: 350px
}

#mktoForm_247 > div.mktoFormRow > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {
    width: 150px !important
}

#mktoForm_485 select,
#mktoForm_485 input,
{
    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 {
    background: #fff url('img/select-dropdown-20x20.png') center right no-repeat !important
}

.mktoRound {
    margin-left: 0px !important
}

.promoImage,
#close-video,
#open-video,
#open-video-telo,
#open-video-office,
#dl1,
#dl2,
#close1,
#close2 {
    cursor: pointer
}

#box-office,
#box-office-telo,
#box-office-office,
#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: 2500px !important
}

#open-video-mobile {
    display: none
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    #box-office,
    #box-office-telo,
    #box-office-office,
    #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
    }
    a#open-video2.btn.red.mobile {
        display: none
    }
    #open-video-mobile {
        display: block
    }
    #box-office2.features-video {
        top: 770% !important
    }
    #box-office.mobile,
    #box-office.mobile-home,
    #box-office-telo,
    #box-office-office {
        width: 100% !important
    }
    #box-office.mobile {
        top: 275% !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-telo video,
    #box-office-office 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,
    #box-office2,
    #box-office3 {
        width: 100% !important
    }
    #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-telo,
    #close-video-office,
    #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-telo,
#box-office-office {
    top: 80%
}

#box-office1,
#box-office2,
#box-office3 {
    top: 1%
}

#close-video,
#close-video1,
#close-video-telo,
#close-video-office,
#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,
.stay_connect_form {
    display: none;
    background: #fff;
    padding: 8px 8px 8px 18px;
    border-radius: 5px;
    border: thin solid lightgray;
    position: absolute;
    z-index: 99999999;
    width: 350px;
    top: 15px;
    left: 50%;
    right: 50%;
    margin-left: -175px
}

#stay_connect {
    cursor: pointer
}

#close1,
#close2,
#closeform {
    color: #000;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    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,
#retail,
#manu {
    display: none
}

#case-all,
#case-arch,
#case-bookpay,
#case-edu,
#case-health,
#case-law,
#case-retail,
#case-manu {
    cursor: pointer
}

#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 lightgray !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 .bv-content-title {
    padding-bottom: 0 !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 > 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,
    #BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-section-summary-block {
        position: relative !important;
        left: 400px !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-inline-histogram.bv-section-summary-block,
    #BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-section-summary-block {
        position: relative !important;
        left: 4% !important
    }
}

#BVRRContainer .bv-secondary-rating-summary-stars .bv-td,
#BVRRContainer .bv-secondary-rating-summary-bars-container .bv-td,
#BVRRContainer .bv-cleanslate .bv-core-container-45 .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star,
#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 {
    padding-bottom: 0 !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: lightgray !important
}

#wsa_div {
    left: inherit !important;
    right: 0;
    top: 75% !important
}

@media screen and (min-width: 480px) {
    .videoWrap p {
        margin-left: 45px
    }
}

.listing-left,
.listing-right {
    display: inline-block;
    vertical-align: top
}

.listing-left {
    width: 250px;
    border-right: thin solid lightgray
}

.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,
    #banner3 .split-content {
        padding-top: 25px
    }
    #banner3 .split-content br {
        display: none
    }
    #banner3 .split-content a#learn_button.btn.red {
        margin: 10px 0 5px;
        display: inline-block
    }
    #banner1 .intro,
    #banner3 .intro,
    #banner4 .smallprint,
    #banner5 .mobileIntro,
    .slick-prev,
    .slick-next,
    .hideMe {
        display: none !important
    }
    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
    }
    #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
    }
    div.smallprint,
    .slick-prev,
    .slick-next {
        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) {
    header {
        height: 60px
    }
    header #logo {
        height: 60px;
        padding-top: 7px
    }
    div.smallprint,
    .slick-prev,
    .slick-next {
        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%
    }
    #banner3 .banner-split .split-content .intro {
        width: 100%
    }
    #banner3 .banner-split .split-content .product-shot {
        width: 410px
    }
    #banner3 .banner-split .split-content a.btn.red,
    #office-main a.btn.red,
    .featuresList a.btn.red,
    #setup-main a.btn.red,
    #product a.btn.red {
        margin-top: 1%
    }
    .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
    }
    #telo-block,
    #premier-block {
        padding-bottom: 0;
        height: 410px
    }
    #telo-block .product-shot {
        top: 110px
    }
    div#audio_quality.sectionDesc_img {
        position: relative;
        left: 20%;
        right: 20%
    }
    #premier-block .intro,
    #office-main .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 #slideshow {
    float: right;
    width: 756px;
    height: 380px;
    margin-top: 40px;
    transition: 2s;
}

#oomaconnect-banner .slide img {
    width: 756px !important;
    height: 380px !important;
    max-width: inherit
}

#oomaconnect-banner .slide {
    position: absolute
}

#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 {
    margin: 0;
    padding: 0
}

#slideshow ul li {
    display: inline
}

#slideshow .slidecontrols {
    text-align: center;
    display: block;
    position: relative;
    top: 475px;
    z-index: 99;
    width: 240px;
    margin-left: -100px;
    left: 50%;
    right: -50%
}

#slideshow .slidecontrols .number {
    border-radius: 50%;
    border: thin solid #1dafec;
    background: #fff
}

#slideshow .slidecontrols .selected,
#slideshow .slidecontrols .number:hover {
    border-radius: 50%;
    background: #1dafec
}

#slideshow .slidecontrols img {
    cursor: pointer;
    margin: 0 15px
}

.prev,
.next {
    color: #1dafec;
    font-size: 35px;
    line-height: .2em
}

.prev {
    float: left
}

.next {
    float: right
}

#on-tv {
    position: absolute;
    margin-top: -15px;
    right: 0
}

@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: 0px
    }
}

@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') no-repeat;
    background-position: 0% 5%
}

@media screen and (device-aspect-ratio: 40/71) {
    #cat_header.one {
        height: 20px;
        background: none
    }
}

#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') no-repeat;
    background-position: top left;
    padding-bottom: 40px;
    padding-left: 40px;
    margin: 0 30px 0 0;
    display: inline-table
}

@media screen and (min-width: 320px) and (max-width: 719px) {
    .testimonial-box {
        width: 100%
    }
}

.testimonial-name {
    font-weight: bold;
    margin-top: 25px
}

.navigation {
    float: left;
    clear: both;
    margin-top: 50px;
    padding-top: 35px;
    border-top: thin solid lightgray;
    margin-bottom: 68px;
    width: 100%
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration: none
}

.navigation li {
    display: inline
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #6FB7E9;
    border-radius: 50%;
    cursor: pointer;
    padding: 10px 15px
}

.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 #cccccc;
    padding: 14px;
    display: inline-block;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 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 strong {
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
    width: 70px;
    height: 40px;
}
.bus-phone-box .logo {
    margin-bottom: 8px;
}


.bus-phone-box span {
    color: #999;
    font-size: 12px;
    display: block;
    margin-top: 22px;
}

.bus-phone-box h3 {
    margin-bottom: 8px;
    font-size: 19px
}

.bus-phone-box .btn {
    /*display: none;*/
    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 {
    /*display: none*/
}

section#setup_office h2 {
    margin-bottom: 30px
}

section#setup_office .item {
    text-align: center;
    /*width: 25%*/
    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; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f5f5 0%, #f6f6f6 47%, #ffffff 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f5f5 0%,#f6f6f6 47%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f5f5 0%,#f6f6f6 47%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
ê
}

@media screen and (min-width: 857px) and (max-width: 959px) {
    section#setup_office .item {
        /*width: 24%*/
    }
}

@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 {
    /*display: none;*/
    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 !important;
    margin-right: 0
}

#chart-container .col.square {
    display: block;
    height: 213px;
    margin-left: 10px;
    width: 25%;
    float: left;
    border: thin solid lightgray;
    padding: 15px;
    background: #f3f3f3;
    text-align: left;
    font-size: 14px;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0)
}

#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: black
}

#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 lightgrey;
    border-right: thin solid lightgrey
}


.list.left {
    margin: 0 0 0 10px
}

.list.right {
    margin: 0 0 0 26px
}

.list.last {
    border-bottom: thin solid lightgrey
}

#chart-container .list {
    line-height: 2.2em
}

#chart-container .block {
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0);
    height: 45px;
    width: 52.5%;
    float: right;
    border: thin solid lightgrey;
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
    line-height: 2.2em
}

#shop-box {
    width: 550px;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}
/*
@media screen and  (max-width:959px) {
    #shop-box {
        top: 205px;
        right: initial;
    }
    #shopoffice-banner.bannerWrap {
        height: 300px;
        background-position: 200px -219px;
        background-color: #DBDBDD;
    }
    #shopoffice-banner .content a.btn {
        display: none;
    }
    #shopoffice-banner.bannerWrap {
    background-position: 230px -220px;
    background-color: #DBDBDD;
    }
    
}

@media screen and (max-width:665px) {
    #shop-box {
        top: 233px;
    }
    #shopoffice-banner.bannerWrap {
        background-position: 220px 5px;
        background-size: 100%;
    }
}

@media screen and (max-width:648px) {
    #shop-box {
        top: 266px;
    }
}

@media screen and (max-width:639px) {
    #shop-box {
        top: 186px;
    }
}

@media screen and (max-width:628px) {
    #shop-box {
        top: 217px;
    }
}

@media screen and (max-width:587px) {
    #shop-box {
        top: 240px;
    }
}
@media screen and (max-width:580px) {
    #shop-box {
        width:100%;
    }
    .office-shop-box {
        display: inline-block;
        width: 40%;
    }
}

@media screen and (max-width:480px) {
    #shopoffice-banner {
        height: auto;
    }
    #shop-box {
        top: 262px;
    }
    #shopoffice-banner.bannerWrap {
        background-image: none;
    }

}
@media screen and (max-width:409px) {
    #shop-box {
        top: 286px;
    }
}

*/


.office-shop-box {
    display: block;
    background: rgba(255, 255, 255, 0.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: 15px;
    height: 280px;*/
    padding: 35px 15px 20px;
    font-weight: 100
}

.office-shop-box h3 {
    color: #ffffff;
    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;
    /*position: relative;
    top: 20px*/
    margin: 10px 0;
}

.office-shop-box small {
    width: 100%;
    display: block;
    font-size: 65%;
    color: #999999;
}

.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-telo,
.bf-office {
    height: 320px;
    width: 25%;
    position: absolute;
    top: 20%;
    z-index: 10000
}

.bf-office {
    right: 10%
}

#black-friday .one,
#black-friday .two,
#black-friday .three {
    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-telo,
    .bf-office {
        display: none
    }
    #black-friday {
        background: none;
        height: auto
    }
    #black-friday .one,
    #black-friday .two,
    #black-friday .three {
        width: 100%;
        height: 384px;
        display: block
    }
    #black-friday .two,
    #black-friday .three {
        cursor: pointer
    }
    #black-friday .one {
        background: url('http://www.ooma.com/wp-content/uploads/blackfriday_tags.jpg') no-repeat;
        background-size: 100%;
        background-position: 0 75%
    }
    #black-friday .two {
        background: url('http://www.ooma.com/wp-content/uploads/blackfriday_home_telo.jpg') no-repeat #64110f;
        background-size: 60%;
        background-position: 50% 50%
    }
    #black-friday .three {
        background: url('http://www.ooma.com/wp-content/uploads/blackfriday_home_office.jpg') no-repeat #64110f;
        background-size: 60%;
        background-position: 50% 50%
    }
}

#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: 0.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%
    }
}