/* Theme Name: babyTEL Description: babyTEL Wordpress theme. Author: wes hatch Version: 0.1 Table of Contents: Reset Layout General Styles text links images tables lists forms buttons helpful Section Styles header navigation sidebar content secondary footer Page Specific Styles landing mobile home business sip-trunking fax social partner about/contact keep your number coverage Template Styles overview plans support basic expanding Utility /* -------------------------------------------------------------- RESET -------------------------------------------------------------*/ html, body, div, span, a, img, h1, h2, h3, h4, h5, h6, hgroup, p, dl, dialog, dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup, object, iframe, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, figure, menu, time, mark, audio, video { font-family:inherit; font-size:100%; font-weight:inherit; font-style:inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } textarea, input, select { font-family:inherit; font-size:100%; font-weight:normal; font-style:normal; white-space: normal; text-align: left; margin: 0; padding: 0; } article, aside, footer, header, nav, section, dialog, figure, hgroup, menu { display:block; } del, ins { text-decoration:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; background-color:transparent; width:auto; height:auto; } :focus { outline: 0; } html { height:100%; } body { background: white/*url('images/bg/stripes.png') fixed*/; -moz-osx-font-smoothing: grayscale; font:16px/18px 'Lato', Helvetica, sans-serif; color:#666; min-height:100%; position:relative; padding-bottom: 725px; } body.modal-on { position: fixed; overflow-y: scroll; width: 100%; } hr {display: none !important;} /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------*/ header { height:405px; background:url('images/bg/stripes-blue.png') fixed; border-top:1px solid #00cffa; } #banner { padding:15px 10px 0; position:relative; color:#fff; width: 100%;} #main .container { /*padding-top:50px;*/ } #secondary { } footer { height:725px; width:100%; position:absolute; bottom:0; background:url('images/bg/stripes-dark.png') fixed; } body.rates footer { height: 753px; } @media only screen and (min-width: 1024px) { body { padding-bottom: 216px !important; } } /* layout helpers */ #shim { padding-bottom:75px; } .container { margin:0 auto; position:relative; } .half { width:450px; padding-left:30px; } .third { width:290px; padding-left:30px; } .quarter { width:210px; padding-left:30px } .half, .third, .quarter { float:left; } .half:first-child, .third:first-child, .quarter:first-child { padding:0; } /* -------------------------------------------------------------- GENERAL STYLES -------------------------------------------------------------*/ /* text */ p { margin:0 0 0.8em 0; line-height:1.4; } strong, b { font-weight:bold; } em, i { font-style:italic; } .small { font-size:11px; } blockquote, q { quotes:none; font-size:14px; line-height:18px; color:#b2b2b2; padding:40px 54px 24px; margin:14px 0 28px; background:url('images/util/divider.png') no-repeat; position:relative; clear:both; } sup { height:0; line-height:1; vertical-align:baseline; position:relative; bottom:1em; font-size:40%; } h1,h2,h3,h4,h5,h6 { } /*h1 { font-size:34px; line-height:42px; margin-bottom:16px; color:#fff; }*/ h1 { font-size:40px; line-height:44px; margin-bottom:16px; color:#fff; } h2 { font-size:22px; line-height:24px; margin-bottom:18px; color:#666; font-weight:bold; } h3 { font-size:20px; line-height:32px; margin-bottom:12px; color:#00ccff; } h4 { font-size:18px; line-height:22px; margin-bottom:10px; color:#00ccff; font-weight:bold;} h5 { font-size:15px; line-height:20px; margin:12px 0 8px; color:#666; font-weight:bold; } h6 { font-size:12px; color:#fff; padding:2px 4px 2px 8px; text-transform:uppercase; } .footnote { height:0; line-height:1; vertical-align:baseline; position:relative; bottom:1em; font-size:70%; } /*Superscript for footnotes */ /* links */ a { color:#00ccff; color:#0ac; text-decoration:none; } a:hover { color:#08b; } a:hover, a:active { outline:none; } a { /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;*/ } a.no-transition, .no-transition a { -webkit-transition:none; -moz-transition:none; -o-transition:none; } .yellow-links a { color:#ffff00; text-decoration:none; } .yellow-links a:hover { text-decoration:underline; } /* images */ img.alignleft { margin-right:20px; margin-bottom: 20px; } img.alignright { margin-left:20px; margin-bottom: 20px; } /* tables */ table { border:1px solid #aaa; margin-bottom:24px; } th { border:1px solid #aaa; padding:2px 4px; text-align:center; font-weight:bold; } td { border:1px solid #aaa; padding:4px 8px; } td, td img { text-align:center; vertical-align:top; } /* lists */ ul, ol { } ol { list-style-type:decimal; margin-bottom:0.8em; } ul li { } ol li { margin-left:40px; } ul.bubble { font-size:11px; position:relative; padding:12px 10px 12px 28px; margin-top:25px; border-radius:8px; list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKdJREFUeNpi+P//PwMubGxsnAzE/CA2I4jABkxMTFyB1C4gvg/Ehiw4FAkBqflQ7vEzZ858ZIJKaAExG5LaaUAsDcSPgDgLJMAIdIMEkL4EtSICiC2BeCkQ/wViN6Bp+0AKQVarAzHINDMgPg9VAAITYYpAgAnIOQhyLBCfBWJ+IAa57zIQVyK7G+xGoGKQtbZAPAuIf4GcABT7heJDLGGngi1MAQIMABYiX+7ZRTUqAAAAAElFTkSuQmCC') !important; } ul.bubble li { padding:4px 0; line-height:1.3em; } ul.bubble::before { content:''; position:absolute; top:-15px; left:0; width:100%; height:15px; background:url('images/util/triangle_up.png') 50% 0 no-repeat; } ul.blue.bubble { color:#333; } ul.blue.bubble::before { background-image:url('images/util/triangle_up-blue.png'); } /*#content ul, #benefits ul, .plans ul, .plus { padding-left:18px; list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGVJREFUeNpi/P//PwMpgBGkgZGRES5wYP9+YyDVAWI7ODq6IisGqWXBYoggELvgsoGJgURAsgawHw4eOFAOczce4Grv4LCHPBvQQgnk4d3QUGJEDyXaexpbPLwH4j14/UAKAAgwAKyXJAnphbHCAAAAAElFTkSuQmCC'); }*/ #content ul, #benefits ul, .plans ul, .plus { padding-left:23px; list-style-image:url('images/icons/checkmark-blue.gif'); } #content li, #benefits li, .plans li, .plus li { margin-bottom:18px; line-height:1.20em; } /* forms */ form { position:relative; } form span { color:#00cdff; } input[type="text"], input[type="password"], input[type="email"], textarea { height:16px; width:272px; color:#999; font-size:14px; border:1px solid #00acd9; border-radius:6px; padding:8px 8px 6px; background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpiePbsGRMIsLCwMHz8+JHh27dvDL9//2b49+8fw////wECDADjehFmvmuikgAAAABJRU5ErkJggg==') repeat-x; } input[type="checkbox"] { vertical-align:bottom; } input[type="submit"] { -webkit-appearance: none; } textarea { overflow:auto; min-height:48px; } label { color:#333; font-size:14px; line-height:22px; font-weight:bold; display:block; } input.mini { width:120px; } input.magnify { border:0; cursor:pointer; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOFJREFUeNqM0UELAUEUwPFdS8mF1sFFOUnJXS6KXPYzODoqKUffwF3K53BRLpylHDfao0hJOTqs/+hNrWnDq99OzfT2vXljh2FoSdTRRxV3bDHBzTLClqQexjhjgyzaeKAL/yOLpAoOmCOtfiKq2GMR2XtTnxF8uOYheghQju4nKFbCNa534ihrMbqpkk4owI1Jqsl6ibuTamGGjHGnXdyd9PTUqEfS5hp5NOHgKecrc+T6nYbGO+XQksQBlrq9b1LSdiAT9vTI/0mcRhI7Set3PKVtFR4a/1TSHFVFVX4JMAAQMR4NeVp5WAAAAABJRU5ErkJggg==') center center no-repeat; } input:focus, textarea:focus { border-color:#000; } select { font-size:14px; height:32px; padding-top: 3px; border:1px solid #00acd9; border-radius:6px;background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpiePbsGRMIsLCwMHz8+JHh27dvDL9//2b49+8fw////wECDADjehFmvmuikgAAAABJRU5ErkJggg==') repeat-x; } /* Handle input field placeholders (Hide on focus - show on blur) */ input:focus::-webkit-input-placeholder { color:transparent; } /* WebKit browsers */ input:focus:-moz-placeholder { color:transparent; } /* Mozilla Firefox 4 to 18 */ input:focus::-moz-placeholder { color:transparent; } /* Mozilla Firefox 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* Internet Explorer 10+ */ /* backgrounds */ .lightgrey { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNqU0dENwCAIBFA591+UHZCa2Fiq1AKJX+ZFuSNmVtWyTa21eIM+RLRfiIgPBoobzIeCBvZzEYNlIfff1iAYzjSIBzoMUiV0g9Zarrh+UubeIW6epQ/G9vNK6cvYTtdYf43Tw9lcAgwA2d1K4RIxX4MAAAAASUVORK5CYII=') fixed; } .grey { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGlJREFUeNqU0UsOwCAIBFCZ+5+MQ2ExbdqKBEcSN5infERVe+9tDhEB0LLwPPw6ZP0JM8vBjXiD9yPS4F8cYxAa2hqsQ6gN0sEVBusSagM/R2aUdGSeHnjzNU2aaUqMiWPdmmQPtbkEGADf92V+GGcJsQAAAABJRU5ErkJggg==') fixed; } .darkgrey { background:url('images/bg/stripes-dark-grey.png') fixed; } .black { background:#323232 url('images/bg/stripes-dark.png') fixed; } .lightblue { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGdJREFUeNqM0DsOgDAMA9BYcP8rVohDUJaEgEo/UKi9eHpyFCzR1ExyUHoC5BWsuwPhzQm8eJMAbwogTQMY8wRD0wH/BiHq3Pv3p3HgxZsEeIOwaZ5jzAWqE4fmBrSpAGdaQJhDgAEA0f94i8h1CNMAAAAASUVORK5CYII='); } /*.lightblue { background:url('images/bg/stripes-blue-light.png'); }*/ .blue { background:url('images/bg/stripes-blue.png'); } .darkblue { background-color: #0083ae; background-image: none;/*background:url('images/bg/stripes-blue-dark.png') fixed;*/ } article.simple div { background:url('images/bg/stripes.png') fixed; } article > div { background:url('images/bg/stripes-grey.png') fixed; } .simple > div { background:url('images/bg/stripes.png') fixed; } /* buttons */ button, .yellow-button { border:0; padding:0 30px; margin:0; height:50px; font:24px/50px Arial, Helvetica; font-weight:bold; text-decoration:none !important; cursor:pointer; color:#333 !important; text-shadow:0 1px #fff; text-align:center; display:inline-block; background:#fff600; /*url('images/util/stripes-yellow.png'); */ border-radius:4px; } button:hover, .yellow-button:hover { color:#000; text-decoration:none !important; background:rgba(255,255,0, 1); background:#ff0; } button.mini, .mini.yellow-button { width:auto; font-size:12px; height:24px; line-height:24px; font-weight:bold; padding:0 12px; border-radius:4px; margin-top: 3px; text-transform: lowercase; } .rates_fr button.mini { -moz-width: 205px; width: 175px; padding: 0 6px; line-height: 14px; margin: 0; } .qc .yellow-button { font-size:20px; } /* helpful */ .error, .alert { color:red; } .left, .alignleft { float:left !important; } .right { float:right !important; } .clear { clear:both; } .rounded { border-radius:8px; /*overflow:hidden; ... break corner things */ } .hidden { display:none; } .more { cursor:pointer; position:absolute; top:54px; right:20px; height:14px; line-height:14px; padding-right:16px; background:url('images/buttons/more-less-small.png') 100% 0 no-repeat; } hr { width:100%; height:0; display:block; clear:both; border:0; border-top:2px solid #ededed; margin:36px 0; } .wide { width: 100% !important; } /* -------------------------------------------------------------- SECTION STYLES -------------------------------------------------------------*/ /* header */ #meta { border-bottom:0; height: 55px; background-color: #00bef4; } #meta .container { margin: 0 auto; overflow: hidden; box-sizing: border-box; padding: 7px; } #meta .container ul.left, #meta .container ul.right { margin-top: 5px; } #meta .container li { font-size: 14px; /*font-weight: bold;*/ margin-right: 6px; } #meta .container .nav-lang li { font-weight: normal; margin-right: 0; } #meta .container .nav-lang li a { cursor: pointer; margin-right: 0; } #meta .container .nav-lang li.lang a { display: inline-block; margin: 0 3px; padding-top: 2px; width: 19px; } /*#meta .container .nav-lang li.lang a img { opacity: .65; -webkit-transition: opacity .10s linear; -moz-transition: opacity .10s linear; -o-transition: opacity .10s linear; }*/ body.canada #meta .container .nav-lang li.lang a:nth-of-type(1) img, body.qc #meta .container .nav-lang li.lang a:nth-of-type(1) img { opacity: 1; } body.usa #meta .container .nav-lang li.lang a:nth-of-type(2) img { opacity: 1; } #meta .container .nav-lang li.lang a:hover img { opacity: 1; } #meta .container .login-btn { background-color: #00b9f2; border-radius: 4px; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 26px; line-height: 26px; margin: 8px 20px 0 14px; padding: 0 6px; text-transform: uppercase; } #meta .container .login-btn:hover { text-decoration: none; } #meta .container .contact-us li { color: #fff; line-height: 32px; } #meta .container .meta-nav li { color: #fff; float: left; line-height: 32px; } #meta .container .meta-nav li a { color: #fff; margin: 0 4px; } #meta .container .nav-lang li { color: #fff; float: left; line-height: 32px; margin-right: 5px; } #meta .container .nav-lang li a { color: #fff; display: block; text-align: right; } #meta .container #searchForm { float: right; margin-right: -145px; transition: margin-right .10s linear; } #meta .container #searchForm.active { margin-right: 0; } #meta .container #searchForm input { width: 100px; background: #0083ae; border: 2px solid #fff; color: yellow; line-height: 20px; margin-top: 5px; margin-right: 4px; margin-left: -10px; height: auto; padding-top: 4px; padding-bottom: 4px; border-radius: 4px; } @media only screen and (max-width: 790px) { #meta .container #searchForm input { width: 65px; } } #meta .container .search-controller { border-radius: 0; cursor: pointer; text-indent: -9000px; padding: 8px; padding-right: 0; height: 28px; width: 35px; } #meta .container .search-controller img { display: block; } #meta .container .search-controller #searchForm { background-color: #e9e9e9; height: 36px; padding: 7px 10px; position: absolute; top: 0; width: 480px; z-index: 50; } #meta .container .search-controller #searchForm input { border-color: #c2c2c2; float: left; height: 20px; } #meta .container .search-controller #searchForm input[type="text"] { width: 462px; } #meta .container #searchForm input[type="text"]::-webkit-input-placeholder { text-transform: capitalize; color: #fff; } /* WebKit browsers */ #meta .container #searchForm input[type="text"]:-moz-placeholder { text-transform: capitalize; color: #fff; } /* Mozilla Firefox 4 to 18 */ #meta .container #searchForm input[type="text"]::-moz-placeholder { text-transform: capitalize; color: #fff; } /* Mozilla Firefox 19+ */ #meta .container #searchForm input[type="text"]:-ms-input-placeholder { text-transform: capitalize; color: #fff; } /* Internet Explorer 10+ */ #meta .container #searchForm input[type="text"]:focus::-webkit-input-placeholder { color: transparent; } /* WebKit browsers */ #meta .container #searchForm input[type="text"]:focus:-moz-placeholder { color: transparent; } /* Mozilla Firefox 4 to 18 */ #meta .container #searchForm input[type="text"]:focus::-moz-placeholder { color: transparent; } /* Mozilla Firefox 19+ */ #meta .container #searchForm input[type="text"]:focus:-ms-input-placeholder { color: transparent; } /* Internet Explorer 10+ */ #meta .container .search-controller #searchForm input[type="submit"] { /* width: 26px; height: 26px !important; */ display: none; } #meta .container .search-controller #searchForm.off { right: -447px; -webkit-transition:right .25s ease-in; -moz-transition:right .25s ease-in; -o-transition:right .25s ease-in; } #meta .container .search-controller #searchForm.on { right: 53px; -webkit-transition:right .25s ease-out; -moz-transition:right .25s ease-out; -o-transition:right .25s ease-out; } .usa #meta .container .nav-lang li .lang { display: none; } .usa #topMeta .nav-lang li .lang { display: none; } header form { height:32px; padding:8px 12px; } header input#s { width:200px; } header input.magnify { position:absolute; right:13px; top:9px; width:30px; height:30px; background-color:#0099cc; border-radius:4px; border-top-left-radius:0; border-bottom-left-radius:0; } #follow { position:absolute; z-index:999; top:43px; right:0; color:#0081ac; font-weight:bold; text-shadow:0 1px #00d4f8; line-height:24px; vertical-align:top; } .social-icons a { width:22px; height:22px; display:inline-block; background-image:url('images/icons/social-icons.png'); } a.blog { width:39px } /* .social-icons a:hover { background-position-y:-22px; } /* for the love of background-position-y! Sniff... */ a.rss { background-position:-176px 0; } a.twitter { background-position:-198px 0; } a.facebook { background-position:-220px 0; } a.linkedin { background-position:-242px 0; } a.blog { background-position:-264px 0; } a.rss:hover { background-position:-176px -22px; } a.twitter:hover { background-position:-198px -22px; } a.facebook:hover { background-position:-220px -22px; } a.linkedin:hover { background-position:-242px -22px; } a.blog:hover { background-position:-264px -22px; } #banner h4 { color:#fff; font-size:26px; line-height:32px; font-weight:normal; max-width: 56%; margin-bottom: 20px; } header.condensed.with-nav { height:170px; padding-bottom:50px;} header.condensed.with-nav #banner { margin-top:0; /*height:115px;*/ /*padding:30px 275px 0;*/ padding:30px 0px 0; } /* connect */ #connect.connect-mb { width: 100%; padding: 0;} #connect.connect-mb div { padding: 0 !important;} #connect { vertical-align:top; } #connect a { width:29px !important; height:27px; /* margin:0;*/ display:inline-block; background:url('images/blog/social-small.png') no-repeat; margin: 11px 0 0 6px; } #connect a.facebook { background-position: 0 0; } #connect a.twitter { background-position: -29px 0; } #connect a.linkedin { background-position: -58px 0; } #connect a.blog { background-position: -87px 0; } #connect a.facebook:hover { background-position: 0 0; } #connect a.twitter:hover { background-position: -29px 0; } #connect a.linkedin:hover { background-position: -58px 0; } #connect a.blog:hover { background-position: -87px 0; } /* navigation */ a.logo { display:inline-block; padding:0; line-height:inherit; border:0; } nav a.logo { margin-top: -5px; } header nav { padding-top:30px; height:50px; } /*header nav ul { height:48px; background:#4ce4ff; background:rgba(0,216,255,0.7); border:1px solid #00d5ff; border-radius:8px; margin-right: 25px;}*/ header nav li { float:left; } header nav a { display:block; color:#fff; font-size:21px; line-height:40px; text-decoration:none; padding:0; } header nav a.subnav-trg { /*padding-right: 23px;*/ } /*header nav a { display:block; color:#fff; font-size:16px; line-height:48px; text-decoration:none; font-weight:bold; text-shadow:0 1px #00a4ce; padding:0 15px; border-left:1px solid #5ce1ff; border-right:1px solid #00bbff; }*/ header nav a:hover { color:#ffff00; } /*header nav li.selected a { background:#0097c9 url('images/bg/stripes-blue-dark.png') fixed; margin:-1px 0; border:1px solid #00A7D4 !important; text-shadow:0 1px #226; }*/ header nav li.selected > a {color: #ffff00} header nav li:first-child a { border-top-left-radius:8px; border-bottom-left-radius:8px; } header nav li:last-child a { border-top-right-radius:8px; border-bottom-right-radius:8px; border-right: none; } #main nav { margin-top:-50px; padding:0 !important; } #main nav ul { height:50px; /*1box-shadow:0 -3px 3px rgba(0,0,0,0.2); border-top-left-radius:8px; border-top-right-radius:8px;*/ } #main nav ul ul.children { display: none; } #main nav li { float:left; width:310px; border-bottom:1px solid #ababab; position:relative; } #main nav a { display:block; color:#666; font-size:16px; line-height:48px; text-decoration:none; font-weight:bold; text-align:center; background:#e8e8e8; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #ababab; } #main nav a:hover { color:#ffff00; } #main nav li.current_page_item { border:0; } #main nav li.current_page_item a { background:url('images/bg/stripes.png') fixed; border-bottom:0; padding-bottom:2px; } #main nav li:first-child a { border-top-left-radius:8px; } #main nav li:last-child a { border-top-right-radius:8px; } body.qc.business #main nav ul { overflow: hidden; } /* sidebar */ .left.sidebar { padding-right:100px; margin-bottom:16px; } .right.sidebar { padding-left:100px; margin-bottom:16px; } /* content */ #content { font-size:18px; margin-bottom:48px; } #content a { text-decoration:underline; } .row { margin:24px 0 48px; } article { position:relative; } article > div { width:625px; position:relative; padding:20px 30px; border-left:2px solid #fff; float:right; border-top-right-radius:6px; border-bottom-right-radius:6px; } article > div::before { content:''; position:absolute; top:17px; left:-17px; height:32px; width:17px; background:url('images/util/triangle.png'); } article h2 { color:#fff; padding:16px 24px; float:left; /*max-width:190px;*/ } article.black { padding-left:16px; } .simple { font-size:16px; line-height:22px; margin-bottom:50px; } .simple > div::before { background:none; border:12px transparent solid; border-left-color:#ccc; left:-2px; width:0; height:0; } .simple.black > div::before { border-left-color:#323232; } /* secondary */ #secondary { color:#fff; background:url('images/bg/stripes-blue-light.png') fixed; border-top:1px solid #00acd6; } #secondary a { color:#ffff00; } #secondary a:hover { text-decoration:underline; } #secondary .row { margin:48px 0; } #secondary h3 { color:#4d4d4d; font-weight:bold; } #secondary h3 + p { line-height:1.2; } #secondary #character-count, #secondary #character-count span { text-align:right; color:#00809b; font-size:11px; margin-bottom:3px; } #secondary form + p { font-size:12px; line-height:20px; } #secondary form + p img { vertical-align:bottom; } #twitter { font-size:12px; max-height:175px; padding:15px; overflow:auto; background:url('images/bg/stripes-blue.png'); } #twitter li { margin-bottom:12px; border-bottom:1px solid #49dff7; } #twitter li span { color:#4d4d4d; } #secondary textarea { width:190px; font-size:11px; } /* footer */ footer div { padding:40px 0 75px; } footer h4, footer h5 { color:#fff; } footer li a { color:#999; text-decoration:none; line-height:24px; } footer li a:hover { color:#fff; } footer section { background:#272727; color:#eee; font-size:11px; } footer section .half { padding:20px 0; padding-left:0; } footer section a { color:#ffff00; } footer section a:hover { color:#ffff00; text-decoration:underline; } footer .copy { position: absolute; right: 0; bottom: 15px; color: #fff; font-size: 14px; } .mob-menu-modal { display: none; position: absolute; height: 100%; top: 0; z-index: 200; width: 100%; opacity: .7; background-color: #222; } .mob-menu-modal.active { display: block; } @media only screen and (min-width: 761px) { .mob-menu-modal { display: none !important; } } /* -------------------------------------------------------------- PAGE STYLES -------------------------------------------------------------*/ /* landing */ .landing header { height:455px; background:url('images/bg/stripes-blue.png') fixed; border-top:1px solid #00cffa; } .landing #banner { padding:20px 0 0; background:none; font-size:16px; width: 295px;} .landing #banner h1 { font-size: 32px; line-height: 36px;} .landing #banner p { font-size: 20px; line-height: 1.20; } .landing #main { border-top:0; background:url('images/bg/stripes-blue.png') fixed; } .landing #main .container { padding:0; } .landing h3 { font-size: 24px; clear: left; color:#fff; padding:12px 16px; margin-bottom:24px; position:relative; background:url('images/bg/stripes-blue-dark.png') fixed; } .landing h3::after { content:''; width:0; height:0; position:absolute; left:50%; bottom:-25px; border:14px solid transparent; border-top-color:#0098cb; margin-left: -16px; } .landing h3 a { color:#fff !important; float: right; font-size: 16px; line-height: 34px; text-decoration: none; font-style: normal !important; } .landing h3 a:hover { color: #fdff01 !important; text-decoration: none !important; } .landing #content { font-size:14px; line-height:22px; color:#333; margin-bottom: 20px; } .landing #content a { color:#ffff00; font-style:italic; text-decoration:none; } .landing #content a:hover { text-decoration:underline; } .landing #content .row { margin-bottom: 20px; } .landing #content .third { padding: 10px 0 0 0; } .landing #content .gap { margin-right: 26px; } .landing hr { border-color:#0099cf; } .landing #shim { padding-bottom:500px } .landing footer { /*height:520px*/ } .landing.qc .yellow-button { font-size:12px; } /* News */ .landing #content .news { clear: both; } .landing #content .news article:nth-of-type(2) { /*margin-left: 26px;*/ } .landing #content .news article:nth-of-type(3) { float: right; } .landing #content .news h4 { margin-bottom: 3px; } .landing #content .news h4 a { color: #fff; font-style: normal; font-weight: normal; } .landing #content .news h4 a:hover { text-decoration: none !important; } .landing #content .news p { color: #333; line-height: 1.5; margin: 0; font-size: 16px; } .landing #content .testimonials span { color: #fdff01; font-style: italic; clear: left; } .landing .view-all-mb { width: 98%; text-align: right; background: #fff; padding-bottom: 0; } .landing .view-all-mb a { color: #0083ae !important; font-size: 16px; } .landing.qc .news { display: none !important; } /* Hide in french until we get french posts from blog */ /* Testimonials */ .landing #content .testimonials { clear: both; padding-top: 45px; } .landing #content .testimonials p { color: #333; line-height: 1.5; font-size: 16px; } .landing #content .testimonials span { color: #fdff01; font-style: italic; } .landing.qc #content .testimonials { padding-top: 0; } /* Adjust for french only to adapt the hidden news block */ /* Partners */ .landing .partners { clear: both; overflow: hidden; padding-top: 35px; } .landing .partners ul { list-style: none; padding: 0 !important; } .landing .partners li { background: #fff; border-radius: 5px; float: left; height: 85px; line-height: 100px !important; vertical-align: middle; list-style: none; margin: 10px 12px 0 0; width: 145px; text-align: center; } .landing .partners li.last { margin-right: 0; } .landing .partners li.lg { line-height: 150px !important; } .landing .partners li.pana { line-height: 130px !important; } .landing .partners li.cisco { line-height: 120px !important; } .sCarousel { height: 190px; left: 0; position: absolute; top: 280px; width: 610px; z-index: 10; } .sCarousel li { background:url('images/bg/stripes-blue-dark.png') fixed; border-radius: 5px; float: left; height: 190px; list-style: none; opacity: 0; } .sCarousel li.service-1 { width: 142px; } .sCarousel li.service-2 { margin-left: 7px; width: 134px; } .sCarousel li.service-3 { margin-left: 80px; width: 122px; } .sCarousel li.service-4 { margin-left: 18px; width: 106px; } #services { height:320px; width:600px; position:relative; clear:left; margin-top:30px; background:url('images/util/services.png') 12px top no-repeat; background-size: 578px 272px; z-index: 15; } #services li { width:110px; position:absolute; top:170px; height: 150px; font-size:12px; color:#fff; text-align:center; padding:0 !important; } #services li.sip { left: 10px;}/*380px;*/ #services li.business { left: 160px;}/*225px;*/ #services li.fax { left: 370px;}/*524px; */ #services li.home { left: 500px;}/*90px;*/ #services li.social { top:12px; right:82px; } #services p { padding:8px 0; text-align:center; font-size:14px; } #services .empty { display:block; position: absolute; top: 0; left: 0; height:190px; } #services li.sip .empty { width: 142px; } #services li.business .empty { width: 134px; } #services li.fax .empty { width: 122px; } #services li.home .empty { width: 106px; } #services li.social .empty { width:60px; height:45px; top:-12px; right:-66px; } #services .mini.yellow-button {text-transform: none; margin-top: 108px; font-size: 12px;} #load { width:500px; height:350px; padding:24px 32px; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-400px; color:#fff; background:#000; background:rgba(0,32,48,0.9); } #load .close { position:absolute; right:0 ; z-index: 200; top:0px; font-size:16px; padding:8px; cursor:pointer; color:#fff; text-decoration:none; } #overlay { position:fixed; width:100%; height:100%; top:0; z-index:1000; background:#333; background:rgba(0,0,0,0.7); } #voip { width:500px; height: auto; padding: 24px 32px; position: absolute;top: 50%;left: 50%;margin-top: -200px;margin-left: -282px;color: #FFF;background: #000;background: rgba(0, 32, 48, 0.9);} #voip .close {position: relative;right: 50px;top: 0px;font-size: 16px;padding: 8px;cursor: pointer;color: #FFF;text-decoration: none;} @media only screen and (max-width: 760px) { #load { top: 25px; margin-top: -21px; height: 100%; overflow-y: scroll; } #load .close { top: -3px; } #load, #voip { box-sizing: border-box; left: 0; margin-left: 0; width: 100%; } #voip { height: 100%; margin-top: 0; top: 0; } #load::-webkit-scrollbar, #voip::-webkit-scrollbar { width:0; } } /* mobile */ .mobile #banner h1 { font-size:26px; line-height:36px; } .mobile #banner h4 { font-size:15px; line-height:22px; } .mobile #banner { background:url('images/banners/mobile.png') no-repeat; } .mobile.qc #banner { background:url('images/banners/mobile_fr.png') no-repeat; } .mobile .condensed #banner { background:url('images/banners/mobile-condensed.png') 86px 16px no-repeat; } .mobile h2.icon { background:url('images/icons/mobile.png') no-repeat; } /* home */ .home #banner { background:url('images/banners/BABY-Home-phone.png') no-repeat; } .home header {overflow: hidden; } /*.home.usa #banner { background:url('images/banners/home-usa.png') no-repeat; } .home.qc #banner { background:url('images/banners/home_fr.png') no-repeat; }*/ .home .condensed #banner { background:url('images/banners/home-condensed.png') 86px 16px no-repeat; } .home h2.icon { background:url('images/icons/home.png') no-repeat; } #steve {width: 630px;} #steve h2 {color: #00ccff; width: 100%;} #steve > ul > li {color: #404040; } #steve > ul > li > p {margin:3px 0 18px 10px; font-style:italic; color: #999999; font-size: 14px; } #faxT38 {width: 730px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px;} #faxT38 h2 {color: #00ccff; width: 100%; font-size: 24px; } #faxT38 h3 {color: rgb(102, 102, 102); font-size: 23px;} #faxT38 h4 {margin-top: 25px; } #faxT38 ul {width: 930px;} #faxT38 > ul > li {color: #404040; } #faxT38 > ul > li > p {margin:3px 0 18px 10px; font-style:italic; color: #999999; font-size: 14px; } #faxT38 .pdf_logo {width: 930px;} #faxT38 .hidden {display:none; width: 850px; margin-bottom: 45px; margin-left: auto; margin-right: auto;} #faxT38 .hidden img {margin-top: 25px; margin-bottom: 25px;} #faxT38 .more{font-size: 14px;} #faxT38 p {width: 930px} #faxT38 h3.more { float:none; font-weight: normal; margin-bottom:8px; height:14px; line-height:14px; padding-right:16px; padding-right:30px; padding-left:2px; display:inline-block; position:relative; background:#fff url('images/buttons/more-less-small.png') right top no-repeat; } *:first-child+html h3.more { display:inline; } #faxT38 .more-features {margin-top: 15px; width: 930px; margin-bottom: 25px;} #faxT38 #features {width: 1000px !important;} #faxT38 #features h3.icon { color:#666;} .document-download {width: 250px; float: left; margin-right: 20px;} #banner h1 { margin-bottom: 18px; max-width: 60%; text-align: center; } @media only screen and (max-width: 760px) { #banner h1 { text-align: center; margin-left: 5px; padding-bottom: 15px; margin-top: 40px !important; max-width: 100% !important;} #banner h4 { text-align: center; max-width: 100%; padding-bottom: 15px;} #banner p { max-width: 100% !important;} .password section {margin-left: 15%;} body.t38 #banner .banner-left h1 { font-size: 34px !important; line-height: 36px !important; } body.t38 #banner .banner-left h4 { font-size: 24px !important; line-height: 30px !important; } } @media only screen and (min-width: 761px) { #banner h1 { text-align: left; margin-left: 5px; padding-bottom: 8px; } #banner h4 { text-align: left !important; margin-left: 5px; padding-bottom: 15px; margin-top: 15px;} .sip-trunking #banner h4, .business #banner h4, .home #banner h4, .sip-trunking #banner h4 + p, .business #banner h4 + p, .home #banner h4 + p { text-align: left !important; } #banner p { max-width: 100% !important;;} .password section {margin-left: 5%;} } @media only screen and (min-width: 1024px) { #banner h1 { margin-top: 10px;} .password section {margin-left: 25%;} } .business header {overflow: hidden; } /*.business.qc #banner { background:url('images/banners/business_fr.png') no-repeat; }*/ .business .condensed #banner { background:url('images/banners/business-condensed.png') 86px 16px no-repeat; } .business h2.icon { background:url('images/icons/business.png') no-repeat; } .business iframe.wistia_embed { max-width: 715px; width: 100%; height: 430px; margin-top: 10px; } /*.business.qc iframe.wistia_embed {margin-top: -165px; margin-bottom: 50px; }*/ /* sip-trunking */ .sip-trunking #banner { background:url('images/banners/BABY-SIP-trunking.png') no-repeat; box-sizing: border-box; margin-top: 0 !important; } /* business phones */ .business #banner { background:url('images/banners/BABY-Business.png') no-repeat; box-sizing: border-box; margin-top: 0 !important; } .business .banner-buttons-container{ clear: both; text-align: center; } /* Home phone */ .home #banner { background:url('images/banners/BABY-Home-phone.png') no-repeat; box-sizing: border-box; margin-top: 0 !important; } /*.sip-trunking.qc #banner { background:url('images/banners/sip_fr.png') no-repeat; }*/ .sip-trunking .condensed #banner { background:url('images/banners/sip-condensed.png') 86px 16px no-repeat; } .sip-trunking h2.icon { background:url('images/icons/sip.png') no-repeat; } .sip-trunking #apply .rounded::after { display:none } /* fax */ .fax #banner { background:url('images/banners/fax.png') no-repeat; } .fax.qc #banner { background:url('images/banners/fax_fr.png') no-repeat; } .fax .condensed #banner { background:url('images/banners/fax-condensed.png') 86px 16px no-repeat; } .fax h2.icon { background:url('images/icons/fax.png') no-repeat; } /*.fax .plan .rounded::after { display:none }*/ .fax .info::after { display:none } /* social */ .social-voice .condensed #banner { background:url('images/banners/social.png') 86px 16px no-repeat; padding-left:275px; } @media only screen and (max-width: 350px) { .sip-trunking #banner { background-size: 275px 140px; background-position: center 40px; padding: 210px 30px 40px 15px; } .business #banner { background-size: 275px 173px; background-position: center 40px; padding: 250px 30px 40px 15px; } .home #banner { background-size: 275px 154px; background-position: center 40px; padding: 250px 30px 40px 15px; } } @media only screen and (max-width: 767px) { .sip-trunking #banner h4, .business #banner h4, .home #banner h4, .sip-trunking #banner h4 + p, .business #banner h4 + p, .home #banner h4 + p { text-align: center; } } @media only screen and (min-width: 351px) and (max-width: 760px) { .sip-trunking #banner { background-size: 225px auto; background-position: center 40px; padding: 150px 30px 0 15px; } .business #banner { background-size: 225px auto; background-position: center 40px; padding: 170px 30px 0 15px; } .home #banner { background-size: 225px auto; background-position: center 40px; padding: 160px 30px 0 15px; } .sip-trunking #banner h1, .business #banner h1, .home #banner h1 { font-size: 34px; line-height: 40px; } .sip-trunking #banner h4, .business #banner h4, .home #banner h4 { font-size: 24px; line-height: 30px; } } @media only screen and (min-width: 761px) and (max-width: 990px) { .sip-trunking #banner { background-size: 325px 165px; background-position: 95% 70px; padding: 15px 30px 40px 15px; } .business #banner { background-size: 325px 205px; background-position: 95% 70px; padding: 15px 30px 40px 15px; } .home #banner { background-size: 325px 182px; background-position: 95% 70px; padding: 15px 30px 40px 15px; } } @media only screen and (min-width: 991px) and (max-width: 1299px) { .sip-trunking #banner { background-size: 375px 190px; background-position: 95% 70px; padding: 15px 15px 40px 15px; } .business #banner { background-size: 375px 236px; background-position: 95% 70px; padding: 15px 15px 40px 15px; } .home #banner { background-size: 375px 210px; background-position: 95% 70px; padding: 15px 15px 40px 15px; } } @media only screen and (min-width: 1300px) { .sip-trunking #banner { background-size: 375px 190px; background-position: 600px 80px; padding: 15px 15px 40px 15px; } .business #banner { background-size: 375px 236px; background-position: 600px 80px; padding: 15px 15px 40px 15px; } .home #banner { background-size: 375px 210px; background-position: 600px 80px; padding: 15px 15px 40px 15px; } } /* partner */ .partner .condensed #banner { background:url('images/banners/partner.png') 86px 16px no-repeat; padding-left:275px; /* TODO consolidate banner styles */} .partner .right.sidebar .yellow-button { width:210px; padding:0; font-size:16px; } .partner #content h2 { width:auto; } .partner iframe { width:100%; margin: 0 auto; max-width: 450px; display: block; } #partner-info article { margin-bottom:50px; background:url('images/bg/stripes-dark-grey.png'); } #partner-info article > div > ul > li { list-style:none; font-size:14px; padding:16px 0; border-bottom:solid 2px white; position:relative; } #partner-info form .third div { margin-bottom:8px; } #partner-info input, #partner-info textarea { border-color:#bababa; } #partner-info textarea { width:440px; } #partner-info form button { max-width:150px; line-height:36px; margin:12px; } .pbx-partners article img { float:left; padding:10px 10px 10px 0; } /* about us, contact us */ .address { padding-top:25px; margin: 0 auto !important; width: 415px !important; } .address li { padding:2px 0 15px 265px !important; position:relative; color: #555 !important; } .address span { font-weight:bold; float: left; display:block; width:160px; text-align:right; margin-right: 10px; line-height: 22px; font-weight: bold; } .address li .info { line-height: 22px; } .address li .info p { text-align: left !important; margin-top: 11px !important; } .address li .info a { color: #0ac !important; font-weight: normal; } .services li { float:left; padding:12px 50px 0 0 !important; text-align:center; } .about .condensed #banner { /* background:url('images/banners/about.png') 86px 16px no-repeat; */ padding-left:5px; } .qc .address { width: 450px !important; } .qc .address span { width: 185px; } @media only screen and (max-width: 459px) { .address { width: 390px !important; } .qc .address { width: 390px !important; } .address li { font-size: 14px; } .address span { width: 135px; } .qc .address span { width: 160px; } .qc .address li .info { width: 360px; } } @media only screen and (max-width: 539px) { .qc .address li { font-size: 14px; } } /* keep your number */ #portForm { margin:20px 0; } #portForm input[type="text"] { width:55px; } #portForm #number { width:60px; } #portForm .yellow-button { height:34px; line-height:32px; width:278px; margin-top: 15px; } /* coverage */ /*.CitiesDisplayMany { display:none; } .CitiesDisplayMany > div:first-child { float:left; margin-left:0px; } .CitiesDisplayMany > div { float:left; margin-left:15px; } .CitiesDisplay { display:none; }*/ #allCities div {width: 100%;} #allCities > div:first-child { float:left; margin-left:0px; } #allCities > div { float:left; text-align: center; } /* forgot password */ .forgot { font-size:14px; } .forgot form { padding-bottom:20px; } .forgot input { width:180px; margin-bottom:12px; } .forgot input.yellow-button { width:120px; height:32px; line-height:32px; margin-top:22px; } /* search */ body.search-results header { margin-top: 0 !important; } body.search-results header h1 { display: none; } #content.search { font-size:0.9em; padding: 40px 15px 0 15px !important; } .search a { text-decoration: none !important; } .search h3 { color:#0082b0; font-size:18px; line-height: 24px; margin-bottom:9px; text-align: left !important; } .search div { margin:18px 0; border-bottom: 1px solid #3bb1d7; padding-bottom: 10px; } .search div:last-of-type { border: none; } /* search: Hide Netbanks succes/error pages */ #content.search #post-2047, #content.search #post-2049 { display: none !important; } /* -------------------------------------------------------------- TEMPLATE STYLES -------------------------------------------------------------*/ /* overview */ #benefits { margin-top:48px; } #features { margin-top:48px; } .icon { padding-left:60px; min-height:50px; } h3.icon { color:#666; background:url('images/icons/icons.png') no-repeat; } h3.block { background-position:0 0; } h3.fax { background-position:0 -100px; } h3.voicemail { background-position:0 -200px; } h3.nineoneone { background-position:0 -300px; } h3.account { background-position:0 -400px; } h3.callerID { background-position:0 -500px; } h3.callforward{ background-position:0 -600px; } h3.easy { background-position:0 -700px; } h3.free { background-position:0 -800px; } h3.virtual { background-position:0 -900px; } h3.service { background-position:0 -1000px; } h3.no-contract {background-position:0 -1100px; } h3.quality { background-position:0 -1200px; } h3.mobile { background-position:0 -1300px; } h3.multiple { background-position:0 -1400px; } h3.free-world { background-position:0 -1500px; } h3.archive { background-position:0 -1600px; } h3.fax-mobile { background-position:0 -1700px; } h3.existing { background-position:0 -1800px; } h3.v-dial { background-position:0 -1900px; } h3.virt-ast { background-position:0 -2000px; } h3.transcript { padding-left:60px; min-height:50px; color:#666; background:url('images/icons/vmTranscript.png') no-repeat; } h3.conference { padding-left:60px; min-height:50px; color:#666; background:url('images/icons/AudioConf.png') no-repeat; } h3.triplet { padding-left:60px; min-height:50px; color:#666; background:url('images/icons/triplet-icon.png') top left no-repeat; background-size: contain;} h3.supervision { padding-left:60px; min-height:50px; color:#666; background:url('images/icons/callsupervision.png') no-repeat; background-size: contain;} h3.recording { padding-left:60px; min-height:50px; color:#666; background:url('images/icons/CallRecording.png') no-repeat; background-size: contain;} h3.more { float:none; margin-bottom:48px; line-height:24px; height:24px; padding-right:30px; padding-left:2px; color:#00ccff; display:inline-block; position:relative; top:-12px; background:#fff url('images/buttons/more-less.png') right top no-repeat; } *:first-child+html h3.more { display:inline; } h3.queue { padding-left:60px; min-height:50px; color:#666; background:url('images/icons/queue.png') no-repeat;} .more-features { border-top:1px solid #ccc; text-align:center; } .more-features .row { margin-top:0 } /* plans */ .plans h1 { color:#000; letter-spacing:-1px; float:left; width:75px; height:67px; text-align:center; line-height:58px; font-size:40px; font-weight:bold; padding:0 8px 0 40px; margin-right:18px; background:url('images/util/tag.png') no-repeat; margin-bottom: 2px; } .plans h3 { color:#000; margin-bottom:4px; font-weight:bold; } .plans h4 { color:#666; font-size:16px; font-weight:bold; margin-bottom:15px; padding-right:128px; } .plans span.tag-mention { float: left; clear: both; margin-left: 40px; } .plans .rounded { width:650px; padding:20px; } .plans .rates .rounded {margin: 10px 0 40px 0; width: 690px; padding: 0 0 20px 0;} .plans .rates h3 {border-radius: 8px 8px 0 0;} .plans .rates h3 span {background: url('images/icons/earth.png') no-repeat; background-size: contain; display: block; float: left; margin-right: 18px; height: 64px; width: 64px; padding: 0;} .plans .rates form#getCountryRatesForm {margin-left: 20px;} .plans { height:auto; margin-bottom:50px; position:relative; } .plans ul { margin-bottom:16px; } .plans .yellow-button { position:absolute; right:0; top:50%; margin-top:-25px; } .plans .rounded::after { content:''; height:0; width:0; position:absolute; border:15px solid transparent; margin-top:-15px; border-left-color:#ececec; top:50%; right:-30px; } .plans .rounded div { display:none; clear:both; padding-top:16px; } .plans .rounded, .countries.rounded { position:relative; } .plans .countries { margin:-135px 0 0 !important; display:none !important; } .plans .countries h5 { border-top: 1px solid #ccc; padding-top: 13px; } /*.countries::before { content:''; height:0; width:0; position:absolute; border:15px solid transparent; border-bottom-color:#ececec; top:-30px; left:50%; margin:0 0 0 -15px; right:auto; }*/ /*.countries .rounded div { height:50px; width:650px; margin:12px 0; overflow:auto; }*/ .flag-wrap { margin-top: 0 !important; margin-bottom: 15px !important; display:block !important; overflow:auto; overflow-x: hidden; height:150px; border-radius:8px; border:1px solid #AAA; background:#fcfcfc; padding:4px 0 !important; margin:8px 0 20px; } .flags { padding-left: 0 !important;} section.plans div div .flags li { float: left; width: 84%; clear: left; border-bottom: 1px solid #dfdfdf; list-style: none; padding-bottom: 8px; padding-left: 31px; margin-left: 11px; padding-top: 6px; margin-bottom: 0 !important; } section.plans div div .flags li:last-of-type { border: none; } #lookup form { margin-bottom:24px; } #lookup select { width:150px; font-size:16px; float:left; } #lookup input { height:22px; line-height:22px; border:1px solid #999; padding:0 6px; vertical-align:top; width:40px; float:right; } #lookup div { padding:0 5px 5px 10px; overflow:auto; max-height:112px; background:#ececec; border-bottom-left-radius:8px; border-bottom-right-radius:8px; } #lookup table { width:185px; font-size:10px; border:0; margin:0; } #lookup td { padding:4px 2px; border:0; border-bottom:2px solid #fff; text-align:left; } #lookup form + table { width:100%; padding:0 15px 0 10px; background:#ececec; position:relative; border-top-left-radius:8px; border-top-right-radius:8px; } #lookup form + table td { border-bottom:2px solid #666; font-weight:bold; } #lookup form + table::before { content:''; height:0; width:0; position:absolute; border:15px solid transparent; border-bottom-color:#ececec; top:-30px; left:40px; } #lookup td:nth-child(1) { width:58px; } #lookup td:nth-child(3) { width:40px; } #plans-include { color:#666; margin-bottom:35px; } #plans-include ul, #plans-include p { width:270px; } /* support */ .support section { font-size:16px; line-height:20px; margin-bottom:48px; } .support article { margin-bottom:50px; } .support article li div { display:none; padding-right:100px; clear:both; } .support article .big-num { position:absolute; bottom:0; left:0; color:#00e0ff; font-size:80px; line-height:64px; font-weight:bold; display:inline-block; letter-spacing:-5px; } .support article > div > ul > li { list-style:none; font-size:14px; padding:16px 0; border-bottom:solid 2px white; position:relative; } .support td:nth-child(1) { min-width:100px; } .expanding article ul ul { margin:0.8em 0; } .expanding article ul ul li { margin-left:40px; list-style:disc; } .expanding h4 { color:#666; font-weight:bold; margin-bottom:10px; /*max-width:514px;*/ } .qc .expanding h4 {max-width: 512px;} .qc.press-room-article .expanding h4 { max-width: 100% !important; } .expanding .more { font-size:12px; top:20px; right:0; } .expanding article > div { min-height:90px } .simple.darker { padding-left:16px; } .simple > div::before { border-left-color:#989898; } #connect { vertical-align:top; } #connect a { width:29px !important; border-radius: 50%; height:27px; /* margin:0;*/ display:inline-block; background:url('images/blog/social-small-transparent.png') no-repeat; margin: 7px -1px 0 6px; } #connect a.facebook { background-position: 0 0; } #connect a.twitter { background-position: -29px 0; } #connect a.linkedin { background-position: -58px 0; } #connect a.blog { background-position: -87px 0; } #connect a.facebook:hover { background-position: 0 0; } #connect a.twitter:hover { background-position: -29px 0; } #connect a.linkedin:hover { background-position: -58px 0; } #connect a.blog:hover { background-position: -87px 0; } /* basic */ header.condensed { height:220px; } header.condensed #banner { margin-top:0; /*height:70px;*/ padding:30px 0 0; } header.condensed h1 { font-size:40px; margin-top:20px; /* position:absolute; bottom:0; margin:0; */ } #main.basic div.container { padding:20px 0 50px; } .basic h1, .basic h2, .basic h3, .basic h4 { color:#666; margin-top:1em; } .basic ul { margin-bottom:1em; } .basic li { list-style:disc; margin-left:40px; } /* expanding */ /* .support #press-room article > div { height:220px; } .support #press-room article > div > ul { max-height:220px; overflow:auto; } */ .press-room .condensed #banner { background:url('images/banners/press-room.png') 86px 16px no-repeat; padding-left:275px; } .press-room .expanding h4 { max-width:425px; } .press-room .expanding img { float:left; margin-left:-110px; max-width:82px } .press-releases > div { max-height:260px; overflow:auto; } .press-releases li { margin-left:110px; border:0 !important; padding:6px 0 !important; } .in-the-news {margin-bottom: 55px;} .in-the-news li { padding-left:110px !important } /*.pdf_logo {background : url('images/util/pdficon_large.png') 32px 32px; background-repeat : no-repeat; background-position: top left; line-height: 140%; height: 50px;border : 0; padding : 0; padding-left : 40px; margin : 0; }*/ .pdf_logo {background : url('images/util/icon-pdf.png') 32px 32px; background-repeat : no-repeat; background-position: top left; line-height: 160%; height: 40px;border : 0; padding : 0; padding-left : 40px; margin : 0; padding-bottom: 15px; background-size: 28px; } .pdf_logo a { font-size: 16px; } .no-list-bullet {background : url('images/util/blue-bullet.png') 10px 10px; background-repeat : no-repeat; background-position: left center; line-height: 140%; height: 20px; border : 0; padding : 0; padding-left : 15px; margin : 0; } /* rates page */ .rates #banner { padding-left:260px !important; background:url('images/icons/earth.png') 150px 5px no-repeat; } .rates #banner h1 { margin:18px 0 0; } .rates #banner h4 { color:#fff; font-size:22px; } .rates button.search { width:32px; height:32px; padding:0; position:absolute; top:0; right:1px; box-shadow:none; background:url('images/buttons/search.png') no-repeat; } .rates h3 { color:#fff; padding:16px 25px 16px 30px; margin:0; text-transform:uppercase; position: relative;} .rates #main form { padding:28px 18px 15px; } .rates #main form .grey { padding:28px 30px; position:relative; } .rates #main form .grey::after { content:''; width:0; height:0; position:absolute; left:-28px; bottom:32px; border:14px solid transparent; border-right-color:#cccccc; } .rates #main form h2 { color:#666; float: right; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 26px; width: 375px; } .rates #main form h5 { float: left; margin-top: 3px; } .rates #country { font-size:16px; } .rates .lookup { position: relative; float: left; width: 290px; } .rates .lookup.loading::after { content:''; width:32px; height:32px; display:block; position:absolute; right:-36px; top:0; background:url('images/util/loader.gif'); } .rates .lookup .searchError { color: red; font-weight: bold; padding: 10px 0 0; } .rates .lookup .searchError span { color: #666; } .rates .ui-helper-hidden-accessible { display: none; } .rates .ui-autocomplete { background:#fff;padding: 10px; border-radius: 6px; border: 1px solid #ddd; max-width:268px; } .rates .ui-menu-item a { display:block; padding:2px 0; } .rates .ui-menu-item a:hover { cursor:pointer; } .rates .ui-menu-item a.ui-state-focus, .rates .ui-menu-item a.ui-state-active { background:#f4f4f4; } .rates table { width:100%; border:0; } .rates table span { color:#666; } .rates table span.rateModeHdr { color:#fff; } .rates table .toggle { cursor:pointer; } .rates table tr.toggle .plus { opacity:0.4; height:12px; background:url('images/util/toggle.png') 100% 0 no-repeat; } .rates table tr:hover .plus { opacity:1; } .rates table .active .plus { background-position:100% 100% !important; } .rates th, .rates td { border:0; text-align:left; padding-left:32px !important; } .rates .plan { min-width:244px; } .rates .container > div { margin-bottom:30px } #results .darkgrey th { color:#fff; padding:12px 0 } #results tbody:nth-child(2n-1) { background:url('images/bg/stripes-sorta-light-blue.png'); } #results td { padding:7px 0; } #planText { color:#fff !important; } .rates_fr h3.toggledHdr { line-height: 28px; padding: 12px 30px; } .testimonials .quote {font-size: 17px; font-weight: normal; font-style: normal; padding-left:44px; margin-bottom: 15px; background:url('images/icons/bubbles.png') no-repeat; } .testimonials .name {font-size: 17px; font-weight: bold; font-style: italic; padding-left: 44px; margin-bottom: 30px; backgound: none;} .testimonials .both {font-size: 17px; font-weight: bold; font-style: italic; padding-left: 44px; margin-bottom: 2px; background:url('images/icons/bubbles.png') no-repeat; line-height: 24px; } .testimonials iframe {margin-bottom: 45px;} /* Hide World plan for USA */ body.usa.rates th.plan span { visibility: hidden; } body.usa.rates td.plan { text-indent: -9000px !important; } /* --------------------------------------------------------- LOGIN BOX -------------------------------------------------------*/ #login-box { background-color: #008cb7; box-shadow: 3px 4px 7px -1px rgba(0,0,0,0.2); cursor: default; height: 0; margin-left: -28px; overflow: hidden; width: 0; position: absolute; left: 50%; top: 33px; transition: width .1s linear; transition: height .1s linear; z-index: 1000; } body.qc #login-box {height: 240px; margin-left: 22px;} html[lang="fr-FR"] #login-box { right: 185px; } #login-box.active { border: 3px solid #00b9f2; border-radius: 3px 0 3px 3px; height: 220px; width: 300px; } #login-box p { color: #fff; font-weight: normal; font-size: 14px; text-align: left; margin: 0; padding: 10px 16px 10px 16px; text-transform: none; } #login-box a.login-forgot-pwd { color: #fff; float: left; font-weight: normal; margin: -30px 0 0 16px; position: relative; text-transform: none; } #login-box a.login-forgot-pwd:hover{ text-decoration: underline; } #login-box form { float: left; height: 112px; overflow: hidden; padding: 0 16px; width: 275px; } #login-box form .login-fld { margin-bottom: 10px; width: 250px; } #login-box form .login-submit { background-color: #00b9f2; border: none; border-radius: 3px; color: #fff; cursor: pointer; display: block; float: right; font-size: 14px; font-weight: bold; height: 26px; line-height: 26px; margin: -2px 8px 0 0; padding: 0 6px; text-transform: uppercase; } #login-box .login-error { color: #fff200; float: left; font-weight: normal; margin: -30px 0 0 17px; text-transform: none; } #login-box .entrust { height: 44px; width: 288px; float: left; margin-top: -2px; padding: 0 0 0 12px; } #login-box .entrust img { float: left; margin-right: 6px; } #login-box .entrust span { color: #fff; float: left; text-transform: none; font-size: 14px; font-style: italic; font-weight: normal; line-height: 48px; width: 220px; } body.qc #login-box .entrust span { line-height: 22px; } /* -------------------------------------------------------------- UTILITY -------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .row:before, .row:after { /*content:''; display:table; */} .clearfix:after, .row:after { clear:both; } .clearfix, .row { zoom:1; } /* scrollbars */ div::-webkit-scrollbar, ul::-webkit-scrollbar { width:12px; height:12px; } ::-webkit-scrollbar-button { height:6px; width:6px; display:block; background:#999; } ::-webkit-scrollbar-button:start:vertical:decrement { border-top-right-radius:6px; border-top-left-radius:6px; } ::-webkit-scrollbar-button:end:vertical:increment { border-bottom-right-radius:6px; border-bottom-left-radius:6px; } ::-webkit-scrollbar-button:start:horizontal:decrement { border-top-left-radius:6px; border-bottom-left-radius:6px; } ::-webkit-scrollbar-button:end:horizontal:increment { border-top-right-radius:6px; border-bottom-right-radius:6px; } ::-webkit-scrollbar-track-piece { background-color:#999; } ::-webkit-scrollbar-thumb { background-color:#fff; border:3px solid #999; border-radius:6px; } /* -------------------------------------------------------------- CAREERS PAGE -------------------------------------------------------------*/ body.careers header { height: 735px; border: none; } body.careers #main { border-top: none; } body.careers header .container, body.careers .container-top { margin: 0 auto; position: relative; } body.careers #banner { background: url('images/banners/career-banner.jpg') #89959f top center no-repeat; background-size: cover; height: 300px; width: 100%; } body.careers #banner p { background: url(images/bg/stripes-blue-dark.png) fixed; font-size: 34px; font-weight: bold; line-height: 40px; margin: 0 auto; margin-top: 81px; width: 200px; border-radius: 7px; padding: 12px; opacity: 0.9; text-align: center; } body.careers.qc #banner p { width: 236px; } /* Blue circle background */ body.careers .resumator h2 { background-color: #00b8f0; color: #fff; font-size: 30px; font-weight: bold; height: 166px; line-height: 36px; margin: 40px auto 35px; border-radius: 50%; padding-top: 94px; text-align: center; text-transform: uppercase; width: 260px; } body.careers .resumator { background: #fff; overflow: hidden; padding-bottom: 20px; } body.careers .job-section { margin: 0 auto; width: 100%; max-width: 850px; box-sizing: border-box; } body.careers .job-section:last-child { border: none; } body.careers .job-section h3 { background: #00baef; position: relative; color: white; padding: 10px; padding-left: 20px; overflow: hidden; cursor: pointer; font-size: 18px; font-weight: bold; line-height: 24px; margin: 8px auto 0; text-align: left; text-transform: uppercase; } body.careers .job-section h3 span { display: block; float: none !important; max-width: 90%; } body.careers .job-section h3 span::after { content: '+'; float: right; font-size: 26px; top: 9px; right: 6px; margin-right: 7px; position: absolute; transform: rotate(0deg); -webkit-transition: -webkit-transform .12s; } body.careers .job-section.selected h3 span::after { color: yellow; transform: rotate(45deg); } body.careers .job-section h3:hover { color: yellow; } body.careers .job-section .job-description { max-height: 0; overflow: hidden; } body.careers .job-section.selected .job-description { border: 2px solid #00baef; border-top: none; max-height: 5000px; margin-bottom: 8px; padding: 15px; } body.careers .job-section.selected h3 { color: yellow; } body.careers .job-section .job-description p { color: #666; font-size: 16px; line-height: 20px; } body.careers .job-section .job-description ul { list-style-type: disc; padding-left: 18px; } body.careers .job-section .job-description ul li { margin-bottom: 15px; list-style-type: disc;} body.careers .job-section .job-description ul li:last-of-type { margin-bottom: 0; } body.careers .job-section .job-description .resumator-sb ul { list-style: none;} body.careers .job-section .job-description .resumator-sb ul li { list-style: none;} body.careers .job-section .resumator-sb { margin: 25px 0 0 0; overflow: hidden; width: 100%; } body.careers .job-section .resumator-sb ul, body.careers .job-section .resumator-sb li { list-style: none; } body.careers .job-section .resumator-sb .resumator-buttons { margin: 0 !important; } body.careers .job-section .resumator-sb .resumator-form-iframe { width: 100%; } body.careers .job-section .resumator-sb .resumator-form-iframe iframe[id*='resumator-applyframe'] { /*height: 2875px !important; */} body.careers .job-section .resumator-sb .resumator-form-iframe iframe[id*='resumator-forwardframe'] { height: 460px !important; } body.careers .resumator-buttons ul { height: 30px !important; } body.careers .resumator-buttons ul a { margin-top: 4px; display: block; } body.careers .resumator-apply-button, body.careers .resumator-forward-button { background: white; border: 2px solid #00baef; border-radius: 50%; cursor: pointer; height: 130px; width: 130px; text-align: center; color: #00b8f0; font-weight: bold; text-transform: uppercase; font-size: 16px; } body.careers .resumator-apply-button:hover, body.careers .resumator-forward-button:hover { background: #00baef; color: #fff; } /* Resumator twitter button */ body.careers .resumator-sb li:nth-of-type(2) a { /*background:url('images/buttons/resumator-btn-tw.png') top left no-repeat;*/ border: 2px solid #00baef; border-radius: 50%; color: #00baef; vertical-align: middle; display: table-cell !important; position: relative; top: 32px; line-height: 15px; text-align: center; } body.careers .resumator-sb li:nth-of-type(2) a:hover { /*background:url('images/buttons/resumator-btn-tw.png') top left no-repeat;*/ background-color: #00baef; color: white; } body.careers .resumator-sb li:nth-of-type(3) a { background:url('images/buttons/resumator-btn-fb.png') top left no-repeat; } body.careers .resumator-sb li:nth-of-type(4) a { background:url('images/buttons/resumator-btn-in.png') top left no-repeat; } body.careers .resumator-sb li:nth-of-type(2) a, body.careers .resumator-sb li:nth-of-type(3) a, body.careers .resumator-sb li:nth-of-type(4) a { cursor: pointer; background-size: cover; display: block; height: 65px; margin-top: 35px; width: 65px; -webkit-transition: none; transition: none; } body.careers .resumator-sb li:nth-of-type(2) a:hover, body.careers .resumator-sb li:nth-of-type(3) a:hover, body.careers .resumator-sb li:nth-of-type(4) a:hover { background-position: 0 -65px; } body.careers .resumator-sb li:nth-of-type(2) img, body.careers .resumator-sb li:nth-of-type(3) img, body.careers .resumator-sb li:nth-of-type(4) img { display: none; } body.careers .company-quotes { background-color: #f8f8f8; overflow: hidden; padding-bottom: 20px; } body.careers .company-quotes .container { width: 100%; } body.careers .company-quotes h2 { color: #9f9f9f; font-size: 30px; line-height: 40px; margin: 0 auto 30px; padding-top: 25px; text-align: center; } body.careers .company-quotes .quote { background:url('images/bg/bkd-circle-pale.png') top center no-repeat; background-size: contain; margin: 0 auto 20px; width: 100%; } body.careers .company-quotes .quote-1 { height: 237px; padding-top: 70px; } body.careers .company-quotes .quote-2 { height: 227px; padding-top: 80px; } body.careers .company-quotes .quote-3 { height: 221px; padding-top: 86px; } body.careers .company-quotes .quote-4 { height: 221px; padding-top: 86px; } body.careers.qc .company-quotes .quote-1 { height: 274px; padding-top: 33px; } body.careers.qc .company-quotes .quote-2 { height: 197px; padding-top: 100px; } body.careers.qc .company-quotes .quote-3 { height: 230px; padding-top: 77px; } body.careers.qc .company-quotes .quote-4 { height: 227px; padding-top: 80px; } body.careers .company-quotes p { color: #9f9f9f; font-size: 20px; line-height: 34px; text-align: center; padding: 0 15px; } body.careers.qc .company-quotes p { line-height: 30px; } body.careers .company-quotes .signature p { font-weight: bold; font-style: italic; } body.careers .benefits-perks { background:url('images/bg/benefits-bkd.jpg') #b7b7b7 top center no-repeat; background-size: cover; padding-top: 45px; overflow: hidden; } body.careers .benefits-perks .container { width: 100% !important; padding: 0 !important; overflow: hidden;} body.careers .benefits-perks h2 { background-color: #00b8f0; color: #fff; font-size: 30px; font-weight: bold; height: 201px; line-height: 36px; margin: 0 auto; border-radius: 50%; padding-top: 95px; text-align: center; text-transform: uppercase; width: 296px; } /* Flipping tokens */ body.careers .benefits-perks .flip { -webkit-perspective: 1000; perspective: 1000; width: 296px; height: 296px; overflow: hidden; float: left; position: relative; margin: 0 40px 40px 0; } body.careers .benefits-perks .flip p { display: none; /* Just hide the annoying empty p tags generated by WP */ } body.careers .benefits-perks .flip .card.flipped { -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); } body.careers .benefits-perks .flip .card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: 0.20s; transform-style: preserve-3d; transition: 0.20s; } body.careers .benefits-perks .flip .card .face { width: 100%; height: 100%; position: absolute; -webkit-backface-visibility: hidden; backface-visibility:hidden; z-index: 2; font-family: Georgia; font-size: 3em; text-align: center; line-height: 200px; } body.careers .benefits-perks .flip .card .front p { color: #666; display: block; font-family: arial, sans-serif; font-size: 26px; font-weight: bold; line-height: 34px; text-align: center; text-transform: uppercase; } body.careers .benefits-perks .flip .card .back p { color: #afafaf; display: block; font-family: arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 24px; padding: 0 30px; text-align: center; } body.careers.qc .benefits-perks .flip .card .back p { line-height: 18px; } body.careers .benefits-perks .flip .card .front { position: absolute; z-index: 1; color: white; cursor: pointer; } body.careers .benefits-perks .medical .card .front { background:url('images/bg/bkd-circle-1.png') top center no-repeat; padding-top: 91px; height: 205px; } body.careers .benefits-perks .hours .card .front { background:url('images/bg/bkd-circle-2.png') top center no-repeat; padding-top: 112px; height: 184px; } body.careers .benefits-perks .vacation .card .front { background:url('images/bg/bkd-circle-3.png') top center no-repeat; padding-top: 112px; height: 184px; } body.careers .benefits-perks .beverages .card .front { background:url('images/bg/bkd-circle-4.png') top center no-repeat; padding-top: 112px; height: 184px; } body.careers .benefits-perks .fun .card .front { background:url('images/bg/bkd-circle-5.png') top center no-repeat; padding-top: 112px; height: 184px; } body.careers .benefits-perks .flip .card .back { -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); background:url('images/bg/bkd-circle-white.png') top center no-repeat; color: black; cursor: pointer; } body.careers .benefits-perks .medical .card .back { padding-top: 64px; height: 232px; } body.careers .benefits-perks .hours .card .back { padding-top: 86px; height: 210px; } body.careers .benefits-perks .vacation .card .back { padding-top: 89px; height: 217px; } body.careers .benefits-perks .beverages .card .back { padding-top: 77px; height: 219px; } body.careers .benefits-perks .fun .card .back { padding-top: 62px; height: 234px; } body.careers.qc .benefits-perks .medical .card .back { padding-top: 79px; height: 217px; } body.careers.qc .benefits-perks .hours .card .back { padding-top: 80px; height: 216px; } body.careers.qc .benefits-perks .vacation .card .back { padding-top: 108px; height: 198px; } body.careers.qc .benefits-perks .beverages .card .back { padding-top: 87px; height: 209px; } body.careers.qc .benefits-perks .fun .card .back { padding-top: 65px; height: 231px; } body.careers #login-box { background-color: #00baef; margin-left: -57px; position: fixed; top: 39px; } body.careers #login-box form .login-submit { background-color: #fff; color: #00baef; } body.careers #login-box.active { border-color: #fff; } /* Share */ .share { height: 20px; } .share .fb_iframe_widget { margin-right: 10px; display: block;} .share #twitter-widget-0 { margin-right: 10px; float: left; } .share #___plus_0 { margin-right: 8px !important; overflow: hidden; width: 60px !important; } .share #___plus_0, .blog .share .IN-widget { float: left !important; } .share .IN-widget { margin-right: 9px; } .share .share-mail { background: url('images/blog/share-email.gif') top left no-repeat; cursor: pointer; display: block; float: left; height: 20px; text-indent: -9000px; width: 50px; } .share .share-print { background: url('images/blog/share-print.gif') top left no-repeat; cursor: pointer; display: block; float: right; height: 20px; text-indent: -9000px; width: 22px; } @media only screen and (max-width: 450px) { body.careers .resumator-apply-button { font-size: 14px; height: 100px; width: 100px; } body.careers .resumator-sb li:nth-of-type(2) a, body.careers .resumator-sb li:nth-of-type(3) a, body.careers .resumator-sb li:nth-of-type(4) a { height: 55px; margin-top: 24px; width: 55px; } body.careers .resumator-sb li:nth-of-type(2) a:hover, body.careers .resumator-sb li:nth-of-type(3) a:hover, body.careers .resumator-sb li:nth-of-type(4) a:hover { background-position: 0 -54px; } } /* --------------------------------------------------------- MARKETING CAMPAIGN -------------------------------------------------------*/ body.campaign { background: none; } body.campaign header { /*display: none;*/ height: 60px; } body.campaign header h1 { font-size: 22px !important; } body.campaign header.condensed h1 { font-size: 40px !important; } body.campaign #main { border: none; } body.campaign .sub-page h1 { color: #000; } body.campaign #main .banner { background: url('images/banners/marketing-campaign-dark.jpg') top center no-repeat; background-size: cover; background-color: black; min-width: 930px; height: 740px; max-height: 740px; position: relative; width: 100%; } body.campaign #main .banner .more-down { position: absolute; bottom: 20px; left: 50%; margin-left: -35px; opacity: .9; } body.campaign #main .banner .banner-cnt { font-family: "Trebuchet MS", Arial, sans-serif; position: absolute; top: 165px; left: 50%; margin-left: -465px; width: 930px; } body.campaign #main .banner .banner-cnt h1 { font-size: 36px; font-weight: normal; line-height: 30px; margin-bottom: 32px; } body.campaign #main .banner .banner-cnt h5 { font-size: 20px; font-weight: normal; line-height: 22px; margin: 34px 0 70px; color: #fff; } body.campaign #main .banner .banner-cnt h6 { font-size: 24px; line-height: 32px; padding: 0; text-transform: none; } body.campaign #main .banner .banner-cnt h6 span { background: url('images/icons/checkmark-transparent.png') top left no-repeat; display: block; float: left; margin: 8px 8px 0 10px; height: 16px; text-indent: -9000px; width: 17px; } body.campaign form iframe[name="google_conversion_frame"] { display: none !important; } body.campaign .form { margin: 0 auto; width: 930px; } body.campaign .form p { color: #fff; font-size: 16px; margin-bottom: 8px; } body.campaign .form input[type="email"] { border: none; color: #848484; float: left; font-size: 12px; height: 15px; font-style: italic; width: 220px; padding: 15px; text-align: center; } body.campaign .form input[type="email"]:focus { background: #f5f5f5; border: none; } body.campaign .form input[type="submit"] { background: #fff600; border: none; color: #000; cursor: pointer; float: left; font-size: 12px; font-weight: bold; height: 45px; margin-left: 5px; text-transform: uppercase; width: 120px; padding: 15px; text-align: center; } body.campaign .form input[type="submit"]:hover { background: #fff660; } body.campaign .form p.email-msg { float: left; font-weight: bold; clear: both; background: #fff; margin-top: 5px; padding: 5px 15px; text-align: center; width: 345px; } body.campaign .form p.email-msg.exists { color: red; } body.campaign .form p.email-msg.sent { color: green; } body.campaign #main .container { padding-top: 25px; } body.campaign .company-quotes { background-color: #f8f8f8; overflow: hidden; padding-bottom: 20px; } body.campaign .company-quotes .quotes-blk { margin: 0 auto; width: 930px; } body.campaign .company-quotes h2 { color: #9f9f9f; font-size: 30px; line-height: 40px; margin: 0 auto 30px; padding-top: 25px; text-align: center; width: 635px; } body.campaign .company-quotes .quote { background:url('images/bg/bkd-circle-pale.png') top center no-repeat; background-size: contain; margin: 20px auto 35px; width: 395px; } body.campaign .company-quotes .quote-1 { height: 252px; padding-top: 55px; } body.campaign .company-quotes .quote-2 { height: 252px; padding-top: 55px; } body.campaign .company-quotes .quote-3 { height: 241px; padding-top: 66px; } body.campaign .company-quotes .quote-4 { height: 241px; padding-top: 66px; } body.campaign .company-quotes p { color: #9f9f9f; font-size: 20px; line-height: 34px; text-align: center; } body.campaign .company-quotes p span { font-weight: bold; } body.campaign .what-you-get h2 { color: #00b9f2; font-size: 26px; font-weight: bold; line-height: 30px; margin: 15px auto 0; text-align: center; text-transform: uppercase; } body.campaign .what-you-get .tag { background: url('images/util/tag.png') top left no-repeat; display: block; height: 47px; top: 100px; font-weight: bold; padding-top: 20px; padding-left: 43px; color: black; font-size: 38px; position: absolute; left: 173px; width: 82px; } body.campaign .what-you-get .per-user { top: 168px; font-size: 10px; font-weight: bold; color: black; position: absolute; left: 200px; text-transform: uppercase; } body.campaign .what-you-get ul { padding: 20px 0 25px 0; width: 100%; } body.campaign .what-you-get li { color: #00b9f2; font-size: 24px; line-height: 48px; width: 100%; } body.campaign #main .rbaby { background: url('images/bg/gray-white-bar.png') left -59px repeat-x; height: 350px; } body.campaign #main .rbaby section { background: url('images/bg/roambaby-hand.jpg') top left no-repeat; background-size: contain; height: 350px; margin: 0 auto; width: 930px; } body.campaign #main .rbaby section h2 { color: #7c7c7c; margin: 90px 0 0 330px; float: left; font-size: 40px; line-height: 44px; font-weight: normal; } body.campaign #main .rbaby section h3 { clear: left; color: #a3a3a3; margin: 15px 0 0 330px; float: left; font-size: 18px; line-height: 22px; } body.campaign .testimonials { overflow: hidden;} body.campaign .testimonials h2 { color: #00b9f2; font-size: 26px; font-weight: bold; line-height: 30px; margin: 15px auto 60px; text-align: center; text-transform: uppercase; } body.campaign .testimonials section { margin: 0 20px; width: 360px; } body.campaign .testimonials section p { color: #999; font-size: 14px; line-height: 1.4; } body.campaign .partners { overflow: hidden; } body.campaign .partners h2 { color: #00b9f2; font-size: 26px; font-weight: bold; line-height: 30px; margin: 15px auto 40px; text-align: center; text-transform: uppercase; } body.campaign .partners li { float: left; } body.campaign .partners li.lg { margin: 5px 0 0 0; } body.campaign .partners li.pana { margin: 6px 0 0 68px; } body.campaign .partners li.cisco { margin: 10px 0 0 60px; } body.campaign .partners li.mitel { margin: 19px 0 0 74px; } body.campaign .partners li.xerox { margin: 21px 0 0 0; } body.campaign footer { background: #272727; height: 115px; overflow: hidden; position: absolute; bottom: 0; width: 100%; } body.campaign footer p { color: #999; } body.campaign footer.default { height: 170px; } body.campaign footer.default div { padding-top: 15px; } /* --- sections --- */ body.trialsignup #info { position:absolute; top:0; right:15px; width:288px; height:610px; font-size:16px; border:1px solid #ddd; border-top:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background: url('images/bg/stripes-grey.png'); z-index:10; } body.trialsignup #info h1 { padding:12px 0 27px; margin:0 -1px 36px; font-size: 22px; text-align:center; background:url('images/bg/info-header.png'); } body.trialsignup #info h2 { color:#666; } body.trialsignup #info h4 { font-size:16px; } body.trialsignup #info h1 + img { height:auto; margin:0 50px 30px; } body.trialsignup #info .plus li { margin:0; } body.trialsignup #info .big { font-size:20px; font-weight:bold; } body.trialsignup #info .quote { font-size:13px; margin:-20px 0 20px; } body.trialsignup #blurbs { position:relative; } body.trialsignup #blurbs > div { display:none; position:absolute; top:0; left:0; padding:10px 40px; width:208px; } body.trialsignup #blurbs > div:first-child { display:block; } body.trialsignup #signup { padding:24px 0; } /* --- slider --- */ body.trialsignup header { border: none; height: 59px; } body.trialsignup header nav { padding-top: 4px; } body.trialsignup header nav .logo { margin-top: 6px; } body.trialsignup header nav .logo, body.trialsignup header nav .logo img { height: 40px; } body.trialsignup header nav h1 { float: left; font-size: 26px; line-height: 50px; margin-left: 12px; } body.trialsignup #steps { overflow:hidden; width:600px; min-height: 890px; } body.trialsignup #steps ul.slider { position:relative; width:4000px; } body.trialsignup #steps ul.slider > li { float:left; overflow:hidden; width:595px; padding:2px; } body.trialsignup #steps ul.slider > li .step2 { margin-top: -21px; } body.trialsignup #steps ul.slider > li .step3 { margin-top: -21px; } body.trialsignup #steps ul.slider > li h3 { margin: 25px 0 -7px 0; } body.trialsignup #steps ul.slider > li .step2 h3 { margin-bottom: 3px; } body.trialsignup #steps ul.slider > li .step3 h3 { margin-bottom: 3px; } body.trialsignup #steps ul.slider > li .step3 input[type="checkbox"] { float: left; margin: 3px 5px 0 0; } body.trialsignup .jumps { height:16px; text-align:center; clear:both; position:absolute; top:0; right:306px; z-index:999; } body.trialsignup .jumps li { display:inline-block; padding:0; list-style:none; background:url('images/util/steps.png'); padding-left:10px; width:64px; height:60px; text-align:center; line-height:60px; font-size:18px; margin-right:-24px; color:#fff; } body.trialsignup .jumps li:hover { cursor:pointer; } body.trialsignup .jumps li.active { background-position:0 -60px; color:#000; } body.trialsignup .jumps li.locked { background-position:0 -120px; color:#ccc; } body.trialsignup #trial_form { overflow: hidden; } body.trialsignup #trial_form label { line-height: 22px; padding-top: 13px; } body.trialsignup #trial_form input[type="text"] { color: #333; width: 250px; } body.trialsignup #trial_form input[name="province"] { width: 120px; } body.trialsignup #trial_form input[name="postalCode"] { width: 80px; } body.trialsignup #trial_form label.warning { color: red; font-size: 14px; padding-top: 0; font-weight: normal; } body.trialsignup #trial_form input.warning { border-color: red; } body.trialsignup #trial_form input[disabled="disabled"] { border-color: #ccc; color: #999; } body.trialsignup #trial_form table { border: none; margin: 15px 0 0 -10px; } body.trialsignup #trial_form #users th { text-align:left; border: none; padding-left: 11px; } body.trialsignup #trial_form .user td { border: none; padding:4px 10px; position:relative; } body.trialsignup #trial_form .remove { cursor:pointer; } body.trialsignup #trial_form .clones { counter-reset:users } body.trialsignup #trial_form .clones > div { counter-increment:users } body.trialsignup #trial_form .clones div h4::after { content:counter(users); } body.trialsignup #trial_form tr.collapsed input, body.trialsignup #trial_form tr.collapsed select { border-color:transparent; background:none; padding:0px 5px; color:#999; height:22px; -moz-appearance: none; -webkit-appearance: none; } body.trialsignup #trial_form th.remove { width:18px; line-height:20px; } body.trialsignup #trial_form span.remove { display:block; margin-top: 6px; text-align:right; width:24px; } /* users */ body.trialsignup #trial_form td input.firstname[type="text"] { width:134px; } body.trialsignup #trial_form td input.lastname[type="text"] { width:134px; } body.trialsignup #trial_form td input.email[type="text"], body.trialsignup #trial_form td input.groupemail[type="text"] { width:160px; } body.trialsignup #trial_form td input.extension[type="text"] { width:36px; } body.privacy #main { background: none; } body.privacy #main h3 { background: none; font-size: 25px; margin-bottom: 14px; padding: 0; } body.privacy #shim { padding-bottom: 200px; } @media only screen and (min-width: 761px) { .top-statement { text-align: left !important; } } /* --------------------------------------------------------- T38 -------------------------------------------------------*/ body.t38 .half { width: 100% !important; } /* Override half rule */ body.t38 table { border: none; width: 100%; float: left; margin-top: 30px; } body.t38 table td { border: none; width: 14%; } body.t38 header { height: 600px; } body.t38 header.fax { height: 820px; } body.t38 header.desktop-fax { height: 550px; } body.t38 #banner { background: url('images/banners/t38.png') top right no-repeat; box-sizing: border-box; min-height: 400px; } body.t38 header.t38-sip-trunks #banner { background: url('images/banners/fax-server.png') no-repeat; } body.t38 header.t38-fax-line #banner { background: url('images/banners/ata-fax-machine.png') no-repeat; } body.t38 header.desktop-fax #banner { background: url('images/banners/desktop-fax.png') no-repeat; } body.t38 header.hosted-fax #banner { background: url('images/banners/hosted-fax.png') no-repeat; } @media only screen and (max-width: 350px) { .sip-trunking #banner { background-size: 275px 140px; background-position: center 40px; padding: 210px 15px 40px 15px; } .business #banner { background-size: 275px 173px; background-position: center 40px; padding: 250px 15px 40px 15px; } .home #banner { background-size: 275px 154px; background-position: center 40px; padding: 250px 15px 40px 15px; } body.t38 #banner { background-size: 325px 211px; background-position: center 22px; padding: 220px 15px 40px 15px; } body.t38 header.t38-sip-trunks #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } body.t38 header.t38-fax-line #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } body.t38 header.desktop-fax #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } body.t38 header.hosted-fax #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } /* FR */ body.t38 header.fax #banner { background-size: 325px 211px !important; background-position: center 22px !important; padding: 220px 15px 40px 15px; } body.t38 header.t38fax #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } body.t38 header.ligne-de-telecopie-t-38 #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } body.t38 header.telecopie-electronique #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } body.t38 header.telecopie-heberge #banner { background-size: 275px 179px; background-position: center top; padding: 200px 15px 40px 15px; } } @media only screen and (min-width: 351px) and (max-width: 767px) { body.t38 #banner { background-size: 325px 211px; background-position: center 22px; padding: 220px 15px 40px 15px; } body.t38 header.t38-sip-trunks #banner { background-size: 325px 211px; background-position: center 22px; padding: 220px 15px 0 15px; } body.t38 header.t38-fax-line #banner { background-size: 325px 211px; background-position: center 22px; padding: 220px 15px 0 15px; } body.t38 header.desktop-fax #banner { background-size: 325px 211px; background-position: center 22px; padding: 220px 15px 0 15px; } body.t38 header.hosted-fax #banner { background-size: 325px 211px; background-position: center 22px; padding: 220px 15px 0 15px; } /* FR */ body.t38 header.fax #banner { background-size: 325px 211px !important; background-position: center 22px !important; padding: 220px 15px 40px 15px; } body.t38 header.t38fax #banner { background-size: 325px 211px !important; background-position: center 22px !important; padding: 220px 15px 40px 15px; } body.t38 header.ligne-de-telecopie-t-38 #banner { background-size: 325px 211px !important; background-position: center 22px !important; padding: 220px 15px 40px 15px; } body.t38 header.telecopie-electronique #banner { background-size: 325px 211px !important; background-position: center 22px !important; padding: 220px 15px 40px 15px; } body.t38 header.telecopie-heberge #banner { background-size: 325px 211px !important; background-position: center 22px !important; padding: 220px 15px 40px 15px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { body.t38 #banner { background-size: 325px 211px; background-position: 95% 40px; padding: 220px 15px 40px 15px; } body.t38 header.t38-sip-trunks #banner { background-size: 325px 211px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.t38-fax-line #banner { background-size: 325px 211px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.desktop-fax #banner { background-size: 325px 211px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.hosted-fax #banner { background-size: 325px 211px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } /* FR */ body.t38 header.fax #banner { background-size: 325px 211px !important; background-position: 95% 40px !important; padding: 30px 15px 40px 15px; } body.t38 header.t38fax #banner { background-size: 325px 211px !important; background-position: 95% 40px !important; padding: 30px 15px 40px 15px; } body.t38 header.ligne-de-telecopie-t-38 #banner { background-size: 325px 211px !important; background-position: 95% 40px !important; padding: 30px 15px 40px 15px; } body.t38 header.telecopie-electronique #banner { background-size: 325px 211px !important; background-position: 95% 40px !important; padding: 30px 15px 40px 15px; } body.t38 header.telecopie-heberge #banner { background-size: 325px 211px !important; background-position: 95% 40px !important; padding: 30px 15px 40px 15px; } } @media only screen and (min-width: 990px) and (max-width: 1299px) { .sip-trunking #banner { background-size: 375px 190px; background-position: 95% 50px; padding: 15px 15px 40px 15px; } .business #banner { background-size: 375px 236px; background-position: 95% 50px; padding: 15px 15px 40px 15px; } .home #banner { background-size: 375px 210px; background-position: 95% 50px; padding: 15px 15px 40px 15px; } body.t38 header.fax #banner { background-size: 420px 270px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.t38-sip-trunks #banner { background-size: 420px 270px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.t38-fax-line #banner { background-size: 420px 270px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.desktop-fax #banner { background-size: 420px 270px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.hosted-fax #banner { background-size: 420px 270px; background-position: 95% 40px; padding: 30px 15px 40px 15px; } /* FR */ body.t38 header.t38fax #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.ligne-de-telecopie-t-38 #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.telecopie-electronique #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.telecopie-heberge #banner { background-size: 32%; background-position: 95% 40px; padding: 6px 15px 40px 15px; } } @media only screen and (min-width: 1300px) { .sip-trunking #banner { background-size: 375px 190px; background-position: 850px 50px; padding: 15px 15px 40px 15px; } .business #banner { background-size: 375px 236px; background-position: 850px 50px; padding: 15px 15px 40px 15px; } .home #banner { background-size: 375px 210px; background-position: 850px 50px; padding: 15px 15px 40px 15px; } body.t38 header.fax #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.t38-sip-trunks #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.t38-fax-line #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.desktop-fax #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } body.t38 header.hosted-fax #banner { background-size: 32%; background-position: 95% 40px; padding: 30px 15px 40px 15px; } /* FR */ body.t38 header.t38fax #banner { background-size: 32%; background-position: 650px 40px; padding: 30px 15px 40px 15px; } body.t38 header.ligne-de-telecopie-t-38 #banner { background-size: 32%; background-position: 650px 40px; padding: 30px 15px 40px 15px; } body.t38 header.telecopie-electronique #banner { background-size: 32%; background-position: 650px 40px; padding: 30px 15px 40px 15px; } body.t38 header.telecopie-heberge #banner { background-size: 32%; background-position: 650px 40px; padding: 6px 15px 40px 15px; } } body.t38 #banner p { text-align: left !important; font-size: 26px; line-height: 32px; max-width: 600px; } body.t38 #banner .banner-left h1 { font-size: 40px; line-height: 44px; padding-bottom: 12px; } body.t38 #banner ul { list-style-type: circle;list-style-position: inside; margin-bottom: 30px;} body.t38 #banner li { text-align: left !important; font-size: 21px; line-height: 30px; } body.t38 #banner li a {color: #fff !important; text-decoration: underline;} body.t38 #banner .banner-right p {margin-top: 35px; font-size: 22px; } body.t38 #main nav.container ul ul { display: none; } body.t38 #main div.container { width: 100%; padding-top: 0px; margin-top: 5px; } body.t38 #main div.container.fax { margin-top: 0; } body.t38 .services li, body.t38.services li { float:left; padding: 0 !important; text-align: left; } body.t38 #main { padding-bottom: 60px; } body.t38 #main .row { margin: 0; } body.t38 #content {margin-bottom: 0; } body.t38 h2 { float: left; font-size: 30px; line-height: 32px; text-align: center; width: 100% !important; } body.t38 p { font-size: 24px; text-align: center; width: 100% !important; } /* sub-nav */ body.t38 .sub-nav { width: 930px; margin: 45px auto 0; overflow: hidden; padding-bottom: 6px; } body.t38 .sub-nav ul { width: 930px; margin: 0 auto; text-align: center; overflow: hidden; } body.t38 .sub-nav ul li { color: #00bef4; font-size: 20px; line-height: 30px; display: inline; float: none !important; } body.t38 .sub-nav ul li a { color: #00bef4; font-size: 18px; line-height: 22px; padding: 0 8px; text-transform: uppercase; } body.t38 .sub-nav ul li a:hover { color: #017799; } body.t38 .sub-nav ul li a.active { color: #017799; } body.t38 .sub-nav ul li span { display: inline; font-size: 20px; } body.t38 .vcex-icon-box-icon { text-align: center; padding: 60px 0 22px; } body.t38 .vcex-icon-box-icon span { color: #017799; } body.t38 .box { box-sizing: border-box; overflow: hidden; width: 100%; } body.t38 .box h2 { color: #017799; } body.t38 .box p { color: #017799; } body.t38 .box h3 { clear: left; color: #0196c8; font-size: 32px; line-height: 34px; margin: 40px 0 30px; } body.t38 .box h4 { color: #666; float: left; font-size: 22px; line-height: 22px; margin: 14px 0; width: 100%; text-align: center; } body.t38 .box h4 + p { width: 50%; } body.t38 .box ul { float: left; list-style-type: disc; width: 92%; margin-top: 10px; margin-bottom: 15px; padding-left: 25px !important; } body.t38 .box li { float: left; list-style-type: disc; color: #555; width: 100%; font-size: 18px; } body.t38 .dark-blue-box { background: #0196c8; box-sizing: border-box; padding: 25px 0 10px; margin-bottom: 35px; } body.t38 .dark-blue-box h2 { color: white; font-size: 44px; font-weight: normal; margin-bottom: 28px; } body.t38 .dark-blue-box p { color: white; line-height: 32px; margin-bottom: 40px; } body.t38 .dark-blue-box ul { float: left; margin-left: 19px; list-style-type: disc; width: 95%; margin-top: 10px; margin-bottom: 5px; } body.t38 .dark-blue-box li { float: left; list-style-type: disc; line-height: 20px; list-style-image: none; color: white; font-size: 18px; margin-bottom: 18px;width: 100%; } body.t38 .dark-blue-box .small-note { color: white; font-size: 10px; line-height: 26px; } body.hipaa-compliant-fax .dark-blue-box { margin-bottom: 17px; } @media only screen and (max-width: 1309px) { body.t38 .dark-blue-box .box-content { padding: 0 15px; } } body.t38 .dark-blue-box.pattern { background : url('images/bg/reliable-section.jpg') top left no-repeat; background-size: cover; padding: 40px 0 25px;} body.t38 .main-content { box-sizing: border-box; overflow: hidden; width: 100%; } body.t38 .box-content { box-sizing: border-box; overflow: hidden; margin: 0 auto; } body.t38 .box-content a { color: #017799; font-weight: bold; text-decoration: underline; } body.t38 .box .column-box { box-sizing: border-box; overflow: hidden; width: 100%; text-align: center; } body.t38 .box .column-box p { color: #555; line-height: 32px; } body.t38 .box.partners { background: white; padding: 50px 0 15px; } body.t38 .box.testimonial { margin-top: 75px; } body.t38 .box.testimonial p { color: #555; font-size: 18px; line-height: 28px; } body.t38 .box.testimonial .img-container { padding-top: 5px !important; } body.t38 .collapse-box { float: left; width: 100%; } body.t38 .collapse-box h3 { margin-bottom: 0; width: 100%; } body.t38 .collapse-box h3:hover, body.t38 .collapse-box.active h3 { } body.t38 .collapse-box h3 span { display: none; background: #fff url('images/buttons/more-less-small.png') right top no-repeat; float: right; font-size: 14px; font-weight: normal; color: #666; height: 14px; padding-right: 20px; line-height: 14px; margin-top: 12px; } body.t38 .collapse-box.active h3 span { background: #fff url('images/buttons/more-less-small.png') right bottom no-repeat; } body.t38 .collapse-box .collapse-box-content { /*height: 0;*/ margin: 0 auto; overflow: hidden; text-align: center; -webkit-transition: height .15s linear; -moz-transition: height .15s linear; -o-transition: height .15s linear; } body.t38 .collapse-box.first.active .collapse-box-content { height: 630px; } body.t38 .collapse-box.second.active .collapse-box-content { height: 690px; } body.t38 .collapse-box.thirth.active .collapse-box-content { height: 260px; } body.t38 .collapse-box .collapse-box-content p { color: #555; font-size: 18px; line-height: 28px; } body.t38 .collapse-box .collapse-box-content ul { float: left; list-style-type: disc; width: 100%; margin-top: 10px; margin-bottom: 15px; } body.t38 .collapse-box .collapse-box-content li { float: left; list-style-type: disc; list-style-image: none; font-size: 18px; color: #555; width: 94%; } body.t38 .collapse-box .collapse-box-content li a { color: #555; font-weight: normal; } body.t38 #main.t38-sip-trunks h2, body.t38 #main.t38-sip-trunks p, body.t38 #main.t38-sip-trunks .collapse-box h3, body.t38 #main.t38-sip-trunks .collapse-box h4, body.t38 #main.t38-sip-trunks .collapse-box .collapse-box-content p { text-align: left; } body.t38 .collapse-box .collapse-box-content .partner-logo { height: 85px; padding: 25px 0; white-space: nowrap; text-align: center; } body.t38 .collapse-box .collapse-box-content .partner-logo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } body.t38 .collapse-box .collapse-box-content .partner-logo img { vertical-align: middle; max-height: 85px; } body.t38 #banner ul li a { color: yellow !important; } @media only screen and (max-width: 767px) { body.t38 .collapse-box .collapse-box-content .partner-logo { height: 75px; width: 100%; padding: 8px 0; } body.t38 .collapse-box .collapse-box-content .partner-logo img { height: 40px; width: auto; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(7) img { height: 65px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(8) img { height: 35px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(11) img { height: 60px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(13) img { height: 30px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(14) img { height: 60px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(16) img { height: 30px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(18) { margin-bottom: 20px; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(18) img { height: 70px; } body.t38 #banner p { text-align: center !important; } body.t38 #banner ul { list-style-type: none; } body.t38 #banner ul li { text-align: center !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { body.t38 .collapse-box .collapse-box-content .partner-logo { float: left; width: 50%; } } @media only screen and (min-width: 1024px) and (max-width: 1299px) { body.t38 .collapse-box .collapse-box-content .partner-logo { float: left; width: 33%; } } @media only screen and (min-width: 1300px) { body.t38 .collapse-box .collapse-box-content .partner-logo { float: left; width: 25%; } body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(17), body.t38 .collapse-box .collapse-box-content .partner-logo:nth-of-type(18) { width: 50%; } } /* Plan columns */ body.t38 .plan-column { margin-top: 20px; margin-bottom: 50px; background-color: #f6f6f6; padding-bottom: 30px; } body.t38 .plan-column.full { float: left; width: 100%; } body.t38 .plan-column.left-side { float: left; } body.t38 .plan-column.right-side { float: left; } body.t38 .plan-column .plan-header { background: #0099cc; box-sizing: border-box; width: 100%; } body.t38 .plan-column .plan-header h3 { font-size: 24px; line-height: 70px; height: 70px; margin: 0; cursor: default; font-weight: normal; color: white; text-align: center; width: 100%; } body.qc.t38 .plan-column .plan-header h3 { font-size: 18px; } body.t38 .plan-column .plan-content { box-sizing: border-box; margin: 0 auto; padding-top: 25px; width: 85%; height: 455px; } body.t38 .plan-column.full .plan-content { height: 315px; } body.t38 .plan-column.full .plan-content { width: 95%; } body.t38 .plan-column .plan-content h2 { font-size: 60px; color: #555; margin-top: 20px; margin-bottom: 35px; } body.t38 .plan-column .plan-content p { color: #555; text-align: left; font-size: 18px; } body.t38 .plan-column .plan-content li { font-size: 16px; } body.t38 .plan-column .plan-content .small-font { font-size: 14px; } body.t38 .plan-column .plan-content .smaller-font { font-size: 10px; float: left; } @media only screen and (max-width: 900px) { body.t38 .plan-column { float: none !important; max-width: 600px; margin: 0 auto; margin-bottom: 30px; overflow: hidden; width: auto; } } @media only screen and (min-width: 901px) { body.t38 .plan-column { width: 49%; } body.t38 .plan-column:first-of-type { float: left; } body.t38 .plan-column:last-of-type { float: right; } body.t38 #main.desktop-fax .plan-column, body.t38 #main.telecopie-electronique .plan-column { float: left; margin-left: 28%; width: 45%; } } /* Order button */ body.t38 .button-row { overflow: hidden; float: left; Width: 100%; } body.t38 .order-button-row { float: left; padding: 90px 0 5px; width: 100%; } body.t38 #main.t38-sip-trunks .order-button-row { float: left; padding: 40px 0 5px; width: 100%; } body.t38 .order-button-row-content { width: 100%; text-align: center; } body.t38 .dark-blue-box .order-button-row { padding-top: 0; } body.t38 .dark-blue-box .order-button-row-content a:first-of-type { float: left; } @media only screen and (max-width: 760px) { body.t38 .order-button-row { padding: 110px 0 5px; } body.t38 .t38-fax-line #content:first-of-type .order-button-row { padding: 70px 0 5px; } body.t38 .ligne-de-telecopie-t-38 #content:first-of-type .order-button-row { padding: 70px 0 5px; } body.t38 .t38-fax-line .order-button-row-content { text-align: center !important; } body.t38 .t38-fax-line .order-button-row-content a { margin-left: 0 !important; } body.t38 .ligne-de-telecopie-t-38 .order-button-row-content { text-align: center !important; } body.t38 .ligne-de-telecopie-t-38 .order-button-row-content a { margin-left: 0 !important; } } /* frame box */ body.t38 .frame-box { width: 100%; margin: 0 auto; overflow: hidden; box-sizing: border-box; padding: 0 25px; max-width: 700px; } body.t38 .frame-box .frame-box-content { width: 100%; float: left; } body.t38 .frame-box .frame-box-content iframe { } body.t38 .frame-box .frame-box-content h3 { color: #333; font-size: 20px; margin-bottom: 25px;line-height: 24px; font-weight: bold; padding-top: 25px; } body.t38 .frame-box .frame-box-content h3 a { display: inline; } body.t38 .frame-box .frame-box-content h3 br { display: none; } body.t38 #shim { padding-bottom: 0; } /* footer */ body.t38.services footer li { float: none; text-align: left; } /* french */ body.qc.t38 #banner { background: url('images/banners/t38-fr.png') 95% 40px no-repeat; background-size: 32%; padding: 0; min-height: 500px; } body.qc.t38 header.t38fax #banner { background: url('images/banners/fax-server-fr.png') 95% 40px no-repeat; background-size: 32%; } body.qc.t38 header.ligne-de-telecopie-t-38 #banner { background: url('images/banners/ata-fax-machine-fr.png') 95% 40px no-repeat; background-size: 32%; } body.qc.t38 header.telecopie-electronique #banner { background: url('images/banners/desktop-fax-fr.png') 95% 40px no-repeat; background-size: 32%; } body.qc.t38 header.telecopie-heberge { height: 625px; } body.qc.t38 header.telecopie-heberge #banner { background: url('images/banners/hosted-fax-fr.png') 95% 40px no-repeat; background-size: 32%; } body.qc.t38 #banner .banner-right { float: right; margin-top: 325px; width: 44%; } body.qc.t38 #banner .banner-right p { margin-top:25px;} body.qc.t38 header.telecopie-heberge #banner .banner-right p {margin-top: 75px;} body.qc.t38 #banner .banner-left h1 { max-width: 56%; margin-top: 20px; } body.qc.t38 .sub-nav ul li a { /*font-size: 15px;*/ } body.qc.t38 .plan-column .plan-content { height: 480px; } body.qc.t38 .plan-column.full .plan-content { height: 325px !important; } body.qc.t38 .yellow-button { font-size: 22px; } /* --------------------------------------------------------- HIPAA page --------------------------------------------------------- */ body.t38 header.hipaa-compliant-fax { height: 450px;} body.t38 #banner.hipaa-compliant-fax { background: url('images/banners/t38.png') top right no-repeat; background-size: 440px; padding: 0; min-height: 450px; } body.t38 header.hipaa-compliant-fax h1 {margin-left:10px; line-height: 45px; } body.t38 header.hipaa-compliant-fax h2 {margin-left:10px; color: #fff; text-align: left; line-height: 35px;} body.t38 #banner.hipaa-compliant-fax .div-left {margin-top: 60px; width: 500px; } body.t38 #banner.hipaa-compliant-fax .div-right {float: left; width: 200px; margin: 0; padding: 0;} body.t38.hipaa-compliant-fax .box .biz-assoc-table {border: 1px #00bef4 solid; padding: 0; margin-right: 6px; width: 100%; margin-bottom: 15px; float: left; } body.t38.hipaa-compliant-fax .box .biz-assoc-table h3 {background: #00bef4; line-height: 26px; padding: 20px; font-size: 22px; color: #ffffff !important; text-align: center; margin: 0;} body.t38.hipaa-compliant-fax .box .biz-assoc-table p {font-size:16px; color: #666; margin: 10px; text-align: center; width: 95% !important; padding: 6px 0;} body.t38.hipaa-compliant-fax .box h2 {margin: 20px 10px; font-size: 31px} body.t38.hipaa-compliant-fax .box .column-box.left-side, body.t38.hipaa-compliant-fax .box .column-box.mid-side, body.t38.hipaa-compliant-fax .box .column-box.right-side {width: 24%; padding-left: 20px;} body.t38.hipaa-compliant-fax .box .column-box.left-side h2, body.t38.hipaa .box .column-box.mid-side h2, body.t38.hipaa-compliant-fax .box .column-box.right-side h2 {font-size: 25px; margin-bottom: 10px;} body.t38.hipaa-compliant-fax .box .column-box.left-side p, body.t38.hipaa-compliant-fax .box .column-box.mid-side p, body.t38.hipaa-compliant-fax .box .column-box.right-side p {color: white; font-size: 17px; line-height: 20px; margin-right: 5px;height: 270px;} @media only screen and (min-width: 768px) { body.t38.hipaa-compliant-fax .box .biz-assoc-table { height: 460px; width:48.5%; } body.t38.hipaa-compliant-fax .box .biz-assoc-table:first-of-type { float: left; } body.t38.hipaa-compliant-fax .box .biz-assoc-table:nth-of-type(2) { float: right; } } @media only screen and (min-width: 1025px) { body.t38.hipaa-compliant-fax .box .biz-assoc-table { height: 350px; margin: 30px 0 48px; width:40%; } body.t38.hipaa-compliant-fax .box .biz-assoc-table p { text-align: left; margin-left: 15px; } body.t38.hipaa-compliant-fax .box .biz-assoc-table:first-of-type { margin-left: 9%; } body.t38.hipaa-compliant-fax .box .biz-assoc-table:nth-of-type(2) { margin-right: 9%; } } /* --------------------------------------------------------- New Lead Form --------------------------------------------------------- */ body.partner #newLeadForm { background: #f3f3f3; padding: 12px 25px; } #newLeadForm fieldset { box-sizing: border-box; overflow: hidden; width: 100%; } #newLeadForm fieldset.full { clear: both; padding-top: 10px; padding-bottom: 10px; width: 100%; } #newLeadForm label { color: #000; font-size: 14px; font-weight: normal; margin-top: 10px; } #newLeadForm textarea { background: #f9f9f9 !important; border: 1px solid #bababa; border-radius: 2px; width: 250px; resize: vertical; } #newLeadForm fieldset.full textarea { background: #f9f9f9 !important; background: none; box-sizing: border-box; height: 80px; width: 100%; } #newLeadForm input[type='text'], #newLeadForm input[type='email'], #newLeadForm input[type='url'] { background: #f9f9f9; border: 1px solid #bababa; border-radius: 2px; box-sizing: border-box; height: auto; padding: 8px; width: 100%; } #newLeadForm input[type='url'] { color: #999; font-size: 14px; padding: 8px 8px 10px; } #newLeadForm input[type='submit'] { border: 0; padding: 0; float: right; margin: 0; margin-right: 0; margin-top: 15px; font-size: 20px; height: 50px; line-height: 50px; width: 200px; cursor: pointer; color: #333 !important; text-shadow: 0 1px #fff; text-align: center; background: #fff600; border-radius: 8px; } #newLeadForm select { background: white; border: 1px solid #bababa; border-radius: 2px; height: 38px; padding-left: 8px; width: 100%; } #leadFormResponse { background: yellow; border-radius: 3px; font-size: 22px; padding: 2px 15px 8px; } #leadFormResponse h5 { color: #000; font-size: 18px; line-height: 24px; } body.t38 .leadFormBox { background: #f3f3f3; box-sizing: border-box; border-radius: 8px; padding-right: 0; padding: 12px 24px; width: 100%; } body.t38 #newLeadForm { width: 100%; } body.t38 #newLeadForm fieldset.full textarea { } body.t38 #newLeadForm input[type='submit'] { } body.t38 #leadFormResponse { margin-top: 12px; width: 570px; } @media only screen and (max-width: 715px) { body.t38 #leadFormResponse { width: 92%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #newLeadForm fieldset { width: 48%; } #newLeadForm select { height: 36px; } } @media only screen and (min-width: 1024px) { #newLeadForm { margin: 0 auto; max-width: 100%; } body.partner #newLeadForm { max-width: 70%; } body.fax #newLeadForm { max-width: 95%; } #newLeadForm fieldset { width: 48%; } #newLeadForm select { height: 36px; } } /* Physical Desktop screens only */ @media (max-resolution: 1dppx) { #newLeadForm select { background: #f9f9f9; height: 173px; padding-left: 0; } } /* --------------------------------------------------------- MOBILE -------------------------------------------------------*/ /* --- smartphone (landscape) --- */ @media only screen and (min-width: 321px) and (max-width: 480px) { .mobile .container { width:460px; padding:0 10px; } /*.mobile .plus { font-size:0.9em; }*/ } /* --- smartphone (portrait) --- */ @media only screen and (max-width: 320px) { .mobile .container { width:300px; padding:0 10px; } } /* --------------------------------------------------------- PRINT -------------------------------------------------------*/ @media print { * { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } a, a:visited { color:#444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } 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, h3 { orphans:3; widows:3; } } /* --- exceptions --- */ .page-item-1894, .page-item-1842, .page-item-1847, .page-item-1896, .page-item-1900, .page-item-1918, .page-item-2031 { display: none !important; } /**/ /* --------------------------------------------------------- Responsive --------------------------------------------------------- */ .flag-can, .usa .flag-usa { display: none !important; } .usa .flag-can { display: block !important; } body #main { background: #fff; } .mini { float: left; font-size: 12px; line-height: 18px; } .nav-container { transform: translateZ(0px) !important; /* Answers IE flickering bug */ -webkit-transition: box-shadow .07s linear; } .nav-container.scrolling { -webkit-box-shadow: -1px 0.5px 6px 0px rgba(119,119,119,1); -moz-box-shadow: -1px 0.5px 6px 0px rgba(119,119,119,1); box-shadow: -1px 0.5px 6px 0px rgba(119,119,119,1); } #topMeta { background-color: #0083ae; display: none; height: 38px; width: 100%; } #topMeta .login-btn { background: url(images/icons/right-arrow-on-circle.png) #009bcc 62px center no-repeat; background-size: 18px; float: right; color: #fff; cursor: pointer; font-size: 16px; height: 100%; line-height: 36px; padding: 0 15px; min-width: 60px; } body.qc #topMeta .login-btn { background: url(images/icons/right-arrow-on-circle.png) #009bcc 106px center no-repeat; background-size: 18px; padding: 0 12px; width: 105px; } #topMeta .nav-lang { padding-top: 10px !important; } #topMeta .nav-lang a { color: #fff; cursor: pointer; font-weight: bold; } /* LOGIN ---------------------------- ------------------------------------- */ body.login { background-color: #f4f4f4; padding-top: 100px; } body.login .card-section { background: #009bcc; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 0 30px 30px; overflow: hidden; } body.login #login-holder { width: 420px; margin: 0 auto 0; padding-bottom: 20px; } body.login #log-box { position: relative; } body.login #log-box .card-section { width: 100%; -ms-box-sizing: border-box; box-sizing: border-box; padding: 40px; margin-bottom: 25px; } body.login #log-box .card-section .logo-cnt { margin-bottom: 25px; overflow: hidden; text-align: center; width: 100%; } body.login #log-box .card-links { text-align: right; margin-top: -30px; } body.login #log-box .info { padding: 20px 40px; } body.login #log-box .card-section p { color: #fff; } body.login #log-box .card-section a { color: #fff; } body.login #log-box .card-section input[type='text'], body.login #log-box .card-section input[type='password'] { background: none; border-radius: 3px; border: 2px solid #fff; color: #fff; font-size: 20px; height: auto; margin-bottom: 10px; padding-top: 5px; padding-bottom: 6px; width: 94%; } body.login #log-box .card-section .login-submit { border: none; background-color: yellow; color: #000; cursor: pointer; border-radius: 6px; font-size: 16px; font-weight: bold; margin-top: 6px; margin-bottom: 10px; padding: 10px 0; text-align: center; width: 100%; } body.login #log-box .card-section .entrust { margin-top: 20px; } body.login #log-box .card-section .entrust span { color: #fff; display: block; margin-top: -33px; margin-left: 50px; } body.login #log-box .card-section input[type='text']:focus::-webkit-input-placeholder { color: transparent; } /* WebKit browsers */ body.login #log-box .card-section input[type='text']:focus:-moz-placeholder { color:transparent; } /* Mozilla Firefox 4 to 18 */ body.login #log-box .card-section input[type='text']:focus::-moz-placeholder { color:transparent; } /* Mozilla Firefox 19+ */ body.login #log-box .card-section input[type='text']:focus:-ms-input-placeholder { color:transparent; } /* Internet Explorer 10+ */ body.login #log-box .card-section input[type='password']:focus::-webkit-input-placeholder { color: transparent; } /* WebKit browsers */ body.login #log-box .card-section input[type='password']:focus:-moz-placeholder { color:transparent; } /* Mozilla Firefox 4 to 18 */ body.login #log-box .card-section input[type='password']:focus::-moz-placeholder { color:transparent; } /* Mozilla Firefox 19+ */ body.login #log-box .card-section input[type='password']:focus:-ms-input-placeholder { color:transparent; } /* Internet Explorer 10+ */ body.login #log-box .card-section input[type='text']::-webkit-input-placeholder { color: white; font-size: 18px; } /* WebKit browsers */ body.login #log-box .card-section input[type='text']:-moz-placeholder { color:white;font-size: 18px; } /* Mozilla Firefox 4 to 18 */ body.login #log-box .card-section input[type='text']::-moz-placeholder { color:white; font-size: 18px;} /* Mozilla Firefox 19+ */ body.login #log-box .card-section input[type='text']:-ms-input-placeholder { color:white; font-size: 18px;} /* Internet Explorer 10+ */ body.login #log-box .card-section input[type='password']::-webkit-input-placeholder { color: white; font-size: 18px;} /* WebKit browsers */ body.login #log-box .card-section input[type='password']:-moz-placeholder { color:white;font-size: 18px; } /* Mozilla Firefox 4 to 18 */ body.login #log-box .card-section input[type='password']::-moz-placeholder { color:white;font-size: 18px; } /* Mozilla Firefox 19+ */ body.login #log-box .card-section input[type='password']:-ms-input-placeholder { color:white; font-size: 18px;} /* Internet Explorer 10+ */ @media only screen and (max-width: 480px) { body.login { padding-top: 5px; } body.login #login-holder { padding: 0 5px; width: 98%; } body.login #log-box .card-links { margin-right: 4px; } } /* Headers */ /* ------------------------*/ header, .landing header { background: #00bef4; height: 625px !important; border: none; } @media only screen and (max-width: 411px) { body.qc.landing header { height: 668px !important; } } @media only screen and (min-width: 412px) and (max-width: 560px) { body.qc.landing header { height: 675px !important; } } #meta .container .minified-menu { float: right; cursor: pointer; display: none; margin: 11px 10px 0 0; } #meta .container .minified-menu img { height: 20px; } #meta .container .minified-menu img.mob-menu-ext { height: 18px; margin-right: 3px; } #topMeta .contact-us li, #meta .container .contact-us li { color: white; background: url('images/icons/office-phone-icon.png') top left no-repeat; background-size: 14px; background-position: 12px 6px; font-size: 16px; padding-left: 32px; margin-right:0; line-height: 32px; } #topMeta .contact-us li { margin-top: 3px; } /* swiper */ .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } body.landing .swiper-container { padding-top: 50px; min-height: 450px; } @media only screen and (max-width: 790px) { body.landing .swiper-container { padding-top: 62px; min-height: 500px; } } .swiper-wrapper { } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide { background: #00bef4; } .swiper-slide .cnt { box-sizing: border-box; text-align: center; width: 90%; } .swiper-slide .cnt .img-cnt { box-sizing: border-box; min-height: 110px; max-height: 176px; text-align: center; width: 100%; } .swiper-slide .cnt p { color: #fff; line-height: 38px; font-size: 32px; padding-bottom: 1px; text-align: center; } body.qc .swiper-slide .cnt p { padding-bottom: 24px; } .swiper-slide .cnt p span { text-align: center; } .swiper-slide .cnt .cta-btn { color: #555; background-color: #fff601; border-radius: 6px; box-sizing: border-box; display: block; font-size: 20px; font-weight: bold; text-align: center; margin: 20px auto 10px auto; padding: 0 20px 1px; width: 100%; max-width: 175px; } .swiper-pagination { display: none; padding: 9px 0 6px; /*display: none;*/ bottom: 12px !important; } body.landing .swiper-pagination { display: block; } .swiper-pagination .swiper-pagination-bullet { width: 14px; border: 2px solid #0077af; background: none; height: 14px; opacity: 0.8; } .swiper-pagination .swiper-pagination-bullet:hover { background: #0077af; opacity: 1; } .swiper-pagination .swiper-pagination-bullet-active { background: #0077af; opacity: 1; } .swiper-button-next, .swiper-button-prev { width: 25px; height: 18px; background-size: contain; top: 35%; bottom: 19px; padding: 7px 0; opacity: .8; } .swiper-button-next { right: 5px; } .swiper-button-prev { left: 5px; } #mobMenu { background-color: #0083ae; -webkit-transition: top .10s linear; top: -298px; /* 91px active */ padding-bottom: 10px; position: fixed; overflow: scroll; overflow-x: hidden; height: 295px; width: 100%; z-index: 275; } body.t38 #mobMenu, #mobMenu.sub-menu-expanded { /*height: 416px !important;*/ } #mobMenu::-webkit-scrollbar { display: none; } #topMeta .nav-lang { padding-top: 0px !important; } /* Mobile menu landscape */ @media only screen and (max-width: 425px) { .swiper-slide .cnt p { line-height: 34px; font-size: 28px; } } @media only screen and (min-width: 560px) { #mobMenu { /*height: 180px;*/ } body.t38 #mobMenu, #mobMenu.sub-menu-expanded { /*height: 180px;*/ } #mobMenu li a { font-size: 18px; } #mobMenu li li a { font-size: 16px; } } @media only screen and (min-width: 761px) { .swiper-button-next, .swiper-button-prev { display: none; } } body.fax #mobMenu, body.hipaa-compliant-fax #mobMenu { top: -466px; /* 91px active */ } #mobMenu.active { top: 91px; } body.fax #mobMenu.active, body.hipaa-compliant-fax #mobMenu.active { top: 91px; } #mobMenu ul { list-style-type: none; } #mobMenu ul li { border-bottom: 1px solid #0098ca; width: 100%; } #mobMenu ul li a { font-size: 18px; color: #fff; display: block; padding: 12px 0 12px 14px; width: 100%; } #mobMenu ul li.selected a, #mobMenu ul li.selected a:before, #mobMenu ul li.active a { color: yellow !important; } #mobMenu ul li.selected li a, #mobMenu ul li.active li a { color: white !important; } #mobMenu ul li li.selected a, #mobMenu ul li li.selected a:before { color: yellow !important; } #mobMenu ul li.has-sub-menu ul li a { padding: 0 0 0 14px; } #mobMenu input[type='text'] { background: none; background-color: #0083ae; border: none; border-radius: 0; color: yellow !important; font-size: 18px; padding: 14px; padding-bottom: 6px; margin: 0 auto; width: 100%; } #mobMenu input[type='text']:focus::-webkit-input-placeholder { color: transparent; } /* WebKit browsers */ #mobMenu input[type='text']:focus:-moz-placeholder { color:transparent; } /* Mozilla Firefox 4 to 18 */ #mobMenu input[type='text']:focus::-moz-placeholder { color:transparent; } /* Mozilla Firefox 19+ */ #mobMenu input[type='text']:focus:-ms-input-placeholder { color:transparent; } /* Internet Explorer 10+ */ #mobMenu input[type='text']::-webkit-input-placeholder { color: yellow; } /* WebKit browsers */ #mobMenu input[type='text']:-moz-placeholder { color:yellow; } /* Mozilla Firefox 4 to 18 */ #mobMenu input[type='text']::-moz-placeholder { color:yellow; } /* Mozilla Firefox 19+ */ #mobMenu input[type='text']:-ms-input-placeholder { color:yellow; } /* Internet Explorer 10+ */ #mobMenu .sub-menu { display: none; } #mobMenu .has-sub-menu { position: relative; } #mobMenu .has-sub-menu a.subnav-trg:before { content: '+'; color: white; font-size: 28px; position: absolute; top: 10px; right: 18px; transition: .12s; -webkit-transition: .12s; } #mobMenu .has-sub-menu.active a.subnav-trg:before { display: none; right: 17px; color: yellow; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #mobMenu .has-sub-menu.active .sub-menu { display: block; margin-left: -14px; margin-bottom: 9px; padding-top: 0; } #mobMenu .has-sub-menu.active .sub-menu li { border: none; padding: 5px 0 5px 13px; } #mobMenu .has-sub-menu.active .sub-menu li a { cursor: pointer; font-size: 16px; } #mobMenu .has-sub-menu.active .sub-menu li a:before { content: '> '; color: white !important; } #mobMenu .has-sub-menu.active .sub-menu li a:before { content: '> '; color: white !important; } #mobMenu .has-sub-menu.active .sub-menu li.selected a:before { color: yellow !important; } #mobMenu .has-sub-menu.active .sub-menu li a:hover { color: yellow; } /* Tablet | Desktop nav */ nav .sub-menu { display: none; } nav .has-sub-menu { position: relative; } nav ul li:nth-of-type(3) { position: relative; padding-right: 23px; } nav ul li:nth-of-type(3) ul li { position: static; padding-right: 0; } nav ul li:nth-of-type(3) a:before { content: '+'; color: white; font-size: 24px; position: absolute; top: 1px; right: 0; } nav ul li:nth-of-type(3) ul a:before { display: none; } nav .has-sub-menu:hover a.subnav-trg:before, nav .has-sub-menu.active a.subnav-trg:before, nav .has-sub-menu.active a, nav .has-sub-menu.active li a:hover, nav .has-sub-menu.selected:before { color: yellow; } nav .has-sub-menu.active a.subnav-trg:before { font-weight: bold; } nav .has-sub-menu.active li a { color: white; } nav .has-sub-menu .sub-menu-cnt { background-color: #009bcc; position: fixed; height: 40px; right: -100%; top: 85px; width: 100%; z-index: 90; } nav .has-sub-menu .sub-menu-cnt .sub-menu { overflow: hidden; float: right; } nav .has-sub-menu .sub-menu li:last-of-type { padding-right: 33px; } nav .has-sub-menu .sub-menu li a { font-size: 18px; font-weight: normal; line-height: 38px; padding-left: 35px !important; } body.qc nav .has-sub-menu .sub-menu li a { padding-left: 18px !important; } section#content { box-sizing: border-box; margin: 0 auto; max-width: 1300px; overflow: hidden; padding: 25px; } body.landing section#content { width: 100%; max-width: 100%; } body.landing section#content, body.t38 section#content { padding: 0; } body.t38 section#content .box-content { padding: 0 15px; } body.home .narrow-band { overflow: hidden; width: 100%; } body.home .narrow-band-cnt { border-top: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; margin: 0 auto; max-width: 1300px; overflow: hidden; } body.home .narrow-band-cnt h4 { margin: 0 auto; max-width: 1300px; overflow: hidden; } body.qc.home .narrow-band-cnt h4 { font-size: 14px; } @media only screen and (max-width: 599px) { body.home .narrow-band { display: none; } } /* Remove the + next to T38/Fax main menu element on tablet & desktop */ @media only screen and (min-width: 761px) { nav ul li:nth-of-type(3) { padding-right: 0; } nav ul li:nth-of-type(3) a:before { display: none; } } /* -- */ @media only screen and (min-width: 600px) and (max-width: 1199px) { body.home .narrow-band h4:last-of-type { display: none; } } /*body.business iframe { max-width: 760px; width: 100%; height: 454px; }*/ @media only screen and (min-width: 760px) { body.t38:not(.hipaa-compliant-fax) nav .has-sub-menu .sub-menu-cnt { display: block !important; } body.hipaa-compliant-fax nav .has-sub-menu .sub-menu-cnt { /*display: none !important;*/ } body.t38:not(.hipaa-compliant-fax) header.fax nav .sub-menu-cnt li:nth-of-type(1) a { color: yellow; } body.t38 header.t38-sip-trunks nav .sub-menu-cnt li:nth-of-type(2) a { color: yellow; } body.t38 header.t38-fax-line nav .sub-menu-cnt li:nth-of-type(3) a { color: yellow; } body.t38 header.desktop-fax nav .sub-menu-cnt li:nth-of-type(4) a { color: yellow; } body.t38 header.hosted-fax nav .sub-menu-cnt li:nth-of-type(5) a { color: yellow; } body.t38 header.t38fax nav .sub-menu-cnt li:nth-of-type(2) a { color: yellow; } body.t38 header.ligne-de-telecopie-t-38 nav .sub-menu-cnt li:nth-of-type(3) a { color: yellow; } body.t38 header.telecopie-electronique nav .sub-menu-cnt li:nth-of-type(4) a { color: yellow; } body.t38 header.telecopie-heberge nav .sub-menu-cnt li:nth-of-type(5) a { color: yellow; } } body.support #mobMenu ul:nth-of-type(2) li:nth-of-type(1) a { color: yellow; } body.partner #mobMenu ul:nth-of-type(2) li:nth-of-type(2) a { color: yellow; } @media only screen and (min-width: 1024px) { .swiper-slide .cnt .cta-btn { font-size: 22px; margin: 20px 0 0 0; width: 240px; max-width: 240px !important; } } /* Benefits ---------------------------- */ /* --------------------------------------- */ body.home .benefits { display: none; } section#benefits { margin: 0 auto; max-width: 1300px; overflow: hidden; } section#benefits .row { clear: left; width: 100%; margin: 0; overflow: hidden; } section#benefits .half { box-sizing: border-box; padding: 0 25px; width: 100%; } section#benefits .mobile-type h3 { text-align: left !important; } section#benefits .mobile-type ul { margin-bottom: 5px !important; padding-left: 0 !important; } section#benefits .mobile-type ul li { float: left !important; margin-left: 0 !important; margin-right: 5px !important; } section#benefits .mobile-type ul li:first-of-type { margin-right: 15px !important; } section#benefits .device-showcase { background-color: #f6f6f6; box-sizing: border-box; float: left; margin-bottom: 20px; padding: 20px; width: 100%; } section#benefits .device-showcase h3 { font-size: 18px !important; color: #0099cf !important; } section#benefits .device-showcase h4 { font-size: 16px !important; color: #0099cf !important; text-align: center !important; } section#benefits .device-showcase p { text-align: center; } section#benefits .device-showcase ul { padding-left: 0 !important; margin-bottom: 20px !important; width: 100% !important; } section#benefits .device-showcase:first-of-type li { margin: 0 !important; width: 100% !important; } section#benefits .device-showcase:nth-of-type(2) li { margin: 0 !important; width: 100% !important; } section#benefits .device-showcase:nth-of-type(3) li { margin: 0 !important; width: 100% !important; } @media only screen and (min-width: 730px) { section#benefits .device-showcase { margin-bottom: 0; width: 32%; } /* section#benefits .device-showcase:nth-of-type(2) { margin-left: 14px; } section#benefits .device-showcase:nth-of-type(3) { float: right; }*/ } @media only screen and (min-width: 1024px) { section#benefits .device-showcase ul { width: 80% !important; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { section#benefits .mobile-type { float: left !important; width: 28%; } section#benefits .mobile-type:nth-of-type(2) { margin-left: 8%; } section#benefits .mobile-type:last-of-type { float: right !important; } } @media only screen and (min-width: 830px) { section#benefits .half { padding-bottom: 25px; width: 48%; } section#benefits .half:first-of-type { float: left; margin-left: 10px; } section#benefits .half:last-of-type { float: right; margin-right: 10px; } body.business section#benefits .half { float: left; width: 100%; } } section#benefits .half h3 { color: #555; font-weight: bold; line-height: 25px; margin-bottom: 22px; width: auto !important; text-align: left; } section#benefits .half li { display: none; } section#benefits .half ul { width: 95%; margin-bottom: 25px; } section#benefits .half ul li { display: list-item; } table#babytelVStraditional { border: none; } table#babytelVStraditional th { background-color: #0083ae; border: none; color: #fff; font-weight: normal; padding: 12px; width: 50%; } table#babytelVStraditional th:first-of-type { border-right: 1px solid #fff; } table#babytelVStraditional th:last-of-type { border-left: 1px solid #fff; } table#babytelVStraditional td.sub-hdr { background-color: #00bef4; border: none; color: #fff; font-size: 14px; font-weight: normal; padding: 8px 12px; text-transform: uppercase; } table#babytelVStraditional td.main-cell { background-color: #f2f2f2; border: none; color: #4f95a9; font-weight: bold; font-size: .9em; padding: 10px 0; text-transform: uppercase; } table#babytelVStraditional td.main-cell:first-of-type { border-right: 1px solid #4f95a9; } table#babytelVStraditional td.main-cell:last-of-type { border-left: 1px solid #4f95a9; } table#babytelVStraditional td.main-cell span:before { content: '\2713'; /* Checkmark */ font-family: Arial, sans-serif; display:inline-block; color: #4f95a9; padding:0 6px 0 0; } section#benefits #portal { width: auto !important; } .mobile-type { margin-bottom: 40px; } .pdf-list { margin-left: 12px; } .pdf-list li { list-style-image: url(images/util/icon-pdf.png) !important; } .pdf-list li a { text-decoration: none !important; } /* Whitepapers ---------------------------------- ------------------------------------------------- */ .whitepaper { border: 2px solid #0196c8; box-sizing: border-box; height: 107px; margin-bottom: 10px; overflow: hidden; position: relative; padding: 10px 15px 35px; width: 100%; } .whitepaper img { display: none; } .whitepaper p { display: none; } .whitepaper h3 { color: #0196c8; font-size: 20px !important; line-height: 24px !important; margin: 0 0 15px !important; } .whitepaper .blue-btn { position: absolute; text-decoration: none !important; color: white !important; background-color: #017799; padding: 6px 12px 8px; border-radius: 3px; bottom: 10px; right: 10px; } @media only screen and (max-width: 440px) { .whitepaper { height: 130px; } .whitepaper h3 { font-size: 18px !important; line-height: 22px !important; } body.qc .whitepaper h3 { font-size: 16px !important; line-height: 20px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .whitepaper { height: 110px; width: 49.3%; } .whitepaper:nth-of-type(odd) { float: left; } .whitepaper:nth-of-type(even) { float: right; } } @media only screen and (min-width: 1024px) and (max-width: 1299px) { .whitepaper { float: left; margin-right: 4px; margin-bottom: 4px; height: 110px; width: 33%; } .whitepaper h3 { font-size: 18px !important; line-height: 22px !important; } .whitepaper:nth-of-type(3), .whitepaper:nth-of-type(6), .whitepaper:nth-of-type(9), .whitepaper:nth-of-type(12) { margin-right: 0; } } @media only screen and (min-width: 1300px) { .whitepaper { float: left; margin-right: 15px; margin-bottom: 15px; height: 155px; width: 19%; } body.qc .whitepaper { width: 24.1%; } .whitepaper h3 { font-size: 18px !important; line-height: 22px !important; text-align: left; } .whitepaper:nth-of-type(5), .whitepaper:nth-of-type(10), .whitepaper:nth-of-type(15) { float: right; margin-right: 0; } body.qc .whitepaper:nth-of-type(4), body.qc .whitepaper:nth-of-type(8), body.qc .whitepaper:nth-of-type(12) { float: right; margin-right: 0; } body.qc .whitepaper:nth-of-type(5), body.qc .whitepaper:nth-of-type(10), body.qc .whitepaper:nth-of-type(15) { float: left; margin-right: 15px; } } /* Features ---------------------------- */ /* --------------------------------------- */ section#features { box-sizing: border-box; line-height: 20px; margin: 0 auto; max-width: 1300px; overflow: hidden; padding: 0 20px; } section#features .row { clear: left; margin: 0; overflow: hidden; width: 100%; } section#features .row .custom { border-bottom: 1px solid #dfdfdf; padding-bottom: 16px; margin-bottom: 19px; padding-left: 0; width: 100%; } section#features .row .custom:last-of-type { border-bottom: none; } @media only screen and (min-width: 770px) and (max-width: 1023px) { section#features .row .custom { border-bottom: none; float: left; height: 145px; margin-bottom: 25px; padding-left: 0; width: 47%; } section#features .row .custom:nth-child(odd) { float: left; clear: left; margin-left: 10px; } section#features .row .custom:nth-child(even) { float: right; margin-right: 10px; } } @media only screen and (min-width: 1024px) and (max-width: 1299px) { section#features .row .custom { border-bottom: none; float: left; height: 165px; margin-bottom: 18px; padding-left: 0; width: 30%; } section#features .row .custom:nth-child(2), section#features .row .custom:nth-child(5), section#features .row .custom:nth-child(8), section#features .row .custom:nth-child(11) { margin-left: 5%; } section#features .row .custom:nth-child(1) { margin-left: 10px; } section#features .row .custom:nth-child(4), section#features .row .custom:nth-child(7), section#features .row .custom:nth-child(10) { clear: left; margin-left: 10px; } section#features .row .custom:nth-child(3), section#features .row .custom:nth-child(6), section#features .row .custom:nth-child(9), section#features .row .custom:nth-child(12) { float: right; margin-right: 10px; } } @media only screen and (min-width: 1300px) { section#features .row .custom { border-bottom: none; float: left; height: 130px; margin-bottom: 22px; padding-left: 0; width: 30%; } body.qc section#features .row .custom { height: 160px; } section#features .row .custom:nth-child(2), section#features .row .custom:nth-child(5), section#features .row .custom:nth-child(8), section#features .row .custom:nth-child(11) { margin-left: 5%; } section#features .row .custom:nth-child(4), section#features .row .custom:nth-child(7), section#features .row .custom:nth-child(10) { clear: left; } section#features .row .custom:nth-child(3), section#features .row .custom:nth-child(6), section#features .row .custom:nth-child(9), section#features .row .custom:nth-child(12) { float: right; } } section#features h2 { padding-left: 65px; } section#features h3 { color: #555; line-height: 26px; padding-left: 65px; text-align: left; } section#features .more-features { clear: left; margin-top: 40px; border: none; } section#features .more-features .more { background: none; background-color: #0099cf; border-radius: 50%; height: 56px; margin-left: 34px; padding-left: 11px; text-align: center; width: 18px; } section#features .more-features .more:hover { background-color: #0083ae; } section#features .more-features .more::before { content: '+'; color: #fff; display: block; font-size: 64px; line-height: 52px; margin-right: -19px; transform: rotate(0deg); -webkit-transition: -webkit-transform .07s; } section#features .more-features .more.active::before { margin-right: -22px; transform: rotate(45deg); } /* Plan boxes ---------------------------- */ /* --------------------------------------- */ section#plans { box-sizing: border-box; margin: 0 auto; max-width: 1300px; overflow: hidden; padding: 0 12px; } section.plans { background-color: #f3f3f3; float: left; margin-right: 10px; min-height: 460px; } section#plans .plan-intro { padding: 0 10px 30px 10px; box-sizing: border-box; margin: 0 auto; max-width: 800px; } section#plans .plan-intro h4 { color: #666; font-size: 22px; line-height: 28px; margin-bottom: 20px; text-align: center; } section#plans .plan-intro ul { padding-left: 23px; padding-top: 10px; max-width: 610px; margin: 0 auto; list-style-image: url(images/icons/checkmark-blue.gif); } section#plans .plan-intro ul li { font-size: 18px; line-height: 22px; margin-bottom: 15px; } @media only screen and (max-width: 320px) { body.sip-trunking section.plans { width: 98%; margin-left:0.5%; margin-bottom: 14px; margin-right: 0; } body.business section.plans { width: 98%; margin-left:0.5%; margin-bottom: 14px; margin-right: 0; } body.home section.plans { width: 98%; margin-left:0.5%; margin-bottom: 14px; margin-right: 0; } body.t38 section.plans { width: 98%; margin-left:0.5%; margin-bottom: 5px; margin-right: 0; margin-top: 45px; } body.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 186px; } body.usa.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 236px; } body.usa.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 222px; } body.qc.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 265px; } body.usa.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 224px; } body.qc.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 255px; } body.business section.plans:nth-of-type(1) div div { margin-bottom: 230px; } body.business section.plans:nth-of-type(2) div div { margin-bottom: 104px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 163px; } /* body.usa.business section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.business section.plans:nth-of-type(2) div div { margin-bottom: 163px; } */ body.business section.plans:nth-of-type(3) div div { margin-bottom: 185px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.home section.plans:nth-of-type(2) div div { margin-bottom: 246px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.home section.plans:nth-of-type(3) div div { margin-bottom: 232px; } body.home section.plans:nth-of-type(4) div div { margin-bottom: 230px; } body.home section.plans:nth-of-type(5) div div { margin-bottom: 228px; } } @media only screen and (min-width: 321px) and (max-width: 568px) { body.sip-trunking section.plans { width: 96%; margin-left:2%; margin-bottom: 32px; margin-right: 0; } body.business section.plans { width: 96%; margin-left:2%; margin-bottom: 32px; margin-right: 0; } body.home section.plans { width: 96%; margin-left:2%; margin-bottom: 32px; margin-right: 0; } body.t38 section.plans { width: 96%; margin-left:2%; margin-bottom: 5px; margin-right: 0; margin-top: 45px; } body.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 186px; } body.usa.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 236px; } body.usa.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 222px; } body.qc.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 265px; } body.usa.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 224px; } body.qc.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 255px; } body.business section.plans:nth-of-type(1) div div { margin-bottom: 230px; } body.business section.plans:nth-of-type(2) div div { margin-bottom: 104px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 163px; } /* body.usa.business section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.business section.plans:nth-of-type(2) div div { margin-bottom: 163px; } */ body.business section.plans:nth-of-type(3) div div { margin-bottom: 185px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.home section.plans:nth-of-type(2) div div { margin-bottom: 246px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.home section.plans:nth-of-type(3) div div { margin-bottom: 232px; } body.home section.plans:nth-of-type(4) div div { margin-bottom: 230px; } body.home section.plans:nth-of-type(5) div div { margin-bottom: 228px; } } @media only screen and (min-width: 569px) and (max-width: 1024px) { body.sip-trunking section.plans { width: 47%; margin-bottom: 11px; } body.business section.plans { width: 47%; margin-bottom: 11px; } body.home section.plans { width: 47%; margin-bottom: 11px; } section.plans:nth-of-type(1), section.plans:nth-of-type(3), section.plans:nth-of-type(5) { clear: left; margin-left: 2%; } section.plans:nth-of-type(2), section.plans:nth-of-type(4), section.plans:nth-of-type(6) { margin-right: 0; } body.t38 section.plans { width: 50%; float: none; margin: 45px auto 5px !important; } body.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 186px; } body.usa.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 236px; } body.usa.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 222px; } body.qc.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 265px; } body.usa.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 224px; } body.qc.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 255px; } body.business section.plans:nth-of-type(1) div div { margin-bottom: 230px; } body.business section.plans:nth-of-type(2) div div { margin-bottom: 104px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 163px; } /* body.usa.business section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.business section.plans:nth-of-type(2) div div { margin-bottom: 163px; } */ body.business section.plans:nth-of-type(3) div div { margin-bottom: 185px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.home section.plans:nth-of-type(2) div div { margin-bottom: 246px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.home section.plans:nth-of-type(3) div div { margin-bottom: 232px; } body.home section.plans:nth-of-type(4) div div { margin-bottom: 230px; } body.home section.plans:nth-of-type(5) div div { margin-bottom: 228px; } } @media only screen and (min-width: 1025px) and (max-width: 1300px) { body.qc #banner h1 { max-width: 60%; } body.qc #banner h4 { max-width: 62%; line-height: 30px; margin-bottom: 5px; } body.sip-trunking section.plans { width: 31%; margin-bottom: 11px; } body.business section.plans { width: 31%; margin-bottom: 11px; } /*body.usa.business section.plans { width: 40%; margin-bottom: 11px; }*/ body.home section.plans { width: 31%; margin-bottom: 11px; } body.usa.home section.plans { width: 40%; margin-bottom: 11px; } body.qc.sip-trunking section.plans h4, body.qc.business section.plans h4 { font-size: 15px !important; line-height: 18px; } section.plans:nth-of-type(1), section.plans:nth-of-type(4), section.plans:nth-of-type(7) { clear: left; margin-left: 2%; } section.plans:nth-of-type(3), section.plans:nth-of-type(6), section.plans:nth-of-type(9) { margin-right: 0; } body.t38 section.plans { width: 40%; float: none; margin: 45px auto 5px !important; } body.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 186px; } body.usa.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 236px; } body.usa.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 222px; } body.qc.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 265px; } body.usa.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 227px; } body.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 224px; } body.qc.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 255px; } body.business section.plans:nth-of-type(1) div div { margin-bottom: 260px; } body.business section.plans:nth-of-type(2) div div { margin-bottom: 104px; } body.usa.home section.plans:nth-of-type(1) { margin-left: 10%; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 163px; } /* body.usa.business section.plans:nth-of-type(1) { margin-left: 10%; } body.usa.business section.plans:nth-of-type(1) div div { margin-bottom: 163px; } body.usa.business section.plans:nth-of-type(2) div div { margin-bottom: 163px; } */ body.business section.plans:nth-of-type(3) div div { margin-bottom: 185px; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 187px; } body.home section.plans:nth-of-type(2) div div { margin-bottom: 246px; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 227px; } body.home section.plans:nth-of-type(3) div div { margin-bottom: 232px; } body.home section.plans:nth-of-type(4) div div { margin-bottom: 230px; } body.home section.plans:nth-of-type(5) div div { margin-bottom: 228px; } } @media only screen and (min-width: 1301px) { body.sip-trunking section.plans { width: 24%; margin-bottom: 11px; } body.business section.plans { width: 32%; margin-bottom: 11px; } body.home section.plans { width: 32%; margin-bottom: 11px; } body.usa.sip-trunking section.plans { width: 32.6%; } /*body.usa.business section.plans { width: 35%; }*/ body.qc.home section.plans { width: 32.6%; } body.usa.home section.plans { width: 35%; } body.home section.plans:nth-of-type(4) { clear: left; margin-left: 5px; margin-right: 5px; } section.plans:nth-of-type(1), section.plans:nth-of-type(5) { margin-left: 5px; } section.plans:nth-of-type(1), section.plans:nth-of-type(4) { clear: left; } body.sip-trunking section.plans:nth-of-type(1), body.sip-trunking section.plans:nth-of-type(4) { clear: none; } section.plans:nth-of-type(4), section.plans:nth-of-type(8) { margin-right: 0; } body.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 60%; } body.usa.sip-trunking section.plans:nth-of-type(1) div div { margin-bottom: 38%; } body.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 80%; } body.usa.sip-trunking section.plans:nth-of-type(2) div div { margin-bottom: 48%; } body.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 76%; } body.qc.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 87%; } body.usa.sip-trunking section.plans:nth-of-type(3) div div { margin-bottom: 48%; } body.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 76%; } body.qc.sip-trunking section.plans:nth-of-type(4) div div { margin-bottom: 82%; } body.business section.plans:nth-of-type(1) div div { margin-bottom: 55%; } body.business section.plans:nth-of-type(2) div div { margin-bottom: 26%; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 36%; } body.usa.home section.plans:nth-of-type(2) div div { margin-bottom: 36%; } /* body.usa.business section.plans:nth-of-type(1) div div { margin-bottom: 36%; } body.usa.business section.plans:nth-of-type(2) div div { margin-bottom: 36%; } */ body.business section.plans:nth-of-type(3) div div { margin-bottom: 40%; } body.usa.home section.plans:nth-of-type(1) div div { margin-bottom: 42%; } body.home section.plans:nth-of-type(2) div div { margin-bottom: 50%; } body.home section.plans:nth-of-type(3) div div { margin-bottom: 45%; } body.home section.plans:nth-of-type(4) div div { margin-bottom: 45%; } body.home section.plans:nth-of-type(5) div div { margin-bottom: 45%; } body.usa.sip-trunking section.plans:nth-of-type(3), body.qc.home section.plans:nth-of-type(3) { margin-right: 0; } body.qc.sip-trunking section.plans h4{ font-size: 15px !important; line-height: 18px; } body.usa.home section.plans:nth-of-type(1) { margin-left: 14.5%; } /*body.usa.business section.plans:nth-of-type(1) { margin-left: 14.5%; } */ body.t38 section.plans { width: 40%; float: none; margin: 45px auto 5px !important; } } section.plans .rounded { padding: 0; padding-top: 205px; width: auto; } section.plans .rounded::after { display: none; } section.plans .lightgrey { background: none; } section.plans h1 { background: none; color: #555; height: auto; position: absolute; padding: 0; top: 110px; font-size: 60px; margin: 0; text-align: center; width: 100%; } section.plans h3 { background-color: #0099cb; color: #fff !important; font-size: 22px !important; height: 70px; line-height: 70px !important; margin-top: 0 !important; font-weight: normal; position: absolute; top: 0; text-align: center; width: 100%; } @media only screen and (min-width: 569px) and (max-width: 728px) { body.qc.business section.plans:first-of-type h3 { height: 62px; line-height: 26px !important; padding-top: 8px; } } @media only screen and (min-width: 1025px) and (max-width: 1188px) { body.qc.business section.plans:first-of-type h3 { height: 62px; line-height: 26px !important; padding-top: 8px; } } section.plans h4 { box-sizing: border-box; color: #555; font-size: 16px !important; text-align: left !important; line-height: 20px; height: 70px; padding: 0 30px; text-align: left; width: 100%; } section.plans h4 span { margin-top: 0 !important; } section.plans .more { background: none; color: #0099cf; font-weight: bold; font-size: 18px; left: 31px; line-height: 26px; top: 300px; right: auto; } section.plans .more::before { content: '+'; color: #fff; background-color: #0099cf; border-radius: 50%; display: block; font-weight: bold; font-size: 24px; margin-right: 8px; width: 24px; text-align: center; display: block; line-height: 22px; margin-left: 0px; float: left; height: 24px; transform: rotate(0deg); -webkit-transition: -webkit-transform .07s; } section.plans .more.active::before { /*transform: rotate(45deg);*/ } section.plans .yellow-button { background-color: #fff700; bottom: 40px; box-shadow: none; color: #565656 !important; font-size: 22px; margin: 0; right: auto; left: 50%; margin-left: -87px; top: auto !important; z-index: 10; } section.plans .details-box { position: fixed; top: 40%; left: 50%; margin-left: -300px; margin-top: -15%; width: 600px; border-radius: 5px; box-sizing: border-box; padding: 10px 20px 20px; overflow: hidden; z-index: 900; background: white; border: 2px solid #0099cb; } body.home.canada section.plans:first-of-type .details-box, body.home.qc section.plans:first-of-type .details-box { top: 15%; margin-top: 0; max-height: 500px; overflow-y: scroll; } section.plans .details-box .dismiss-btn { cursor: pointer; color: #0099cb; position: absolute; font-size: 34px; transform: rotate(45deg); top: 8px; right: 8px; } section.plans .details-box h2 { color: #0083ae; font-size: 26px; line-height: 28px; text-align: left; margin-top: 6px; margin-bottom: 12px; } section.plans .details-box h2 span { color: white; display: block; background-color: #0083ae; padding: 8px 0; line-height: 42px; font-size: 40px; text-align: center; margin-top: 16px; } body.t38 section.plans .details-box { margin-bottom: 0; } section.plans .details-box h4 { padding: 0; height: auto; } section.plans .details-box li { font-size: 16px !important; margin-bottom: 11px !important; } section.plans .details-box a { color: #0099cb !important; display: inline-block; font-size: 16px; font-weight: normal !important; margin-bottom: 16px; line-height: 20px; text-decoration: underline !important; } body.qc section.plans .details-box a { padding: 7px 12px; line-height: 18px; } section.plans .details-box a:hover { /*background-color: #0083ae;*/ } @media only screen and (max-width: 320px) { section.plans .details-box { max-height: 540px !important; overflow-y: auto; } body.home.canada section.plans:first-of-type .details-box, body.home.qc section.plans:first-of-type .details-box { top: 3%; } } @media only screen and (min-width: 321px) and (max-width: 760px) { section.plans .details-box { max-height: 630px !important; overflow-y: auto; } body.home.canada section.plans:first-of-type .details-box, body.home.qc section.plans:first-of-type .details-box { top: 3%; } } @media only screen and (max-width: 760px) { section.plans .details-box { top: 17%; left: 4%; margin-left: 0; width: 92%; } } @media only screen and (max-width: 320px) { section.plans h3 { font-size: 18px !important; } } @media only screen and (min-width: 321px) and (max-width: 1023px) { section.plans h3 { font-size: 20px !important; } } /* Testimonials ---------------------------- */ /* --------------------------------------- */ section#testimonials { box-sizing: border-box; margin: 0 auto; max-width: 1300px; overflow: hidden; padding: 0 12px; } /* Support ---------------------------- */ /* --------------------------------------- */ section#support { box-sizing: border-box; margin: 0 auto; max-width: 1300px; overflow: hidden; padding: 0 12px; } /* Phone | Tablet Portrait */ @media only screen and (max-width: 760px) { body.support { padding-bottom: 0; } body.support footer { position: static; } body.support iframe[name="google_conversion_frame"] { display: none; } body.support table { width: 100%; } body.support th { font-size: 90% !important; line-height: 16px; vertical-align: middle; } body.support td { font-size: 80% !important; padding: 4px 0 !important; text-align: center !important; } a.logo img { height: 34px; padding: 5px; } /* login box */ #login-box { background-color: #0083ae; box-shadow: none; margin-left: 0; position: fixed; right: 0; top: 55px; left: auto; } #login-box.active { border: none; border-radius: 0px; } .landing #shim { padding-bottom: 0 !important; } #shim { overflow: hidden; } .landing .row { margin-top: 0; } #meta .search-controller, #meta #searchForm, #meta .nav-lang, #meta .login-btn, #meta .meta-nav, #meta .contact-us, #connect, header nav { display: none !important; } #topMeta, #meta, #pn-bar { position: fixed; z-index: 300; } #topMeta { top: 0; display: block; } #topMeta .nav-lang { padding-top: 0px !important; width: 80px; } body.qc #topMeta .nav-lang { width: 10px; margin-right: 70px; } body.qc #topMeta .nav-lang select { width: 60px; } #meta { top: 37px; width: 100%; } #pn-bar { top: 91px; width: 100%; z-index: 250; } #meta .container .minified-menu, #pn-bar { display: block; } header { height: auto !important; margin-top: 92px; border-top: none; } #services { width: 100%; } .swiper-slide .cnt img { margin: -30px 0 20px 0; max-width: 80%; } body.about .swiper-container, body.support .swiper-container, body.partner .swiper-container, body.search-results .swiper-container, body.press-room .swiper-container, body.press-room-article .swiper-container, body.pbx-partners .swiper-container, body.testimonials .swiper-container, body.contact .swiper-container, body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container, body.emergency .swiper-container, body.guarantee .swiper-container, body.terms .swiper-container, body.privacy .swiper-container, body.trademarks .swiper-container { height: 95px; } body.about .swiper-container #banner h1, body.support .swiper-container #banner h1, body.partner .swiper-container #banner h1, body.search-results .swiper-container #banner h1, body.press-room .swiper-container #banner h1, body.press-room-article .swiper-container #banner h1, body.pbx-partners .swiper-container #banner h1, body.testimonials .swiper-container #banner h1, body.contact .swiper-container #banner h1, body.coverage .swiper-container #banner h1, body.rates .swiper-container #banner h1, body.keep-your-number .swiper-container #banner h1, body.emergency .swiper-container #banner h1, body.guarantee .swiper-container #banner h1, body.terms .swiper-container #banner h1, body.privacy .swiper-container #banner h1, body.trademarks .swiper-container #banner h1 { margin-top: 10px !important; } body.qc.about .swiper-container #banner h1, body.qc.support .swiper-container #banner h1, body.qc.partner .swiper-container #banner h1, body.qc.search-results .swiper-container #banner h1, body.qc.press-room .swiper-container #banner h1, body.qc.press-room-article .swiper-container #banner h1, body.qc.pbx-partners .swiper-container #banner h1, body.qc.testimonials .swiper-container #banner h1, body.qc.contact .swiper-container #banner h1, body.qc.coverage .swiper-container #banner h1, body.qc.rates .swiper-container #banner h1, body.qc.keep-your-number .swiper-container #banner h1, body.qc.emergency .swiper-container #banner h1, body.qc.guarantee .swiper-container #banner h1, body.qc.terms .swiper-container #banner h1, body.qc.privacy .swiper-container #banner h1, body.qc.trademarks .swiper-container #banner h1 { font-size: 26px; } h3 { border-radius: 0px; text-align: center; } #content h3::after { left: 50%; margin-left: -16px; } h3 a { display: none; } .view-all-mb { clear: both; display: block; } .landing .partners { margin-top: 40px; float: left; width: 100%; } .view-all-mb a { margin-right: 15px; } #banner { width: 100%; } .sCarousel { top: 169px; } #main, .landing #main { background: none; } article.news article { overflow: hidden; padding: 14px; } article.news article h4 { padding-bottom: 5px; } article.news article h4 a { color: #0083ae !important; } article.news article .read-more { color: #0083ae !important; } article.testimonials article { box-sizing: border-box; margin-right: 0; float: left !important; padding: 14px !important; width: 100%; } article.testimonials article:last-of-type { float: right !important; } article.testimonials article span { color: #0083ae !important; } article.partners { background: white; padding-top: 30px !important; } article.partners ul li { margin: 0 !important; text-align: center; width: 100% !important; } article.partners ul li.lg { } article.partners ul li.dialogic { /*margin-right: 5% !important;*/ } /* footer */ footer { /*height: auto !important; position: relative;*/ } footer h4 { padding: 0 14px !important; } footer .container { box-sizing: border-box; overflow: hidden; padding: 10px 14px 6px 14px !important; width: 100% !important; } footer .container #connect.connect-mb, footer .container #connect.connect-mb .babytel-share { display: block !important; } footer .container ul { width: 100% !important; float: left; padding-top: 0; padding-bottom: 0; padding-left: 0 !important; } footer .container ul li { border-bottom: 1px solid #444; padding: 6px 0 7px 14px; } footer .container ul:first-of-type { padding-top: 20px; } footer .container ul:last-of-type li:last-of-type { border: none; } footer .container .copy { float: right; margin-top: 25px; position: relative; } footer section .container { padding-top: 18px !important; } footer .half { box-sizing: border-box; padding: 14px !important; width: 100% !important; } } /* Adjust Heros */ @media only screen and (max-width: 560px) { .swiper-slide .cnt img { max-width: 60%; } } @media only screen and (min-width: 561px) and ( max-width: 1000px ) { .swiper-slide .cnt img { max-width: 55% !important; } } /* -- */ @media only screen and (min-width: 761px) and (max-width: 1023px) { header nav ul li a { padding-left: 35px !important; padding-bottom: 4px; } } @media only screen and (min-width: 761px) and (max-width: 1023px) { header .nav-container { background-color: #00bef4; padding-top: 24px; height: 61px; /*overflow: hidden;*/ padding-bottom: 0; position: fixed; top: 55px; width: 100%; z-index: 100; } header nav { background-color: #00bef4; padding-top: 30px; padding-left: 16px; height: auto; padding-bottom: 10px; position: fixed; top: -6px; width: 100%; z-index: 70; } header nav ul.left { float: right !important; margin-right: 42px; } nav .has-sub-menu .sub-menu-cnt .sub-menu { margin-right: 3px; } header nav ul li { padding-left: 10px; } header nav ul li li { padding-left: 0; } header nav ul li.has-sub-menu { /*margin-right: -23px;*/ } /* login box */ #login-box { background-color: #0083ae; box-shadow: none; margin-left: 0; position: fixed; right: 0; top: 36px; left: auto; } #login-box.active { border: none; border-radius: 0px; } .landing #shim { padding-bottom: 0 !important; } #shim { overflow: hidden; } .row { margin-top: 0; } #topMeta, #mobMenu, #meta .logo, .babytel-share/*, .sub-menu-cnt */{ display: none !important; } nav .has-sub-menu.active .sub-menu-cnt { right: 0; } footer .babytel-share { display: block !important; } body.about .swiper-container, body.support .swiper-container, body.partner .swiper-container, body.search-results .swiper-container, body.press-room .swiper-container, body.press-room-article .swiper-container, body.pbx-partners .swiper-container, body.testimonials .swiper-container, body.contact .swiper-container, body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container, body.emergency .swiper-container, body.guarantee .swiper-container, body.terms .swiper-container, body.privacy .swiper-container, body.trademarks .swiper-container { height: 95px; padding-top: 45px; } #meta, #pn-bar { position: fixed; z-index: 300; } #meta { background-color: #0083ae; top: 0; width: 100%; } #pn-bar { top: 91px; width: 100%; z-index: 250; } header, .landing header { height: auto !important; margin-top: 140px; border-top: none; } .t38 header { padding-top: 30px; } footer #connect.connect-mb { display: block; margin-top: -10px; margin-bottom: 18px; } #connect a:first-of-type { margin-left: 10px; } #connect a { border-radius: 50%; background-image: url('images/blog/social-small-transparent.png'); margin-top: 18px; } #services { width: 100%; } .swiper-slide .cnt img { margin: -15px 0 20px 0; width: 30%; } h3 { border-radius: 0px; text-align: center; } #content h3::after { left: 50%; margin-left: -16px; } h3 a { display: none; } .view-all-mb { display: block; clear: both; width: 100%; } .view-all-mb a { margin-right: 20px; } .partners { margin-top: 40px; float: left; width: 100%; } .partners ul { overflow: hidden; padding: 20px 0 !important; } .landing #banner { margin-top: 50px; width: 100%; } .sCarousel { top: 169px; } #main, .landing #main { background: none; } article.news article { overflow: hidden; padding: 14px; } article.news article h4 { padding-bottom: 5px; } article.news article h4 a { color: #0083ae !important; } article.news article .read-more { color: #0083ae !important; } article.testimonials article { box-sizing: border-box; margin-right: 0; float: left !important; padding: 14px !important; width: 100%; } article.testimonials article span { color: #0083ae !important; } article.partners { background: white; padding-top: 0 !important; } article.partners ul li { margin: 0 !important; width: 33% !important; } article.partners ul li.lg { } article.partners ul li.dialogic { } /* footer */ footer { height: 669px !important; } footer h4 { padding: 0 14px !important; } footer .container { box-sizing: border-box; overflow: hidden; padding: 10px 14px 6px 14px !important; width: 100% !important; } footer .container ul { width: 100% !important; padding-left: 0 !important; } footer .container ul li { border-bottom: 1px solid #444; padding: 5px 0 5px 14px; } footer .container ul:first-of-type li:first-of-type { padding-top: 0; } footer .container ul:last-of-type li:last-of-type { border: none; } footer .container .copy { float: right; margin-top: 25px; position: relative; } footer section .container { padding-top: 18px !important; } footer .half { box-sizing: border-box; padding: 14px !important; width: 100% !important; } } @media only screen and (min-width: 1024px) { #meta .container { max-width: 1300px; } header .nav-container { background-color: #00bef4; padding-top: 24px; padding-left: 16px; height: 37px; /*overflow: hidden;*/ padding-bottom: 24px; position: fixed; top: 55px; width: 100%; z-index: 100; } header nav { background-color: #00bef4; padding-top: 0; height: auto; margin: 0 auto; padding-bottom: 24px; max-width: 1300px; z-index: 70; } header nav ul.left { float: right !important; margin-right: 40px; } header nav ul li a { padding-left: 55px; -webkit-tap-highlight-color: rgba(0,0,0,0); /* Cancel highlight */ } header nav .sub-cnt { margin: 0 auto; max-width: 1300px; } .swiper-container { min-height: 350px !important; max-width: 1300px; } body.careers .swiper-container { max-width: 100%; height: 300px; } body.about .swiper-container, body.support .swiper-container, body.partner .swiper-container, body.search-results .swiper-container, body.press-room .swiper-container, body.press-room-article .swiper-container, body.pbx-partners .swiper-container, body.testimonials .swiper-container, body.contact .swiper-container, body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container, body.emergency .swiper-container, body.guarantee .swiper-container, body.terms .swiper-container, body.privacy .swiper-container, body.trademarks .swiper-container { height: 95px; } /* login box */ #login-box { background-color: #0083ae; box-shadow: none; margin-left: 0; position: fixed; right: 0; top: 55px; left: auto; } #login-box.active { border: none; border-radius: 0px; } #shim { overflow: hidden; } .landing #shim { padding-bottom: 0 !important; } #shim { overflow: hidden; } .row { margin-top: 0; } #topMeta, #mobMenu, #meta .logo/*, .sub-menu-cnt*/ { display: none !important; } nav .has-sub-menu.active .sub-menu-cnt { right: 0; } #meta, #pn-bar { position: fixed; z-index: 300; } #meta { background-color: #0083ae; top: 0; width: 100%; } #pn-bar { top: 91px; width: 100%; z-index: 250; } header, .landing header { background-color: #00bef4; height: auto !important; margin-top: 140px; border-top: none; padding-top: 33px; height: 400px !important; } body.careers header { margin-top: 113px; } .t38 header { margin-top: 139px; overflow: hidden; } #connect a:first-of-type { margin-left: 1px; } #connect a { border-radius: 50%; background-image: url('images/blog/social-small-transparent.png'); margin-top: 7px; } header #services { width: 100%; } .swiper-slide .cnt { width: 85%; } .swiper-slide .cnt .img-cnt { float: left; text-align: left; width: 33%; } .swiper-slide .cnt p { float: right; font-size: 32px; line-height: 36px; text-align: left; width: 52%; } body.landing .swiper-slide .cnt p { margin-top: -15px; } .swiper-slide .cnt p span { margin-top: -10px; text-align: left; } .swiper-slide .cnt img { margin: 0px 0 20px 0; } h3 { border-radius: 0px; text-align: center; } #content h3::after { left: 50%; margin-left: -16px; } body.careers .job-section h3 { padding-left: 20px; text-align: left; } h3 a { display: none; } .view-all-mb { display: block; clear: left; } .partners { margin-top: 40px; float: left; width: 100%; } .partners ul { overflow: hidden; padding: 20px 0 !important; } #main, .landing #main { background: none; } .sCarousel { top: 169px; } article section { width: 1024px; margin: 0 auto; } article.news article { overflow: hidden; padding: 14px; width: 30%; clear: none !important; } article.news article h4 { padding-bottom: 5px; } article.news article h4 a { color: #0083ae !important; } article.news article .read-more { color: #0083ae !important; } article.testimonials article { box-sizing: border-box; margin-right: 0; float: left !important; padding: 14px !important; width: 31%; } article.testimonials article:last-of-type { float: right !important; } article.testimonials article span { color: #0083ae !important; } article.partners { background: white; padding-top: 0 !important; } article.partners ul li { margin: 0 !important; width: 33% !important; } /* footer */ footer { height: 253px !important; } body.rates footer { height: 283px !important; } footer h4 { padding: 0 14px !important; } footer .container { box-sizing: border-box; overflow: hidden; padding: 10px 14px 6px 14px !important; max-width: 1300px !important; } footer .container ul { width: 25% !important; float: left; padding-top: 15px; padding-bottom: 30px; padding-left: 0 !important; } footer .container ul li { padding: 2px 0 2px 5px; } footer .container ul:first-of-type li:first-of-type { } footer .container .copy { float: right; margin-top: 25px; position: relative; } footer section .container { padding-top: 18px !important; } footer .half { box-sizing: border-box; padding: 14px !important; width: 100% !important; } } @media only screen and (min-width: 1300px) { article.partners ul li { margin: 0 !important; width: 16% !important; } article.partners ul li.lg { margin-right: 50px !important; } .swiper-slide .cnt p { float: right; font-size: 36px; line-height: 42px; text-align: left; width: 62%; } } body.landing article section { max-width: 1300px; width: 100%; } body.landing footer .container { max-width: 1300px; width: 100% !important; } /* Terms, Privacy, Guarantee, Trademarks - */ /* --------------------------------------- */ body.privacy header, body.guarantee header, body.trademarks header { height: auto !important; } body.privacy #banner, body.terms #banner, body.guarantee #banner, body.trademarks #banner, body.emergency #banner, body.pbx-partners #banner, body.testimonials #banner { padding-bottom: 0; } body.privacy #banner h1, body.terms #banner h1, body.guarantee #banner h1, body.trademarks #banner h1, body.emergency #banner h1, body.pbx-partners #banner h1, body.testimonials #banner h1 { font-size: 34px; text-align: center; } body.privacy #main, body.terms #main, body.guarantee #main, body.trademarks #main, body.emergency #main, body.pbx-partners #main, body.testimonials #main { border: none; max-width: 1300px; margin: 0 auto; } body.terms #main, body.guarantee #main, body.trademarks #main, body.testimonials #main { padding-top: 30px; } body.privacy #main .container, body.terms #main .container, body.guarantee #main .container, body.trademarks #main .container, body.emergency #main .container, body.pbx-partners #main .container, body.testimonials #main .container { box-sizing: border-box; padding: 0 15px !important; } body.guarantee #main .container div { margin: 0 0 0.8em 0; line-height: 1.4; text-align: justify; } body.privacy #main p, body.terms #main p, body.guarantee #main p, body.trademarks #main p, body.emergency #main p { text-align: justify; } body.privacy #main .container h3, body.terms #main .container h3, body.guarantee #main .container h2, body.trademarks #main .container h3, body.emergency #main .container h3, body.terms #main .container h2 { color: #0082b0; font-size: 22px; font-weight: bold; margin-bottom: 17px; text-align: center; } body.privacy #main .container li, body.terms #main .container li, body.emergency #main .container li { margin-bottom: 9px; } body.privacy #main .container li ul, body.terms #main .container li ul { margin-top: 12px; } body.emergency table#babytelVStraditional td.main-cell { font-size: .6em; padding: 10px 19px; line-height: 1.5em; text-align: left; } @media only screen and (min-width: 761px) { body.privacy #main .container h3, body.privacy #main .container p, body.terms #main .container h3, body.terms #main .container p, body.guarantee #main .container h2, body.guarantee #main .container p, body.trademarks #main .container h3, body.trademarks #main .container p, body.emergency #main .container h3, body.emergency #main .container p { text-align: left; } } @media only screen and (min-width: 761px) and (max-width: 1299px) { /*body.privacy #banner, body.terms #banner, body.guarantee #banner, body.trademarks #banner, body.emergency #banner { margin-top: 40px; }*/ } /* PBX partners---------- - */ /* --------------------------------------- */ body.pbx-partners header { height: auto !important; } body.pbx-partners #main { max-width: 100%; } body.pbx-partners #main .container { padding: 0 !important; } body.pbx-partners #main .container h2 { font-size: 24px; clear: left; color: #fff; line-height: 32px; padding: 12px 16px; margin-bottom: 45px; position: relative; text-align: center; background: url(images/bg/stripes-blue-dark.png) fixed; width: 100%; } body.pbx-partners #main .container h2::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; border: 14px solid transparent; border-top-color: #0098cb; margin-left: -16px; } body.pbx-partners #main .container article.darkgrey { background: none; } body.pbx-partners #main .container article.simple p { text-align: center; } body.pbx-partners #main .container article > div { background: none; border: none; float: none; padding: 20px 15px; width: auto !important; max-width: 1300px; margin: 0 auto; } body.pbx-partners #main .container article > div::before { display: none; } body.pbx-partners #main .container article ul > li { border: 2px solid #3bb1d7; border-radius: 2px; box-sizing: border-box; clear: both; margin-bottom: 18px; padding: 25px; } body.pbx-partners #main .container article ul > li li { border: none; border-radius: 0; float: none !important; margin-bottom: 10px; padding: 0; width: 95% !important; } body.pbx-partners #main .container article li h4 { margin-bottom: 25px; text-align: center; max-width: 100%; } body.pbx-partners #main .container article li h4 img { float: none; } body.pbx-partners #main .container article li p { text-align: justify; } body.pbx-partners #main .container article li div { display: block; padding-right: 0; } body.pbx-partners #main .container article .more { display: none; } body.pbx-partners #main .container .yellow-button { background-color: #fff601; font: inherit; font-weight: bold; height: auto; margin-top: 20px; padding: 0; padding: 8px 0 10px; width: 100%; } @media only screen and (min-width: 761px) { body.privacy .swiper-slide, body.terms .swiper-slide, body.guarantee .swiper-slide, body.trademarks .swiper-slide, body.emergency .swiper-slide, body.pbx-partners .swiper-slide, body.testimonials .swiper-slide { } /*body.privacy #banner, body.terms #banner, body.guarantee #banner, body.trademarks #banner { background: none; padding-bottom: 0; padding-top: 0; min-height: 85px; }*/ body.privacy #banner h1, body.terms #banner h1, body.guarantee #banner h1, body.trademarks #banner h1, body.emergency #banner h1, body.pbx-partners #banner h1, body.testimonials #banner h1 { font-size: 38px; text-align: left; margin-left: 5px; } body.pbx-partners #main .container article.simple p { text-align: left; } body.pbx-partners #main .container article ul > li { border: none; border-bottom: 1px solid #3bb1d7; padding: 0; padding-bottom: 18px; } body.pbx-partners #main .container article ul > li:last-of-type { border: none; } body.pbx-partners #main .container article ul > li h4 { margin-top: 30px; text-align: left; } body.pbx-partners #main .container article ul > li:first-of-type h4 { margin-top: 10px; } body.pbx-partners #main .container article ul > li p { text-align: left; } body.pbx-partners #main .container .yellow-button { float: left; margin-bottom: 50px; width: 300px; } } /* Testimonials ---------- - */ /* --------------------------------------- */ body.testimonials header { height: auto !important; } body.testimonials #main .container { padding: 0 !important; margin: 0 auto; max-width: 1250px; } body.testimonials #main .container iframe { margin-bottom: 0; margin-left: 0; max-width: 695px; width: 100%; } body.testimonials #main .container .testimonials { border-bottom: 1px solid #9ae5fc; padding: 0 15px; margin-bottom: 22px; } body.testimonials #main .container .testimonials p { text-align: center; } body.testimonials #main .container .testimonials:last-of-type { border: none; margin-bottom: 0; } body.testimonials #main .container .testimonials .quote, body.testimonials #main .container .testimonials .both { background: none; padding: 0; text-align: center; } body.testimonials #main .container .testimonials .note { margin-bottom: 28px; } body.testimonials #main .container .testimonials .name { padding-left: 0; text-align: center; } @media only screen and (min-width: 701px) { body.testimonials #main .container .testimonials { border-bottom: 1px solid #9ae5fc; padding: 0 15px; margin-bottom: 22px; } } /* Keep number ---------- - */ /* --------------------------------------- */ body.keep-your-number header { height: auto !important; } body.keep-your-number header #banner h1 { max-width: 100%; } body.keep-your-number #main .container { padding: 25px 15px 0 !important; margin: 0 auto; max-width: 1250px; } body.keep-your-number #main .container form { background-color: #f3f3f3; box-sizing: border-box; border-radius: 4px; padding: 20px 25px; max-width: 575px; text-align: center; } body.keep-your-number #main .container input[type='text'] { color: #999; background: #f9f9f9; border: 1px solid #bababa; border-radius: 3px; } body.keep-your-number #main .container input[type='submit'] { font-family: 'Lato'; font-size: 20px; font-weight: normal; } body.keep-your-number #main .container ul.services { margin-top: 40px; } body.keep-your-number #main .container ul.services li { padding-right: 0 !important; } body.keep-your-number #main .container .can-keep-number, body.keep-your-number #main .container .cannot-keep-number { display: none; } body.keep-your-number #main .container h2, body.keep-your-number #main .container h5, body.keep-your-number #main .container p { text-align: center; max-width: 900px; } @media only screen and (max-width: 320px) { body.keep-your-number header #banner h1 { line-height: 30px; margin-bottom: 8px; } body.keep-your-number #portForm input[type="text"] { width: 40px; } body.keep-your-number #portForm #number { width: 40px; } body.keep-your-number #portForm .yellow-button { font-size: 18px !important; width: 229px; } } @media only screen and (min-width: 761px) { body.keep-your-number #main .container form { text-align: left; } body.keep-your-number #main .container h2, body.keep-your-number #main .container h5, body.keep-your-number #main .container p { text-align: left; } #portForm .yellow-button { float: right; margin-top: 0; margin-left: 15px; width: 215px; } } /* Coverage ---------- - */ /* --------------------------------------- */ body.coverage header { height: auto !important; } body.coverage #main .container { padding: 0 15px !important; margin: 0 auto; max-width: 1250px; } body.coverage #main .container select { color: #0083ae; background: none; border: 2px solid #0083ae; width: 250px; } body.coverage #main .container #allCities, body.coverage #main .container #noNumbers { background-color: #0083ae; box-sizing: border-box; border-radius: 4px; color: white; line-height: 24px; overflow: hidden; padding: 20px; width: 100%; } body.coverage #main .container #allCities h2 { color: white; font-size: 26px; text-align: center; margin-bottom: 24px; margin-top: 5px; width: 100%; } @media only screen and (min-width: 600px) { body.coverage #main .container #allCities h2 { text-align: left; } body.coverage #main .container #allCities div { text-align: left; margin-bottom: 40px; width: 50%; } } @media only screen and (min-width: 1024px) { body.coverage #main .container #allCities div { text-align: left; margin-bottom: 40px; width: 33%; } } @media only screen and (min-width: 1300px) { body.coverage #main .container #allCities div { text-align: left; margin-bottom: 40px; width: 25%; } } /* Contact Us & about us ---------- - */ /* --------------------------------------- */ body.contact header, body.about header { height: auto !important; } body.contact #main .container, body.about #main .container { padding: 0 15px !important; margin: 0 auto; max-width: 1250px; } body.about #main .container { padding: 25px 15px !important; } body.contact #main h3, body.about #main h3 { box-sizing: border-box; font-size: 24px; clear: left; color: #fff; padding: 12px 15px; margin-bottom: 24px; position: relative; background: url(images/bg/stripes-blue-dark.png) fixed; width: 100%; } body.contact #main h2, body.about #main h2 { display: none; } body.contact #main h3::after, body.about #main h3::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; border: 14px solid transparent; border-top-color: #0098cb; margin-left: -16px; } body.contact #main .container .half, body.about #main .container .half { width: 100%; } body.contact #main .container article > div, body.about #main .container article > div { float: none; padding: 20px 0 0 0; text-align: center; width: 100%; } body.contact #main .container p, body.about #main .container p { text-align: center; } body.about #main .container p { margin: 0 auto; text-align: justify; max-width: 800px; margin-bottom: 15px; } body.contact #main .container p { max-width: 750px; margin: 0 auto; } body.contact #main .container article > div::before, body.about #main .container article > div::before { display: none; } body.contact #main .container ul, body.about #main .container ul { text-align: center; width: 100%; } body.contact #main .container ul li, body.about #main .container ul li { color: white; margin-bottom: 5px; padding: 5px 0 5px 0 !important; text-align: center; max-width: 500px; } body.contact #main .container ul li a, body.about #main .container ul li a { color: yellow; } body.contact #main .container ul li.light { color: #0099cb; } body.contact #main .container ul li.dark { color: #0099cb; } body.contact #main .container ul li.light a { color: #0083ae; text-decoration: underline; } body.contact #main .container ul li.dark a { color: #0083ae; text-decoration: underline; } body.contact #main .container ul.services li, body.about #main .container ul.services li, body.keep-your-number #main .container ul.services li { float: left; height: 175px; width: 50%; } body.contact #main .container ul.services li span, body.about #main .container ul.services li span, body.keep-your-number #main .container ul.services li span { color: #555; background-color: #fff601; border-radius: 6px; display: inline-block; margin-top: 20px; padding: 5px 20px 7px; } body.contact #main .container #contactConnect ul, body.about #main .container #contactConnect ul { margin: 0 auto; text-align: center; max-width: 340px; } body.contact #main .container #contactConnect li, body.about #main .container #contactConnect li { float: left; text-align: center; width: 25%; } body.about #main .container.our-partners .partner-button { color: #555; background-color: #fff601; border-radius: 6px; box-sizing: border-box; display: block; text-align: center; margin: 20px auto 0 auto; padding: 7px 20px 9px; width: 100%; max-width: 350px; } body.qc.about #main .container.our-partners .partner-button { max-width: 415px; } body.password header { height: auto !important; } @media only screen and (min-width: 500px) { body.contact #main .container ul { margin: 0 auto; width: 500px; } } @media only screen and (min-width: 750px) { body.contact #main .container ul.services, body.about #main .container ul.services { margin: 0 auto; overflow: hidden; width: 750px; } body.contact #main .container ul.services li, body.about #main .container ul.services li, body.keep-your-number #main .container ul.services li { float: left; height: 175px; width: 25%; } } /* Press Room ---------- - */ /* --------------------------------------- */ body.press-room header { height: auto !important; } body.press-room #main .container { padding: 0 15px !important; margin: 0 auto; max-width: 1250px; } body.press-room #main h3 { font-size: 22px; clear: left; color: #fff; padding: 12px 0; margin-bottom: 24px; position: relative; background: url(images/bg/stripes-blue-dark.png) fixed; width: 100%; } body.press-room #main h2 { display: none; } body.press-room #main h3::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; border: 14px solid transparent; border-top-color: #0098cb; margin-left: -16px; } body.press-room #main .press-releases ul, body.press-room #main .in-the-news ul { overflow: hidden; } body.press-room #main .press-releases li, body.press-room #main .in-the-news li { border: 2px solid #3bb1d7 !important; border-radius: 2px; box-sizing: border-box; clear: both; margin-bottom: 15px; margin-left: 0; padding: 15px 25px !important; } body.press-room #main .press-releases li h4, body.press-room #main .in-the-news li h4 { color: #0099cb; line-height: 24px; margin-bottom: 0; text-align: center; width: 100%; } body.press-room #main .press-releases li strong, body.press-room #main .in-the-news li strong { display:inline-block; margin-bottom: 15px; text-align: center; width: 100%; } body.press-room #main .about-us p { margin-bottom: 25px; text-align: center; } body.press-room #main .press-releases .yellow-button, body.press-room #main .in-the-news .yellow-button, body.press-room #main .about-us .yellow-button { background-color: #0099cb; color: white !important; text-shadow: none; display: block; font: inherit; font-weight: bold; height: auto; margin: 20px auto 0 auto; padding: 0; padding: 8px 0 10px; width: 150px; } body.press-room #main .about-us .yellow-button { background-color: #fff601; color: #333 !important; display: block; font: inherit; font-weight: bold; height: auto; margin: 20px auto 0 auto; padding: 0; padding: 8px 0 10px; max-width: 350px; width: 100%; } body.press-room #main .container #contactConnect ul { margin: 60px auto 35px; overflow: hidden; text-align: center; max-width: 340px; } body.press-room #main .container #contactConnect li { float: left; text-align: center; width: 25%; } @media only screen and (min-width: 1024px) { body.press-room #main .press-releases li, body.press-room #main .in-the-news li { border: none !important; border-bottom: 1px solid #3bb1d7 !important; padding: 0 !important; } body.press-room #main .press-releases li:last-of-type, body.press-room #main .in-the-news li:last-of-type { border: none !important; } body.press-room #main .press-releases li h4, body.press-room #main .in-the-news li h4 { text-align: left; } body.press-room #main .press-releases li strong, body.press-room #main .in-the-news li strong { margin-bottom: 8px; text-align: left; } body.press-room #main .press-releases .yellow-button, body.press-room #main .in-the-news .yellow-button { margin: 0; margin-bottom: 20px; margin-top: 12px; padding: 4px 0 6px; width: 110px; } } /* Press Room | Single article ---------- - */ /* --------------------------------------- */ body.press-room-single header { height: auto !important; } #main.press-room-single .container { padding: 0 15px !important; margin: 0 auto; max-width: 1265px; } #main.press-room-single article > div { background: none; border: none; border-radius: 0; padding: 0; float: none; width: 100%; } #main.press-room-single article { background: none; } #main.press-room-single article h2, #main.press-room-single article > div::before { display: none; } #main.press-room-single article > div li { padding-left: 0 !important; } #main.press-room-single article > div li h4 { color: #0099cb; font-size: 24px; line-height: 30px; margin-top: 20px; width: 100%; } #main.press-room-single article > div li h6 { padding-left: 0px; } #main.press-room-single article > div li p { margin-bottom: 20px; text-align: justify; } @media only screen and (min-width: 1024px) { #main.press-room-single article > div li p { text-align: left; } } /* Become a partner ---------- - */ /* --------------------------------------- */ body.partner header { height: auto !important; margin-top: -54px; } #main.partner .container { padding: 0 15px !important; margin: 0 auto; max-width: 1250px; } body.partner .container #banner h1 { max-width: 100%; } body.partner #main section { margin-bottom: 35px; } body.partner #main section p { margin-bottom: 30px; text-align: center !important; } body.partner #main h2 { font-size: 18px; padding-top: 10px; margin-bottom: 30px; text-align: center; } body.partner #main > h3 { font-size: 22px; clear: left; color: #fff; padding: 12px 0; margin-bottom: 24px; position: relative; background: url(images/bg/stripes-blue-dark.png) fixed; width: 100%; } body.partner #main > h3::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; border: 14px solid transparent; border-top-color: #0098cb; margin-left: -16px; } body.partner #main section.voip .pdf_logo { max-width: 485px; margin: 0 auto; } body.partner #main section.voip ul { list-style-image:url('images/icons/checkmark-blue.gif'); margin: 0 auto; width: 285px; } body.partner #main section.voip ul li { line-height: 22px; margin-bottom: 8px; text-align: left; } body.partner #main section.voip .small-button { background-color: #fff601; color: #555; display: block; font: inherit; height: auto; margin: 0 auto; padding: 0; padding: 8px 20px 10px 20px; text-align: center; max-width: 400px; } body.partner #main section.benefits .box { border: 2px solid #3bb1d7; border-radius: 2px; box-sizing: border-box; clear: both; margin-bottom: 18px; padding: 25px; } body.partner #main section.benefits .box:first-of-type { margin-top: 35px; } body.partner #main section.benefits .box h4 { color: #0083ae; margin-bottom: 20px; text-align: center; } body.partner #main section.benefits .box ul { list-style-image:url('images/icons/checkmark-blue.gif'); margin-left: 10%; width: 80%; } body.partner #main section.benefits .box ul li { line-height: 22px; margin-bottom: 12px; text-align: left; } body.partner #main section.become-partner .box { border: 2px solid #3bb1d7; border-radius: 2px; box-sizing: border-box; clear: both; margin-bottom: 18px; padding: 25px; } body.partner #main section.become-partner .box:first-of-type { margin-top: 35px; } body.partner #main section.become-partner .box h4 { color: #0083ae; margin-bottom: 20px; text-align: center; } body.partner #main section.become-partner .box p { text-align: center; margin-bottom: 0; } body.partner #main section.become-partner .box ul { margin: 20px auto 20px; width: 200px; } body.qc.partner #main section.become-partner .box ul { width: 250px; } body.partner #main section.become-partner .box ul li { height: 36px; text-align: center; margin-bottom: 12px; width: 200px; } body.qc.partner #main section.become-partner .box ul li { width: 250px; } body.partner #main section.become-partner .box ul li a { background-color: #fff601; color: #555; display: block; font: inherit; height: auto; padding: 0; padding: 8px 20px 10px 20px; text-align: center; max-width: 200px; } body.partner #main section.choose-program .box { background-color: #00bdf4; box-sizing: border-box; clear: both; margin-bottom: 18px; padding: 25px; } body.partner #main section.choose-program .box:first-of-type { margin-top: 35px; } body.partner #main section.choose-program .box h4 { color: white; font-size: 20px; font-weight: normal; margin-bottom: 18px; text-align: center; } body.partner #main section.choose-program .box p { color: white; margin-bottom: 0; text-align: center; } p:empty { display: none; } /* ---------------------------------------- --------- BECOME PARTNER 2020 ------------- ------------------------------------------- */ /* Prevent mobile view of header while pulling down */ body.partner header, body.partner .swiper-slide { background-color: #ec6432; } body.partner .swiper-slide h1 { display: none; } /* --- */ body.partner .partner-2020 .wide-box { padding: 30px 0; overflow: hidden; width: 100%; } body.partner .partner-2020 .wide-box.wide-box-01 { padding: 70px 0 50px; } body.partner .partner-2020 .wide-box.wide-box-05 { padding-bottom: 0; } body.partner .partner-2020 .wide-box.wide-box-05 .img-cnt { margin-bottom: -4px; } body.partner .partner-2020 .container { overflow: hidden; max-width: 900px !important; } body.partner .partner-2020 .wide-box .container .img-cnt img { width: 100%; } body.partner .partner-2020 .wide-box .container .txt-cnt { float: left; } body.partner .partner-2020 .wide-box .container .img-cnt { float: right; } body.partner .partner-2020 .wide-box.swap .container .txt-cnt { float: right; } body.partner .partner-2020 .wide-box.swap .container .img-cnt { float: left; } body.partner .partner-2020 .wide-box.wide-box-01 .container .txt-cnt { width: 70%; } body.partner .partner-2020 .wide-box.wide-box-01 .container .img-cnt { width: 30%; } body.partner .partner-2020 .wide-box.wide-box-02 .container .txt-cnt { width: 60%; margin-top: 65px; } body.partner .partner-2020 .wide-box.wide-box-02 .container .img-cnt { width: 40%; } body.partner .partner-2020 .wide-box.wide-box-03 .container .txt-cnt { width: 68%; margin-top: 27px; } body.partner .partner-2020 .wide-box.wide-box-03 .container .img-cnt { width: 25%; } body.partner .partner-2020 .wide-box.wide-box-04 .container .txt-cnt { width: 45%; margin-top: 17px; } body.partner .partner-2020 .wide-box.wide-box-04 .container .img-cnt { width: 55%; } body.partner .partner-2020 .wide-box.wide-box-05 .container .txt-cnt { width: 70%; } body.partner .partner-2020 .wide-box.wide-box-05 .container .img-cnt { width: 25%; } body.partner .partner-2020 .wide-box.wide-box-05 .container .txt-cnt p { color: #fff; font-size: 20px !important; font-weight: 700; } body.partner .partner-2020 .wide-box.wide-box-05 .container .txt-cnt p span { font-weight: 300; } body.partner .partner-2020 .wide-box a.ptn-btn { border: none; padding: 5px 0px 8px; text-align: center; border-radius: 20px; display: block; margin-top: 10px; font-weight: bold; font-size: 20px !important; float: left; width: 214px; } body.partner .partner-2020 .wide-box-04 a.ptn-btn { width: 275px; } body.partner.qc .partner-2020 .wide-box a.ptn-btn { width: 200px; } body.partner.qc .partner-2020 .wide-box-04 a.ptn-btn { width: 270px; } body.partner .partner-2020 .wide-box h4 { color: #333; font-family: Raleway; font-weight: 800; font-size: 34px; margin-bottom: 14px; line-height: 36px; } body.partner .partner-2020 .wide-box:first-of-type h4 { font-size: 40px; line-height: 44px; } body.partner .partner-2020 .wide-box p { color: #333; font-size: 18px !important; font-weight: 300; line-height: 1.3; margin-bottom: 24px; } body.partner .partner-2020 .wide-box .ptn-btn { background-color: #EC6432; color: white; margin-top: 25px;} body.partner .partner-2020 .wide-box.quoted-text { color: #fff; font-style: italic; } body.partner .partner-2020 .wide-box.quoted-text span { font-style: normal; } body.partner .partner-2020 .wide-box.orange { background-color: #EC6432; } body.partner .partner-2020 .wide-box.lt-blue { background-color: #00C0F2; } body.partner .partner-2020 .wide-box.orange h4 { color: white; max-width: 555px; } body.partner.qc .partner-2020 .wide-box.orange h4 { max-width: 500px; } body.partner .partner-2020 .wide-box.orange p { color: white; width: 85%;} body.partner .partner-2020 .wide-box.orange p:first-of-type { font-size: 20px !important;} body.partner .partner-2020 .wide-box.orange .ptn-btn { background-color: #00C0F2; } body.partner .partner-2020 .wide-box-02 p { max-width: 478px; } body.partner .partner-2020 .wide-box .open-quote { width: 65px; margin-left: 41px; margin-bottom: -15px; } body.partner .partner-2020 .wide-box .close-quote { width: 65px; right: 37px; position: absolute; margin-top: -45px; } body.partner .partner-2020 .partner-bar { background-color: #f5f5f5; padding: 15px 0; overflow: hidden; width: 100%; } body.partner .partner-2020 .partner-bar .container .img-cnt { float: left; text-align: center; height: 7vw; max-height: 63px; } body.partner .partner-2020 .partner-bar .container .img-cnt img { width: 100%; } @media only screen and (max-width: 640px) { body.partner .partner-2020 .wide-box p { font-size: 16px !important; } body.partner .partner-2020 .wide-box.orange p:first-of-type { font-size: 18px !important; } body.partner .partner-2020 .wide-box:first-of-type h4 { font-size: 32px; line-height: 32px; } body.partner .partner-2020 .wide-box a.ptn-btn { font-size: 16px !important; } body.partner .partner-2020 .wide-box.wide-box-05 .container .txt-cnt p { font-size: 16px !important; } } @media only screen and (max-width: 768px) { #main.partner .partner-2020 .container { padding: 0 30px !important; } body.partner .partner-2020 .wide-box h4, body.partner .partner-2020 .wide-box p { text-align: center; } body.partner .partner-2020 .wide-box h4 { font-size: 24px; margin-bottom: 10px; line-height: 26px; } body.partner .partner-2020 .wide-box p { margin: 0 0 1.2em 0; line-height: 1.2; } body.partner .partner-2020 .wide-box.orange { padding: 70px 0 50px; } body.partner .partner-2020 .wide-box.orange p { width: 100%; } body.partner .partner-2020 .wide-box .container .txt-cnt { width: 100% !important; float: none; } body.partner .partner-2020 .wide-box .container .img-cnt { width: 100% !important; float: none; text-align: center; } body.partner .partner-2020 .wide-box.wide-box-01 .container .img-cnt { float: left; } body.partner .partner-2020 .wide-box.wide-box-01 .container .img-cnt img { max-width: 150px; } body.partner .partner-2020 .wide-box.wide-box-02 .container .img-cnt img { max-width: 200px; } body.partner .partner-2020 .wide-box.wide-box-02 .container .txt-cnt { margin-top: 20px; } body.partner .partner-2020 .wide-box.wide-box-03 .container .img-cnt img { max-width: 120px; } body.partner .partner-2020 .wide-box.wide-box-03 .container .txt-cnt { margin-top: 20px; } body.partner .partner-2020 .wide-box.wide-box-04 .container .img-cnt img { max-width: 245px; } body.partner .partner-2020 .wide-box.wide-box-04 .container .txt-cnt { margin-top: 20px; } body.partner .partner-2020 .wide-box.wide-box-05 .container .img-cnt { display: none; } body.partner .partner-2020 .wide-box.wide-box-05 .container { padding-bottom: 50px; } body.partner .partner-2020 .wide-box.wide-box-05 .container p { text-align: left; font-size: 16px !important; line-height: 1.2; } body.partner .partner-2020 .partner-bar { padding: 10px 0; } #main.partner .partner-2020 .partner-bar .container { padding: 0 15px !important; } body.partner .partner-2020 .wide-box a.ptn-btn { float: none; position: relative; margin-left: 50%; margin-top: 25px; left: -107px; } body.partner .partner-2020 .wide-box-04 a.ptn-btn { left: -138px; } body.partner.qc .partner-2020 .wide-box a.ptn-btn { left: -100px; } body.partner.qc .partner-2020 .wide-box-04 a.ptn-btn { left: -133px; } body.partner .partner-2020 .wide-box .open-quote { width: 50px; margin-left: 0; } body.partner .partner-2020 .wide-box .close-quote { width: 50px; float: right; margin-bottom: 25px; margin-top: -32px; position: static; } } @media only screen and (max-width: 425px) { body.partner .swiper-container { height: 130px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { body.partner #main section.benefits .box, body.partner #main section.become-partner .box { clear: none; height: 295px; width: 49%; } body.partner #main section.become-partner .box:nth-of-type(1), body.partner #main section.become-partner .box:nth-of-type(2) { height: 200px; } body.partner #main section.become-partner .box:nth-of-type(3), body.partner #main section.become-partner .box:nth-of-type(4) { height: 395px; } body.partner #main section.benefits .box:nth-of-type(odd), body.partner #main section.become-partner .box:nth-of-type(odd) { float: left; } body.partner #main section.benefits .box:nth-of-type(even), body.partner #main section.become-partner .box:nth-of-type(even) { float: right; } body.partner #main section.benefits .box:first-of-type, body.partner #main section.become-partner .box:first-of-type { margin-top: 0; } body.partner #main section.choose-program .box { padding-right: 75px; padding-left: 75px; } } @media only screen and (min-width: 1024px) { body.partner header { margin-top: 0; } body.partner #main section.benefits .box, body.partner #main section.become-partner .box { clear: none; height: 345px; margin-bottom: 30px; width: 24%; } body.partner #main section.become-partner .box { border: none; height: 395px; } body.partner #main section.benefits .box, body.partner #main section.become-partner .box { border: none; float: none; margin: 0 auto; height: auto; width: 700px; } body.partner #main section.benefits .box:first-of-type, body.partner #main section.become-partner .box:first-of-type { } body.partner #main section.benefits .box:nth-of-type(4), body.partner #main section.become-partner .box:nth-of-type(4) { } body.partner #main section.benefits .box:first-of-type, body.partner #main section.become-partner .box:first-of-type { margin-top: 0; } body.partner #main section.benefits .box h4 { text-align: left; margin-left: 4px; } body.partner #main section.benefits .box ul { margin-left: 4%; width: 100%; } body.partner #main section.choose-program .box { padding-right: 175px; padding-left: 175px; max-width: 800px; margin: 0 auto; margin-bottom: 18px; } } /* Careers ---------- - */ /* --------------------------------------- */ body.careers header { height: auto !important; } body.careers header .swiper-pagination, body.careers header div.swiper-button-next, body.careers header div.swiper-button-prev { display: none; } body.careers #main .container { padding: 0 15px !important; margin: 0 auto; max-width: 1250px; } body.careers #main section { margin-bottom: 35px; } body.careers #main .landing h3 { font-size: 22px; clear: left; color: #fff !important; padding: 12px 0; margin-bottom: 24px; margin-top: 0 !important; position: relative; background: url(images/bg/stripes-blue-dark.png) fixed; width: 100%; } body.careers #main .landing h3::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; border: 14px solid transparent; border-top-color: #0098cb; margin-left: -16px; } body.careers .benefit-box { border: 2px solid #3bb1d7; border-radius: 2px; box-sizing: border-box; clear: both; margin-bottom: 18px; padding: 25px; } body.careers .benefit-box h4 { color: #3bb1d7; margin-bottom: 25px; text-align: center; } body.careers .benefit-box p { text-align: center; } body.careers .perk-box { box-sizing: border-box; clear: both; margin-bottom: 5px; padding: 25px; padding-bottom: 10px; } body.careers .perk-box h4 { border: 2px solid #0099cd; border-radius: 50%; color: #0099cd; font-size: 30px; margin: 0 auto; line-height: 52px; text-align: center; height: 56px; width: 56px; } body.careers .perk-box h5 { color: #333; font-size: 30px; margin: 25px 0; text-align: center; } body.careers .perk-box p { color: #333; text-align: center; margin: 0 auto; max-width: 800px; } @media only screen and (min-width: 768px) { body.careers .benefit-box { border: none; border-bottom: 1px solid #3bb1d7; max-width: 750px; margin: 0 auto 11px; } body.careers .benefit-box:last-of-type { border: none; margin-bottom: 0; padding-bottom: 10px; } } /* Support ---------- - */ /* --------------------------------------- */ body.support header { height: auto !important; } body.support header #banner h1 { max-width: 100%; } body.support #shim { padding-bottom: 0; } body.support #main .container { /*padding: 0 15px !important;*/ margin: 0 auto; max-width: 1250px; } body.support #main .container section { margin-bottom: 0; } body.support #main h3 { font-size: 24px; clear: left; color: #fff; padding: 12px 0; margin-bottom: 24px; position: relative; background: url(images/bg/stripes-blue-dark.png) fixed; width: 100%; } body.support #main .more { position: static; } body.support #main h2 { display: none; } body.support #main h3::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -28px; border: 14px solid transparent; border-top-color: #0098cb; margin-left: -16px; } body.support #main .container .half { width: 100%; } body.support #main .container article > div { float: none; padding: 20px 0 0 0; text-align: center; width: 100%; } body.support #main .container p { text-align: center; } body.support #main .container article > div::before { display: none; } body.support #main .container ul { text-align: center; width: 100%; } body.support #main .container ul li { color: white; margin-bottom: 5px; padding: 5px 0 5px 0 !important; text-align: center; max-width: 500px; } body.support #main .container ul li a { color: yellow; } body.support #main .container ul li.light { background-color: #00bdf4; } body.support #main .container ul li.dark { background-color: #0099cb; } body.support #main .container ul.services li { float: left; height: 175px; width: 50%; } body.support #main .container ul.services li span { color: #555; background-color: #fff601; border-radius: 6px; display: inline-block; margin-top: 20px; padding: 5px 20px 7px; } body.support #main .container #contactConnect ul { margin: 0 auto; text-align: center; max-width: 340px; } body.support #main .container #contactConnect li { float: left; text-align: center; width: 25%; } body.support #main .container.our-partners .partner-button { color: #555; background-color: #fff601; border-radius: 6px; box-sizing: border-box; display: block; text-align: center; margin: 20px auto 0 auto; padding: 7px 20px 9px; width: 100%; max-width: 350px; } /* Support menu */ body.support #main .container .support-menu ul li.option { background-color: #009bcc; border-bottom: 1px solid #0083ae; margin-bottom: 0; padding: 0 !important; text-align: left; max-width: 100%; width: 100%; } body.support #main .container .support-menu ul li.option.active { background-color: #0083ae; border-bottom: none; } body.support #main .container .support-menu ul li.option.active > a { color: #fff601; } body.support #main .container .support-menu ul li.option.active + li { display: block !important; } body.support #main .container .support-menu ul li.option a { box-sizing: border-box; color: white; font-size: 18px; display: block; padding: 12px 15px !important; text-align: left; width: 100%; } body.support #main .container .support-menu ul li.option a::after { color: white; content: '>'; font-size: 18px; float: right; transform: rotate(0deg); -webkit-transition: -webkit-transform .10s; } body.support #main .container .support-menu ul li.link a::after { display: none; } body.support #main .container .support-menu ul li.option.active a::after { color: #fff601; font-size: 20px; margin-right: -1px; transform: rotate(90deg); } body.support #main .container .support-menu ul li.option:hover { background-color: #0083ae; } body.support #main .container .support-menu ul li.topic { background-color: white; border-bottom: 1px solid #0083ae; box-sizing: border-box; display: none !important; margin-bottom: 0; overflow: hidden; padding: 3px 15px 5px !important; max-width: 100%; } body.support #main .container .support-menu ul li.topic h5 { color: #0083ae; font-size: 30px; margin-top: 25px; margin-bottom: 30px; display: none; } body.support #main .container .support-menu ul li.topic p { color: #666; } body.support #main .container .support-menu ul li.topic a { color: #0ac; } body.support #main .container .support-menu ul li.topic .subject { border-bottom: 1px solid #3bb1d7; width: 100% } body.support #main .container .support-menu ul li.topic .subject:last-of-type { border-bottom: none; } body.support #main .container .support-menu ul li.topic .subject h4 { box-sizing: border-box; color: #3bb1d7; cursor: pointer; margin-bottom: 0; position: relative; padding: 15px 40px 15px 0; width: 100%; } body.support #main .container .support-menu ul li.topic .subject h4:hover { color: #0083ae; } body.support #main .container .support-menu ul li.topic .subject h4::after { content: '+'; color: #3bb1d7; float: right; font-size: 30px; line-height: 20px; position: absolute; top: 14px; right: 0; transform: rotate(0deg); -webkit-transition: -webkit-transform .10s; } body.support #main .container .support-menu ul li.topic .subject h4:hover::after { color: #0083ae; } body.support #main .container .support-menu ul li.topic .subject h4.active { color: #0083ae; } body.support #main .container .support-menu ul li.topic .subject h4.active::after { color: #0083ae; margin-right: -1px; transform: rotate(45deg); } body.support #main .container .support-menu ul li.topic .subject .details { box-sizing: border-box; color: #666; display: none; padding-bottom: 16px; text-align: left; } body.support #main .container .support-menu ul li.topic .subject .details p { margin: 12px 0; text-align: left; } body.support #main .container .support-menu ul li.topic .subject .details h5, body.support #main .container .support-menu ul li.topic .subject .details h6 { color: black; font-weight: bold; font-size: 18px; margin-top: 20px; line-height: 24px; padding: 0; text-transform: none; } body.support #main .container .support-menu ul li.topic .subject .details h5 { margin-bottom: 5px; } body.support #main .container .support-menu ul li.topic .subject .details h6 { clear: left; color: #222; padding-top: 15px; margin-top: 0; } body.support #main .container .support-menu ul li.topic .subject .details ul { box-sizing: border-box; list-style-type: disc; margin-left: 18px; padding-top: 10px; padding-bottom: 10px; padding-right: 18px; } body.support #main .container .support-menu ul li.topic .subject .details ol { box-sizing: border-box; margin-left: 0; padding-right: 18px; } body.support #main .container .support-menu ul li.topic .subject .details ul li { color: #666; list-style-type: disc; text-align: left; } body.support #main .container .support-menu ul li.topic .subject .details ol li { color: #666; margin-left: 18px; text-align: left; } body.support #main .container .support-menu ul li.topic .subject h4.active + .details { display: block; } body.fax-support #main .container .support-menu ul li.topic .subject h4.active + .details img { max-width: 100%; } /* Adjust support header fonts */ @media only screen and (max-width: 320px) { body.support header #banner h1 { font-size: 26px; } } @media only screen and (min-width: 321px) and (max-width: 425px) { body.support header #banner h1 { font-size: 30px; } } /* -- */ @media only screen and (min-width: 500px) { body.support #main .container ul { margin: 0 auto; width: 500px; } body.support #main .container .support-menu ul { width: 100%; } } @media only screen and (min-width: 768px) { body.support #main .container { overflow: hidden; } body.support #main .container ul.services { margin: 0 auto; overflow: hidden; width: 750px; } body.support #main .container ul.services li { float: left; height: 175px; width: 25%; } body.support #main .container .support-menu { border-right: 1px solid #0083ae; float: left; margin-bottom: 75px; /*padding-top: 17px;*/ min-height: 525px; width: 34%; } body.support #main .container .support-menu ul li.option { background-color: white; position: relative; } /*body.support #main .container .support-menu ul li.option.active::after { border-radius: 2px; content: ''; width: 0; height: 0; border-style: solid; border-width: 24px 0 22px 18.6px; border-color: transparent transparent transparent #0083ae; position: absolute; top: -1px; right: -19px; }*/ body.support #main .container .support-menu ul li.option.active { padding-bottom: 1px !important; } body.support #main .container .support-menu ul li.option a { color: #0083ae; } body.support #main .container .support-menu ul li.option:hover { background-color: #0083ae; } body.support #main .container .support-menu ul li.option:hover a { color: yellow; } body.support #main .container .support-menu ul li.option a::after { display: none; } body.support #main .container .support-menu ul li.option a::after { color: yellow; font-size: 18px; margin-right: 0; display: none; } body.support #main .container .support-menu ul li.option:hover a::after, body.support #main .container .support-menu ul li.option.active a::after { display: block; font-size: 18px; margin-right: 0; transform: none; } body.support #main .container .support-menu ul li.link a::after { display: none !important; } body.support #main .container .support-menu ul li.topic { border: none; position: absolute; top: 0; right: 0; z-index: 30; width: 65%; } body.support #main .container .support-menu ul li.topic h5 { display: block; } body.support #main .container .support-menu ul li.topic p { text-align: left; } body.support #main .container .support-menu ul li.topic .subject h4 { color: #666; padding-right: 130px; } body.support #main .container .support-menu ul li.topic .subject h4::after { background-color: #0083ae; border-radius: 4px; color: white; content: 'See details'; font-size: 14px; margin-top: -2px; padding: 4px 10px; } body.qc.support #main .container .support-menu ul li.topic .subject h4::after { content: 'Plus de détails'; } body.support #main .container .support-menu ul li.topic .subject h4:hover::after { color: yellow; } body.support #main .container .support-menu ul li.topic .subject h4.active::after { content: 'Less details'; color: yellow; transform: none; } body.qc.support #main .container .support-menu ul li.topic .subject h4.active::after { content: 'Moins de détails'; } } @media only screen and (min-width: 768px) and (max-width: 1130px) { body.support #main .container ul.services { width: 80%; } body.support #main .container ul.services li { width: 50%; } } @media only screen and (min-width: 1270px) { body.support #main .container { max-width: 1270px; } } /* International Rates ---------- - */ /* --------------------------------------- */ body.rates header { height: auto !important; } body.rates #banner { background: none; padding-left: 0 !important; } body.rates #banner h1 { line-height: 30px; margin-bottom: 20px; } body.rates #main .container { padding: 0 15px !important; margin: 0 auto; max-width: 1265px; } body.rates #main form { overflow: hidden; } body.rates input[type="text"] { border: 1px solid #555; border-radius: 6px; padding: 10px 8px 10px; background: none; } body.rates button.search { background-size: 40px; height: 40px; right: 0; width: 40px; } body.rates h3.blue { background: none; background-color: #009bcc; line-height: 28px; overflow: hidden; padding: 12px 25px 12px 14px; } body.rates h3.blue .wplan, body.rates h3.blue .t38 { float: left; text-align: center; width: 100%; } body.rates h3.blue button.mini { float: none !important; margin-top: 15px; margin-bottom: 11px; } body.rates .lightgrey { border: 2px solid #009bcc; border-radius: 0; background: none; overflow: hidden; padding-bottom: 3px; } body.rates .darkgrey { background: none; background-color: #999; } body.rates .lightblue { background: none; background-color: #d6f9ff; } body.rates #main form h2 { text-align: center; width: auto; } body.rates #main form h5 { float: none; text-align: center; width: auto; } body.rates #results tbody:nth-child(2n-1) { background: none; background-color: #99edfc; } body.rates .ui-autocomplete li { border-bottom: 1px solid #e9e9e9; } body.rates .ui-autocomplete li a { box-sizing: border-box; display: block; padding: 10px 0 10px 6px; } body.rates .ui-autocomplete li:hover { background: #e9e9e9; } body.rates .ui-autocomplete li:hover a { color: #0083ae; background: #e9e9e9 !important; } body.rates .ui-autocomplete li:last-of-type { border-bottom: none; } body.rates table tr.toggle .plus { opacity: 1; } @media only screen and (max-width: 425px) { body.rates #banner h1 { font-size: 28px; } } @media only screen and (max-width: 767px) { body.rates .lookup { float: none; text-align: center; margin: 0 auto; } body.rates th, body.rates td { padding-left: 6px !important; padding-right: 6px !important; font-size: 75%; text-align: center; } body.rates .plan { min-width: auto; } } @media only screen and (min-width: 768px) { body.rates #banner h1 { padding-left: 16px; } .rates #main form { padding: 0; } body.rates .lightgrey { border: none; } body.rates #main form h2 { float: none; text-align: left; } body.rates #main form h5 { float: none; text-align: left; } body.rates h3.top { font-size: 25px; background: none; color: #009bcc; text-align: left; padding: 12px 25px 12px 0; } body.rates h3.blue .wplan, body.rates h3.blue .t38 { float: left; text-align: left; } body.rates h3.blue button.mini { float: right !important; } } @media only screen and (min-width: 1290px) { body.rates #main .container { padding: 0 !important; } } /* Forgot your password ---------- - */ /* --------------------------------------- */ body.forgot-password header { height: auto !important; } body.forgot-password #banner { background: none; padding-left: 0 !important; } body.forgot-password #banner h1 { line-height: 44px; margin-bottom: -25px; margin-left: 13px; } body.forgot-password h3 { color: #666; line-height: 24px; margin-top: 25px; } body.forgot-password p { text-align: center; width: 100%; } body.forgot-password #main .container { padding: 0 15px !important; margin: 0 auto; max-width: 1270px; } body.forgot-password #main form { margin-top: 30px; overflow: hidden; } body.forgot-password input[type="text"], body.forgot-password input[type="email"] { box-sizing: border-box; border: 1px solid #555; border-radius: 6px; padding: 10px 8px 10px; margin-bottom: 10px; background: none; height: auto; width: 100%; } body.forgot-password input[type="submit"] { height: 46px; line-height: 46px; width: 100%; margin-top: -8px; } @media only screen and (max-width: 760px) { body.forgot-password header { margin-top: 65px; } body.forgot-password #banner h1 { margin-bottom: -50px; } } @media only screen and (min-width: 761px) { body.forgot-password header { padding-bottom: 40px; } body.forgot-password h3, body.forgot-password p { text-align: left; width: 500px; } body.forgot-password #main form { margin-top: 30px; margin-left: 0; width: 350px; } body.forgot-password input[type="submit"] { float: right; width: auto; margin-top: -15px; } } body.terms header, body.emergency header, body.press-room-article header, body.search-results header { height: auto !important; } /* ------------ */ @media only screen and (max-width: 767px) { body.landing .swiper-container { padding-top: 50px; min-height: 575px; } } body.contact header, body.pbx-partners header, body.terms header, body.coverage header, body.guarantee header { margin-top: -3px; overflow: hidden; } body.guarantee h2, body.terms h2, body.coverage h2:first-of-type { line-height: 28px; margin-top: 10px; margin-bottom: 25px !important; font-size: 26px !important; } body.coverage h2:first-of-type { margin-top: 35px; } @media only screen and (min-width: 761px) { body.contact header, body.pbx-partners header, body.terms header, body.coverage header, body.guarantee header { margin-top: 8px; } body.guarantee h2, body.terms h2 { text-align: left !important; } } @media only screen and (min-width: 1024px) { body.contact header, body.pbx-partners header, body.terms header, body.coverage header, body.guarantee header { margin-top: 12px; } } /* Fix min-height on sub-headers */ body.press-room .swiper-container, body.about .swiper-container, body.pbx-partners .swiper-container, body.testimonials .swiper-container, body.careers .swiper-container, body.contact .swiper-container, body.coverage .swiper-container, body.rates .swiper-container, body.keep-your-number .swiper-container, body.forgot-password .swiper-container, body.emergency .swiper-container, body.guarantee .swiper-container, body.terms .swiper-container, body.privacy .swiper-container, body.trademarks .swiper-container, body.support .swiper-container, body.partner .swiper-container, body.search-results .swiper-container, body.press-room-article .swiper-container { min-height: auto !important; } /* toggle for Fax line page */ .onoffswitch { position: relative; width: 67px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; height: 24px; padding: 0; line-height: 24px; border: 2px solid #C4C4C4; border-radius: 24px; background-color: #0196C8; transition: background-color 0.3s ease-in; } .onoffswitch-label:before { content: ""; display: block; width: 24px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 41px; border: 2px solid #C4C4C4; border-radius: 24px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #0196C8; } .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before { //border-color: #0196C8; border-color: #C4C4C4; } .onoffswitch-checkbox:checked + .onoffswitch-label:before { right: 0px; } @media only screen and (max-width: 767px) { .monthyearlabel { font-size: 72%; margin-top: 5px; margin-left: 5% !important; } } .nav-lang select { height: 26px; background: #00b9f2; color: #fff; line-height: 24px; border: none; margin: 5px 20px 0 14px; background-color: #00b9f2 ; -webkit-appearance: none; padding: 0 5px 0 5px; } .nav-lang select option{ background: #00b9f2; color: #fff !important; background-color: #00b9f2 ; -webkit-appearance: none; } @media only screen and (min-width: 768px) { .nav-lang select { margin: 8px 20px 0 14px; } }