/* @override https://new.smtpcorp.com/stylesheets/app.css http://www.smtp2go.com/stylesheets/app.css */ /* Artfully masterminded by ZURB & Fairhead Creative */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Font-Face :: Shared Styles :: Front :: Features :: Pricing :: Full Features List */ /* ----------------------------------------- :: Font-Face ----------------------------------------- */ @font-face { font-family: 'OpenSansLight'; src: url('/fonts/OpenSans-Light-webfont.eot'); src: url('/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url('/fonts/OpenSans-LightItalic-webfont.eot'); src: url('/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('/fonts/OpenSans-Regular-webfont.eot'); src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('/fonts/OpenSans-Italic-webfont.eot'); src: url('/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('/fonts/OpenSans-Semibold-webfont.eot'); src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('/fonts/OpenSans-Bold-webfont.eot'); src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBoldItalic'; src: url('/fonts/OpenSans-BoldItalic-webfont.eot'); src: url('/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtrabold'; src: url('/fonts/OpenSans-ExtraBold-webfont.eot'); src: url('/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldItalic'; src: url('/fonts/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; /* For Buttons */ src: url('/fonts/Roboto-Bold-webfont.eot'); src: url('/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Bold-webfont.woff') format('woff'), url('/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('/fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; /* For H1 */ src: url('/fonts/Roboto-Medium-webfont.eot'); src: url('/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Medium-webfont.woff') format('woff'), url('/fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueRegular'; /* For H2 */ src: url('/fonts/BebasNeue-webfont.eot'); src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/BebasNeue-webfont.woff') format('woff'), url('/fonts/BebasNeue-webfont.ttf') format('truetype'), url('/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } /* Font Awesome */ @font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot'); src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; } /* sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: inherit; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; } li[class^="icon-"], li[class*=" icon-"] { display: block; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } /* ----------------------------------------- :: Shared Styles ----------------------------------------- */ /* Global */ .ir { display: inline-block; text-indent: -999em; text-align: left; } .centered { text-align: center !important; } .full-width { width: 100%; } .hidden { visibility: hidden; } .none { display: none; } .center { text-align: center; } .padding-bottom { padding-bottom: 25px; } .margin-bottom { margin-bottom: 25px; } .no-margin-top { margin-top: 0 !important; } .padded { padding: 10px; box-sizing: border-box; } .centered-phone { text-align: center !important; } @media only screen and (min-width: 48em) { .centered-phone { text-align: center !important; } } img.right { margin: 0 0 10px 10px; } img.left { margin: 0 10px 10px 0; } .image-framed { border: 1px solid #a6a6a6; -moz-box-shadow: 0 4px 0 #d6d6d6; -webkit-box-shadow: 0 4px 0 #d6d6d6; box-shadow: 0 4px 0 #d6d6d6; } .bg-white { background: #fff; } .bg-black { background: #000; } body { color: #535353; font-family: 'OpenSansRegular'; font-size: 13px; font-size: 1.3rem; line-height: 23px; background: url('../images/shared/bg-header-tile.jpg') top center; } .container { background-color: #f2f2f2; } a { -webkit-tap-highlight-color: #67b9f1; } p a, li a, table a { color: #1892e6; font-family: 'OpenSansSemiBold'; } p, li { font-family: 'OpenSansRegular'; font-size: 13px; font-size: 1.3rem; line-height: 1.6em; margin-bottom: 18px; } strong { font-family: 'OpenSansSemiBold'; text-decoration: none; font-weight: normal; font-style: normal; color: #535353; } sup { font-size: x-small; vertical-align: top; display: inline-block; margin: -2px 0 0 1px; } code, samp, code span.label, samp span.label { font-family: "Courier New", Courier, mono; font-weight: bold !important; font-size: 1em; } samp { background-color: #fdfbf2; display: block; border: 1px solid #dddacd; padding: 5px 10px; margin-bottom: 15px; color: #878372; } code span.label, samp span.label { word-wrap: break-word; white-space: pre; } .header-title { font-family: 'RobotoMedium', sans-serif; font-size: 45px; font-size: 4.5rem; line-height: 1em; text-shadow: 0 2px 2px #000000; letter-spacing: -1px; font-weight: normal; } h2, .h2, article h1 { font-family: 'BebasNeueRegular', sans-serif; font-size: 37px; font-size: 3.7rem; line-height: 1.2em; margin-bottom: 10px; font-weight: normal; } h3, .h3 { font-family: 'OpenSansSemiBold', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.3em; margin-bottom: 10px; font-weight: normal; } h4, .h4 { font-family: 'OpenSansSemiBold', sans-serif; font-size: 15px !important; font-size: 1.5rem !important; line-height: 1em; margin-bottom: 4px; font-weight: normal; } .header-subtitle { color: #d8d8d8; text-shadow: 0 1px 2px #000000; margin: 0 0 5px; font-family: 'OpenSansRegular', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.4em; } .faded { color: #ababab; } hr { background: url('../images/shared/hr.png') no-repeat; background-size: 100%; height: 73px; border: none; max-width: 980px; margin: 20px auto -25px; } .lead { font-size: 1.2em; line-height: 1.7em; color: #2c2c2c; margin-bottom: 15px; } .title .lead { color: #fff; } .wraplink, .wraplink:hover { color: inherit; } .wraplink:hover .panel { border-color: #2a85e8; } .wraplink:hover .home-choice { background-color: #2a85e8; } .label.green { background: #7cb76a; } .label.large { font-size: .9em; } .strike { text-decoration: line-through; } @media only screen and (min-width: 48em) { .header-title, h2, .h2 { text-align: left; } .header-title { font-size: 58px; font-size: 5.6rem; line-height: 58px; margin-top: 40px; white-space: nowrap; } .divider { border-left: 1px dotted #b9b9b9; margin-left: 2.2%; padding-left: 2.1%; } .header-title:after { content: ""; display: block; height: 60px; background: url("../images/shared/h1-shadow.png") repeat-x left bottom; position: absolute; left: 0; top: 40px; width: 100%; } .front .header-title:after { top: 20px; } } /* Buttons */ .button { background: url("../images/shared/button.png") 0 top repeat-x; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-family: 'RobotoBold'; font-size: 17px; font-size: 1.7rem; line-height: 1.3em; padding: 25px 20px 20px 20px; text-transform: uppercase; text-align: center; border: 1px solid #325992; text-shadow: 0 -1px 0 #006ac7; color: #fff !important; } .button.orange { background: url("../images/shared/button-orange.png") 0 top repeat-x; border-color: #8f600e; text-shadow: #8f600e 0 -1px 0; } .panel .button { width: 90%; padding-left: 5% !important; padding-right: 5% !important; } .button, .large.button { padding: 20px 25px; font-weight: normal !important; color: #fff; } html .small.button { padding: 6px 15px 4px; font-family: 'RobotoBold'; font-size: 14px; font-size: 1.4rem; line-height: 1.3em; font-weight: normal; } .large.button span { font-family: 'OpenSansRegular'; font-size: 12px; font-size: 1.2rem; line-height: 1em; display: block; margin-top: 4px; color: #203b61; text-shadow: none; } .button:hover, .button:focus { background-position: 0 -106px; color: #fff !important; } .button .arrow { background: url('../images/shared/global.png') no-repeat right 0; display: block; float: right; height: 24px; padding: 0 0 0 18px; width: 23px; } .large.button .arrow { margin-top: 7px; } @media only screen and (min-width: 48em) { .button { font-family: 'RobotoBold', sans-serif; font-size: 25px; font-size: 2.5rem; line-height: 1em; font-weight: normal; } .button.large { font-family: 'RobotoBold', sans-serif; font-size: 24px; font-size: 2.4rem; line-height: 1em; font-weight: normal; } } /* Tables */ .container table tr td { padding: 10px 15px; font-family: 'OpenSansRegular', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1em; color: #5b5b5b; vertical-align: middle; border: 1px solid #dddddd; border-bottom-style: none; border-top-style: none; } .container table.big td { padding: 20px 5px; text-align: center; } .container table tr th { text-align: left; } .container table.big, .container table.big th { text-align: center; } .container table.big th { padding: 20px 5px; } table tbody tr:nth-child(even) { background-color: #f3f3f3; } th { color: #fff; font-family: 'OpenSansSemibold', sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.2em; padding: 10px 15px; background: #444444; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #444444 0%, #383838 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#383838)); background: -webkit-linear-gradient(top, #444444 0%,#383838 100%); background: -o-linear-gradient(top, #444444 0%,#383838 100%); background: -ms-linear-gradient(top, #444444 0%,#383838 100%); background: linear-gradient(top, #444444 0%,#383838 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#383838',GradientType=0 ); } th.featured { padding: 0 !important; vertical-align: middle; background: #1a9de9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiMxYTlkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTU4N2UzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #1a9de9 53%, #1587e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,#1a9de9), color-stop(100%,#1587e3)); background: -webkit-linear-gradient(top, #1a9de9 53%,#1587e3 100%); background: -o-linear-gradient(top, #1a9de9 53%,#1587e3 100%); background: -ms-linear-gradient(top, #1a9de9 53%,#1587e3 100%); background: linear-gradient(top, #1a9de9 53%,#1587e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9de9', endColorstr='#1587e3',GradientType=0 ); } th.featured span { display: block; margin-bottom: 3px; margin-top: -15px; color: #fff; font-family: 'OpenSansRegular', sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 1em; text-transform: uppercase; background-color: #1a9de9; } @media only screen and (min-width: 48em) { .container table.big th { font-family: 'OpenSansSemibold', sans-serif; font-size: 21px; font-size: 2.1rem; line-height: 1em; } .container table.big tr td { font-family: 'OpenSansRegular', sans-serif; font-size: 21px; font-size: 2.1rem; line-height: 1em; color: #5b5b5b; } } /* Header & Footer */ .page-header, .page-footer { padding: 20px; text-align: center; } .page-header { background: url('../images/shared/bg-header-thin.jpg') top center; margin: 0 -20px 40px; border-bottom: 1px solid #000; font-weight: normal; } .page-header .navigation-thin { margin: -20px -20px 20px; padding: 25px 20px 15px; height: 33px; background: url('../images/shared/bg-header-top.jpg') top center; border-bottom: 1px solid #313131; } .page-footer { /*background: url('../images/shared/bg-header-tile.jpg') top center;*/ /*border-top: 1px solid #fff;*/ color: #fff; } .page-header, .page-header h1, .page-header .h1, .page-header h2, .page-header .h2, .page-header h3, .page-header .h3, .page-header h4, .page-header .h4, .page-header h5, .page-header .h5, .page-header h6, .page-header .h6 { color: #fff; } .page-header a { color: #93cbf6; font-family: 'OpenSansSemibold'; } .page-header a:hover { color: #5fb4f4; } .logo { width: 130px; height: 42px; float: left; margin-top: -5px; } .no-svg .logo { background: url('../images/shared/logo-thin.png') left top no-repeat; } .logo-white { width: 109px; height: 28px; margin-bottom: 5px; background: url('../images/shared/logo-white.png') no-repeat; } .svg .logo { background: url('../images/shared/logo-thin.svg') left top no-repeat; background-size: 100%; } .no-svg .logo.partnerlogo, .svg .logo.partnerlogo { background:url('..//images/partner/logo.png') } .no-svg .logo-white.partnerlogo, .svg .logo-white.partnerlogo { background:url('..//images/partner/logo2.png') } .navigate { display: block; float: right; padding-top: 7px; } .trustee { margin: 1px 0 0 10px; } .actual_footer { display: inline; max-width: 980px; } @media only screen and (min-width: 48em) { .page-header { background: url('../images/shared/bg-header-wide.jpg') top center !important; text-align: left; } .page-header .navigation-wide { margin: -20px -20px 0; padding: 25px 20px 0; height: 95px; background: url('../images/shared/bg-header-top.jpg') top center; border-bottom: 1px solid #313131; } .logo { width: 190px; height: 60px; float: left; margin: 5px 0 0 0; } .no-svg .logo { background: url('../images/shared/logo-wide.png') left top no-repeat; background-size: 100%; } .svg .logo { background: url('../images/shared/logo.svg') left top no-repeat; background-size: 100%; } nav { float: right; margin-bottom: 30px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 20; } .front nav { margin-bottom: 55px; } .nav-bar li a:hover, .features .nav-features, .pricing .nav-pricing { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .page-header i { font-size: 0.8em; } .nav-support { position: relative !important; margin-top: -7px !important; padding: 15px 22px 12px 12px !important; border-left: none !important; width: 89px !important; } .nav-support span { position: absolute; right: 7px; top: 26px; border-top-color: #c3c3c3 !important; } .nav-bar { text-align: left; display: inline-block; margin-top: 3px; } .page-header .nav-bar li { border: none; margin: 0 0 0 10px; display: inline; } .page-header .nav-bar li a { color: #d4d4d4; font-family: 'RobotoMedium', sans-serif; font-size: 25px; font-size: 2.5rem; line-height: 1em; padding: 15px 12px 12px; margin-left: 10px; } .has-flyout a.hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .nav-bar li a:hover, .features .nav-features, .pricing .nav-pricing, .hover, .page-header .nav-bar .flyout { background-color: #ececec; } .nav-bar li a:hover, .features .nav-features, .pricing .nav-pricing, .page-header .nav-bar .hover, .page-header .nav-bar .flyout a { color: #292929 !important; } .page-header .nav-bar .flyout { width: 121px !important; padding: 1px !important; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; text-align: center; -moz-box-shadow: -3px 3px 0 rgba(0, 0, 0, 0.38); -webkit-box-shadow: -3px 3px 0 rgba(0, 0, 0, 0.38); box-shadow: -3px 3px 0 rgba(0, 0, 0, 0.38); border-style: none; margin-top: -3px; z-index: 10 !important; } .page-header .nav-bar .flyout a { display: block; width: 100%; padding: 10px 0 !important; color: #696969 !important; font-family: 'OpenSansRegular'; font-size: 13px; font-size: 1.3rem; } .page-header .nav-bar .flyout li, header .nav-bar .flyout li a { margin: 0; } .page-header .nav-bar .flyout a:hover { background-color: #67b4f1; color: #fff !important; } .page-header .tertiary { text-align: right; margin: -5px 0 10px 0; font-family: 'OpenSansSemibold', sans-serif; } .page-header .tertiary li { display: inline; } .page-header .tertiary a { margin-left: 15px; color: #d4d4d4; } } /* Navigation */ nav a { color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 1em; font-family: 'OpenSansSemibold', sans-serif; } .page-footer h3 { color: #fff; text-align: left; font-size: 24px; margin: 15px 0; } .page-footer .nav-bar li a { display: block; color: #fff; font-family: 'OpenSansSemibold', sans-serif; } .page-footer .nav-bar li a:hover { font-weight: normal; font-style: normal; } .page-footer .nav-bar .flyout { margin-left: 1px; border-left: 1px solid #3289e8; padding-left: 0; } .page-footer .nav-bar>li.has-flyout>a.flyout-toggle { position: relative; padding: 0; z-index: 2; border-left: none; display: block; } .nav-bar, .page-footer .nav-bar div { background: none; border: none; text-align: left; } .page-footer .nav-bar div { padding: 0 0 0 20px; } .page-footer .nav-bar div li { margin: 0; } .page-footer .nav-bar div li a { display: block; padding: 15px; } .page-footer .nav-bar a { border: none; } .page-footer .nav-bar li.has-flyout a { font-weight: normal; } .page-footer .nav-bar li { border-top: 1px solid #373737; border-bottom: 1px solid #000000; } .page-footer .nav-bar a:hover, .page-footer .nav-bar a:focus, .page-footer .nav-bar > li:hover > a { color: #fff; background-color: #3289e8; } .page-footer .nav-bar li:first-child { border-top: none; } .page-footer .nav-bar li:last-child { border-bottom: none; } .closing .nav-bar a { padding: 0 25px 0 0; } .nav-bar>li.has-flyout>a:after { border: none; } .closing ul li { color: #fff; float: left; font-size: 11px !important; font-size: 1.1emx !important; text-transform: uppercase; } .closing li { padding-right: 15px; } .fc-webicon { display: block !important; padding: 0; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 !important; } .fc-webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.36); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.36); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.36); } .fc-webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .fc-webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* Twitter */ .no-svg .fc-webicon.twitter { background: url("../images/shared/fc-webicon-twitter.png") no-repeat; } .no-svg .fc-webicon.twitter.large { background: url("../images/shared/fc-webicon-twitter-large.png") no-repeat; } .no-svg .fc-webicon.twitter.small { background: url("../images/shared/fc-webicon-twitter-small.png") no-repeat; } .svg .fc-webicon.twitter { background: url("../images/shared/fc-webicon-twitter.svg"); } @media only screen and (min-width: 48em) { .page-footer ul { float: right; margin-top: 10px; margin-bottom: 0; } .page-footer ul li { font-family: 'OpenSansSemibold', sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.3em; display: inline; } .page-footer ul li a { display: inline; padding: 0 15px 15px 0; color: #fff; } .closing { margin-top: 10px; } .closing a { color: #84c4ed !important; padding: 0 !important; } .page-footer ul li a:hover { color: #84c4ed; } } /* Noise Boxes */ .noise { background: url('../images/shared/noise.jpg') center; padding: 50px 20px 30px; margin: 20px -20px 0; border-top: 1px solid #d1d1d1; } .noise h2 { text-align: center; margin: -20px 0 0; } .noise p { text-align: center; } @media only screen and (min-width: 48em) { .noise h2 { text-align: left; font-size: 3.8em; margin: -8px 0 0 0; } .noise p { text-align: left; } } @media only screen and (min-width: 60em) { .noise h2 { font-size: 4.9em; margin: -13px 0 0 0; } .noise p { font-size: 1.2em; margin-top: -10px; } } /* Interactive Elements */ .great-white { background: #fff; margin: 20px -20px 0; padding: 40px 20px; border-top: 1px solid #cecece; } .great-white h6 { font-size: 20px; color: #b3b3b3; text-align: center; } .great-white h6 a { font-family: 'RobotoBold', sans-serif; font-size: 20px; font-size: 2rem; line-height: 1em; letter-spacing: -1px; } .tooltip { font-weight: normal; font-family: 'OpenSansRegular', sans-serif; font-size: 13rem; font-size: 1.3rem; line-height: 1.4em; } /* nonsense! -- this makes areal mess of narrow screens. .reveal-modal { padding: 15px; width: 670px; margin-left: -360px; } */ .reveal-modal th, .reveal-modal tr { font-size: 11px; font-size: 1.1rem; } @media only screen and (min-width: 48em) { .great-white h6 { font-size: 30px; } .great-white h6 a { font-family: 'RobotoBold', sans-serif; font-size: 37px; font-size: 3.7rem; line-height: 1em; margin: 0 20px; } #signup.reveal-modal h2 { font-size: 40px; font-size: 4rem; } } /* Forms */ form div { margin-bottom: 15px; } form textarea { height: 150px; } form .terms { font-family: 'OpenSansRegular', sans-serif; font-size: 12px; font-size: 1.2rem; } form .input-text:focus, form textarea:focus { -moz-box-shadow: 0 0 7px #7cccf7; -webkit-box-shadow: 0 0 7px #7cccf7; box-shadow: 0 0 7px #7cccf7; border-color: #2890e1 !important; background-color: #fff !important; } .notice { font-size: 11px; margin-top: -100px; position: absolute; background-color: #000; background-color: rgba(0, 0, 0, 0.8); padding: 5px 6px; border-radius: 5px; color: #fff; max-width: 50%; display: none; } .alert-box { font-weight: normal !important; font-family: 'OpenSansSemibold', sans-serif; } @media only screen and (min-width: 48em) { form label { margin-top: 4px !important; cursor: auto !important; } form.widelabel .inline label{width:50%;} form.widelabel .inline input{width:50%!important;} form.widelabel .inline textarea { width: 50%;} form.widelabel .inline span.select {width:50%;} form .inline label { margin: 0; width: 30%; float: left; } form .inline input { margin: 0; width: 70% !important; font-size: 13px !important; font-size: 1.3rem !important; max-width: 300px; } form .inline textarea { max-width: 300px; width: 70%; } form .inline select{ width: 280px; background: #fff; height: 26px; /* border: 1px solid #bbbbbb; */ width: 70%; max-width: 300px; margin: 0; } form .inline span.select { display: inline-block; color: #000; padding: 0 0 0 0; width: 280px; width: 70%; max-width: 300px; height: 26px; } /* form .inline span.select { display: inline-block; margin: 0 padding: 0 0 0 0; width: 280px; background: #fff; height: 22px; border: 1px solid #bbbbbb; width: 70%; max-width: 300px; } */ form .inline .button { margin-left: 30%; } input[type=submit].button, button.button { font-weight: normal !important; font-family: Roboto, sans-serif; padding-bottom: 5px; } form .finish { margin: -30px 0 40px 0; } form.widelabel .inline .button, form.widelabel .finish { margin-left: 50%; } form .inline .elaborate { padding-left: 30%; } form.widelabel .inline .elaborate { padding-left: 50%; } form .form-field.error { margin-top: 12px; } form .form-field.error small { font-weight: normal !important; font-family: 'OpenSansSemibold', sans-serif; width: 50% !important; margin-left: 30%; margin-top: -1px !important; } form.nice .form-field div.error { font-weight: normal !important; font-family: 'OpenSansSemibold', sans-serif; width: 40% !important; max-width: 300px ; margin-left: 30%; margin-top: -1px !important; } form.widelabel .form-field.error small { margin-left: 50%; max-width: 300px; }; .page-header form a, .page-footer form a { color: #2a85e8 !important; display: block; margin: 0 !important; } } /* Panel */ .container .panel { background: #e4e4e4; border: 1px solid #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-bottom: 10px; } .container .panel hr { background: none; border-top: 1px dotted #b7b7b7; height: 1px; margin: 30px 0 30px; } .modern .button .arrow { background: url('../images/shared/global-x2.png') no-repeat right 0px; background-size: 65% auto; height: 30px; } /* x2 Graphics */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .modern .page-footer { background-size: 50%; } } /* ----------------------------------------- :: Front ----------------------------------------- */ .page-header .six li { color: #ffffff; margin-bottom: 7px !important; font-family: 'OpenSansRegular', sans-serif; font-size: 15px; font-size: 1.5rem; } @media only screen and (min-width: 48em) { /* Header */ .front .page-header { margin-bottom: 100px !important; } .front .page-header h1 { margin-bottom: 25px; } .front .page-header h1:after { margin-top: 20px; } .front .page-header .six { margin-bottom: -55px; } .front .page-header .six ul { margin-bottom: 35px; } .front .page-header .title.row h1:after { height: 118px; } .front .page-header p, .offer .page-header p { font-size: 1.2em; margin-bottom: 35px; } /* Logos */ .logos { height: 75px; } .logos li { float: left; width: 14%; margin: 0 1.3%; } .logos img, .logos a, .logos li, .customers img { border: none; color: #f2f2f2; text-decoration: none; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* Illustration */ .front .page-header .row { position: relative; } .front .map { height: 400px; width: 390px; position: absolute; right: 0; top: 40px; z-index: 5; } .offer .map { height: 400px; width: 390px; position: absolute; right: 0; z-index: 5; } .front .map { background: url('../images/home/home-illustration-alt-2.png') right top no-repeat; } /* Other */ .home-choices { margin-top: -20px; padding-bottom: 20px; } } .home-choices .panel { background-color: #fbfbfb; margin-top: 30px; } .home-choice { background-color: #d6b563; color: #fff; width: 60px; height: 42px; padding: 18px 0 0; text-align: center; font-size: 20px; font-size: 2rem; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; margin: -45px auto 15px; } .home-choice-3 { background-color: #7cb76a; } .home-choice i { font-size: 1.3em; } .home-choices .lead { text-align: center; } .special-offer { margin-top: 20px; display: block; background-color: white; color: #404040; line-height: normal; padding: 10px 14px; padding-left: 8px; border-radius: 3px; text-align: center; height: auto; width: auto; } .special-offer strong { font-style: italic; } @media only screen and (min-width: 48em) { .home-choices-panel-3 .lead { padding: 13px 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 48em), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 48em) { .svg .front .map { background: url('../images/home/home-illustration-alt.svg') right top no-repeat; background-size: 70%; } } @media only screen and (min-width: 58em) { .front .page-header { margin-bottom: 70px; } .front .map { height: 522px; width: 518px; top: -10px; } .front .map { background: url('../images/home/home-illustration-alt.png') right top no-repeat; } .front .page-header .six { margin-top: 20px; } .front .page-header .six li { margin-bottom: 15px !important; font-size: 1.4em; } .front .header-tite { font-size: 65px; font-size: 6.5rem; line-height: 1em; } .front .header-tite:after { top: 35px !important; } .logos { height: 85px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 58em), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 58em), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 58em) { .svg .front .map { background-size: 100%; } } /* Icons */ .group { border: 1px solid #9e9e9e; padding: 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .group a { position: relative; z-index: 5; } .group ul { padding-top: 20px; } .group h6 { margin-top: -8px; text-align: center; } .group h6 span { background-color: #f3f3f3; padding: 0 10px; color: #636363; } .front .solution-1, .front .solution-2, .front .solution-3 { margin-bottom: 20px; } .solutions-icon-1, .solutions-icon-2, .solutions-icon-3 { background: url('../images/home/home.png') no-repeat; width: 60px; height: 48px; display: block; margin-top: 4px; } .solutions-icon-2 { background-position: -7px -239px; height: 43px; } .solutions-icon-3 { background-position: -7px -95px; height: 33px; } .front .row .icon { display: block; float: left; width: 60px; height: 48px; margin-bottom: 10px; background: url('../images/home/home.png') no-repeat; margin-bottom: 45px; } .front .row .second .icon { background-position: 0 -47px; } .front .row .third .icon { background-position: 0 -95px; } .front .row .fourth .icon { background-position: 0 -143px; } .front .row .fifth .icon { background-position: 0 -192px; } .front .row .sixth .icon { background-position: 0 -239px; } .front .row .second .icon { margin-bottom: 60px; } .front .row .third .icon { margin-bottom: 70px; } @media only screen and (min-width: 48em) { .front .row div { clear: none; } .front .row .icon { margin-bottom: 65px; } .front .row .first .icon { margin-bottom: 55px; } .front .row .second .icon { margin-bottom: 100px; } .front .row .third .icon { margin-bottom: 110px; } .front .block-grid { margin-bottom: 0; } } @media only screen and (min-width: 960px) { .front .row .second .icon { margin-bottom: 80px; } .front .row .third .icon { margin-bottom: 80px; } } /* Blockquotes */ blockquote { padding: 5px 5px 20px; border: none; } blockquote img { margin: 0 3px -13px -40px; border: 1px solid #a6a6a6; } blockquote p { color: #2c2c2c; font-family: 'OpenSansLight', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.4em; margin-bottom: 10px; } .front blockquote p { font-family: 'OpenSansLightItalic', sans-serif; } blockquote p strong { font-family: 'OpenSansSemibold', sans-serif; font-weight: normal; font-style: normal; color: #373737; } .front blockquote p strong { font-family: 'OpenSansSemiboldItalic', sans-serif; } blockquote footer { font-family: 'OpenSansItalic'; font-size: 13px; font-size: 1.3rem; line-height: 1.5em; padding-left: 40px; } blockquote footer strong { font-family: 'OpenSansItalic', sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.5em; color: #3d3d3d; } blockquote { background: url('../images/shared/blockquote-1.png') left top no-repeat; min-height: 95px; } blockquote:last-child { background: url('../images/shared/blockquote-2.png') right bottom no-repeat; min-height: 95px; } .front blockquote { margin-top: -10px; } /* x2 Graphics */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .modern .front .row .icon, .solutions-icon-1, .solutions-icon-2, .solutions-icon-3 { background-image: url('../images/home/home-x2.png'); background-size: 80%; } .modern blockquote:first-child { background: url('../images/shared/blockquote-1-x2.png') left top no-repeat; background-size: 184px auto; } .modern blockquote:last-child { background: url('../images/shared/blockquote-2-x2.png') right bottom no-repeat; background-size: 184px auto; } } /* ----------------------------------------- :: Features ----------------------------------------- */ .features .feature-1 { height: 190px; background: url('../images/features/features-1-thin.png') center center no-repeat; } .features .feature-2 { height: 190px; background: url('../images/features/features-2-thin.png') center center no-repeat; } .features .feature-4 { height: 215px; background: url('../images/features/features-4-thin.png') center center no-repeat; margin-bottom: -20px; } /* Wide Styles */ @media only screen and (min-width: 48em) { .features .feature-1 { height: 390px; margin-top: -40px; background: url('../images/features/features-1.png') center center no-repeat; background-size: 100%; } .features .feature-2 { height: 390px; margin-top: -60px; margin-bottom: -30px; background-size: 100%; background: url('../images/features/features-2.png') center center no-repeat; } .features .feature-3 { height: 200px; margin: -30px -20px 10px; background: url('../images/features/features-3.png') center center repeat-x; } .features .feature-4 { height: 320px; margin: 0 0 -20px; background: url('../images/features/features-4.png') no-repeat bottom; background-size: 100%; } } @media only screen and (min-width: 980px) { .features .feature-1, .features .feature-2, .features .feature-4 { background-size: inherit; } .features .feature-2 { margin-bottom: -55px; } .features .feature-3 { margin-top: -50px; } .features .feature-4 { height: 300px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .svg .features .feature-1 { background: url('../images/features/features-1.svg') center center no-repeat; background-size: 100% auto; } .svg .features .feature-2 { background: url('../images/features/features-2.svg') center center no-repeat; background-size: 100% auto; } .svg .features .feature-3 { background: url('../images/features/features-3.svg') center center repeat-x; background-size: 980px 140px; } .features .feature-4 { height: 220px; background: url('../images/features/features-4.svg') center top no-repeat; background-size: auto 100%; } } /* ----------------------------------------- :: Pricing ----------------------------------------- */ .pricing table .annual { margin: 7px 0 -7px; } .pricing table a span { display: none; } .pricing table a { font-size: 1.6em; } .pricing table small { display: block; font-size: 55%; margin-top: 2px; } .pricing .small-plans .prices td { padding-bottom: 15px; padding-top: 18px; } @media only screen and (min-width: 48em) { .pricing .tableside h3 { margin: 20px 0 35px 0; font-size: 20px; font-size: 2rem; } .pricing table .annual { margin: 11px 0 -11px; } .pricing table a span { display: inline; color: #1892e6; } .pricing table a { font-size: 0.7em; } } th.feature { position: relative; top: -5px; background: #7cb76a; } td.feature { background: #fff; } td.feature small { color: #7cb76a; font-weight: bold; } /* ----------------------------------------- :: Full Feature List ----------------------------------------- */ .tick { background: url('../images/full-feature-list/full-feature-list.png') no-repeat; background-size: 25px 47px; width: 25px; height: auto; margin: 0 auto; } .yes, .no { font-size: 1.5em; text-align: center; font-weight: bold; margin-bottom: 0; } .yes, .yes span { color: #7abb2b; } .no, .no span { color: #c24538; } .no-tick { background: url('../images/full-feature-list/full-feature-list.png') no-repeat 0 -23px; background-size: 25px 47px; width: 25px; height: auto; margin: 0 auto; } .full-feature-list .icon-question-sign { font-size: 1.3em; color: #aaaaaa; } .full-feature-list .has-tip { border-bottom: none; } .tooltip { background-color: #2890e1; } .tip-right .nub { border-right-color: #2890e1 !important; } .tip-left .nub { border-left-color: #2890e1 !important; } .tip-top .nub { border-top-color: #2890e1 !important; } .tip-bottom .nub { border-bottom-color: #2890e1 !important; } /* ----------------------------------------- :: Blog ----------------------------------------- */ .credit p { font-size: 13px; font-size: 1.3rem; margin-bottom: 10px; } .credit img { display: none; } .label { font-weight: normal !important; font-family: 'OpenSansSemibold'; } a:hover .label { background-color: #2a85e8; } .follow { height: 85px; } .panel li { margin-bottom: 5px; } .panel .rss, .panel .twitter, .panel .linkedin { background: url('../images/blog/blog.png') no-repeat; display: block; height: 41px; width: 40px; float: left; margin: 0 10px 10px 0; } .panel .twitter { background-position: -41px top; } .panel .linkedin { background-position: -82px top; } .panel .rss:hover { background-position: left -42px; } .panel .twitter:hover { background-position: -41px -42px; } .panel .linkedin:hover { background-position: -82px -42px; } .fb-comments, .fb-comments iframe[style] { width: 100% !important; } .fb-comments { margin-bottom: 25px; } @media only screen and (min-width: 48em) { .follow { height: 135px; } .credit img { display: block; margin-bottom: 10px; width: 150px; max-width: 100%; } } @media only screen and (min-width: 58em) { .follow { height: 85px; } } /* ----------------------------------------- :: Support ----------------------------------------- */ .support .panel form, .faq .panel form { position: relative; } .support .panel span, .faq .panel span { display: none; } .support .panel .icon-search, .faq .panel .icon-search { position: absolute; top: 3px; font-size: 1.5em; right: 5px; } h3 var { background-color: #c9c9c9; color: #f3f3f3; padding: 1px 8px 2px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .setup form { position: relative; } .setup form a span { display: none; } .setup form .icon-search { position: absolute; top: 3px; right: 7px; font-size: 1.8em; } .ui-autocomplete { background: #fff; } .ui-helper-hidden-accessible { padding: 5px 0 10px; display: block; color: black; font-weight: bold; } /* ----------------------------------------- :: Sign Up ----------------------------------------- */ .signup .has-help .help { display: none; color: #fff; padding: 5px 10px; font-size: 1em; line-height: 1.3em; /*margin-top: -10px;*/ margin-top: 0; border-radius: 5px; background: #2890e1; } .signup div#p0p-1 .popwindow{ height: 400px; overflow-y: scroll; } .signup div#p0p-1 .close-reveal-modal{ right:18px;} .lt-ie9 .signup div#p0p-1 .popwindow{ overflow: scroll; } ol.terms li p {margin-left:-2em ;margin-top:9px;margin-bottom: 9px} ol.terms li {margin-bottom:27px} ol.terms li p {margin-left:-2em ;} ol.terms ul li {list-style:disc ; margin-bottom:0px} .form-field.error small,form.nice small.error{ font-weight:normal !important;font-family: 'OpenSansSemibold', sans-serif; width: 100% !important; } .plan_N.elaborate { clear: both; display: block; padding-top: 5px; } @media only screen and (min-width: 48em) { .signup .has-help { position: relative; } .signup .panel { margin-top: 50px; } .signup .has-help .help { margin-top: -1px; border-radius: 5px; margin-right: 1px; position: absolute; right: -240px; top: 0; width: 280px; min-height: 20px; z-index: 6; } .signup .has-help .help:before { content: ""; width: 0; height: 0; position: absolute; left: -10px; top: 8px; border: solid 5px; border-color: transparent #2890e1 transparent transparent; } .form-field.error small { font-weight: normal !important; font-family: 'OpenSansSemibold', sans-serif; width: 100% !important; margin-top: -1px !important; } } /* ----------------------------------------- :: Sign In ----------------------------------------- */ .lt-ie8 header .signin { display: none; } .ie7 { display: none !important; } .lt-ie8 .ie7 { display: inline !important; } .flyout { display: none; } .page-header .signin div.flyout { display: none; background-color: #ececec; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #191919; width: 140px; padding: 10px; position: absolute; top: 24px; right: 27px; z-index: 11; text-align: left; -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.38); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.38); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.38); } .page-footer .signin div.flyout { display: none; background-color: #ececec; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #191919; width: 140px; padding: 10px; position: absolute; right: -5px; top: -225px; z-index: 10; text-align: left; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.38); -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.38); box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.38); margin-right: 5px !important; } .main .signin div a, #signin_menu_footer a { color: #45a0e9; font-size: 1.3em; margin-left: 0; } .signin .flyout-toggle { padding: 5px 10px 10px 10px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-left: 3px !important; z-index: 11; position: relative; display: inline; } .page-header .signin .flyout-toggle { margin-right: -5px; } .page-footer .signin .flyout-toggle { padding-right: 10px !important; } .signin .flyout-toggle.hover { color: #000; } .signin-footer { padding: 5px 10px 10px 10px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; margin-right: -5px; margin-left: -10px !important; } .signin.menu-open, .signin-footer.menu-open { background-color: #ececec; color: #191919; } .signin div form { margin-bottom: 0; } .signup form { margin-bottom: 0; } /* ----------------------------------------- :: Reseller ----------------------------------------- */ @media only screen and (min-width: 48em) { .reseller .image { position: absolute; height: 400px; width: 270px; background: url("../images/reseller/server-curtain.png") no-repeat; right: 0; top: -150px; } .no-svg .reseller .image { background: url("../images/reseller/server-curtain.png") no-repeat; } .svg .reseller .image { background: url("../images/reseller/server-curtain.svg") no-repeat; background-size: 100%; } .reseller ul li { height: 40px; } .reseller article ul li i { padding-bottom: 40px; padding-right: 5px; float: left; } } @media only screen and (min-width: 960px) { .reseller .image { right: 70px; } } /* ----------------------------------------- :: Partner ----------------------------------------- */ .partner .logo { background: none; margin-right: 5px; } .partner .logo img { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .powered-by { margin-top: 5px; width: 55px; } .partner .navigate { color: #5e5e5e; } .partner header .navigation-thin { margin: -20px -20px 20px; padding: 25px 20px 15px; height: 33px; background: #fff; border-bottom: 1px solid #000; } .partner table { border-color: #333333; } .partner table tbody td { color: #dcdcdc !important; border-color: #333333; } .partner table tbody tr { background-color: #3b3b3b; } .partner table tbody tr:nth-child(even) { background-color: #4c4c4c; } @media only screen and (min-width: 48em) { .partner .tertiary a, .partner .nav-bar a { color: #5e5e5e; } .partner header .navigation-wide { margin: -20px -20px 0; padding: 0 20px 0; height: 75px; background: #fff; border-bottom: 1px solid #313131; } .partner header .tertiary { margin-top: 25px; } /*asdasd*/ .front.partner .map { background: url('../images/home/home-illustration-alt-2.png') right top no-repeat; } .powered-by { margin-top: 22px; width: 75px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 48em), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 48em) { .svg .front.partner .map { background: url('../images/home/home-illustration-alt.svg') right top no-repeat; background-size: 100%; } } @media only screen and (min-width: 58em) { .front.partner .map { background: url('../images/home/home-illustration-alt-2.png') right top no-repeat; } } /* make nice printing */ @media print{ .page-header .show-on-phones { display:none !important} .page-footer .show-on-phones { display:none !important} } .fineprint { font-size: 16px; } /* mainly the support page so-far */ /* NLU form.nice div.bib{ height:0; margin:0; position:relative; top:-10px;' } form.nice div.bib ul{ z-index:4; display:block; position:absolute; left:3px; background:#eee; width:90%; border:1px solid red;' } */ /* */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ ul li.has-flyout .flyout a { color: #2a85e8;} ul li.has-flyout .flyout a:hover { color: #11639d;} .ui-corner-all {border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px} .ui-autocomplete { display:block; background:#fff; margin:5px; border:1px solid #888; } .ui-autocomplete li { padding:0; margin:0; line-height:3ex; color:black; width:100% !important; } .ui-autocomplete li .ui-state-focus { color: #282828; background-color: #dfdfdf; } /*! * jQuery UI Menu @VERSION * http://jqueryui.com * * Copyright 2012 jQuery Foundation and other contributors * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } /* -- this messes up the dropdowns... -- .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } */ .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } pre.teletype { font-family:monospace,courier,console; line-height:120%; color:#333; } .page-contact textarea { min-height:200px } section div ul li.chat-link { display:none; !important } .page-header .tertiary li.chat-link { display: none; } .snapengage-is-online section div ul li.chat-link { display:inline; } .snapengage-is-online .page-header .tertiary li.chat-link { display: inline; } /* make snapabug make the page go darker instead of paler when activated */ #SnapABug_O { background-color: black !important } .smtpcorp-logged-out li.smtpcorp-myaccount-link, .smtpcorp-logged-in li.signin{display:none} .smtpcorp-logged-out li.smtpcorp-myaccount-link i, .smtpcorp-logged-in li.signin i{display:none !important} .plan_N.elaborate { clear: both; display: block; padding-top: 5px; } .ui-autocomplete { background: #fff !important; } .ui-helper-hidden-accessible { padding: 5px 0 10px; display: block; color: black; font-weight: bold; } /* this is bullshit .reveal-modal { padding: 15px; width: 670px; margin-left: -360px; } .reveal-modal th, .reveal-modal tr { font-size: 11px; font-size: 1.1rem; } */ .gcomments { color: orange; display: inline; } /* Squeeze Page */ .squeeze-form .input-text { height: 52px; font-size: 16px !important; padding-left: 15px !important; } .squeeze-form .button { font-size: 20px; height: 20px; padding: 17px 17px 14px 21px; } .squeeze-title { padding-top: 33px; margin-bottom: -28px; } .squeeze-title h1 { padding-top: 20px; } .squeeze-form .button .arrow { margin-top: -5px; } /* Offer Page */ body.offer header.page-header { border-bottom: 1px solid #d1d1d1; background: none !important; /* we don't have a texture for this one */ background-color: #edf4f8 !important; } @media only screen and (min-width: 58em) { .offer .map { height: 337px; width: 382px; top: 5px; } } @media only screen and (min-width: 48em) { .offer .map { height: 337px; } .offer .row div { clear: none; } } .offer .container { background-color: white; } /* .front .row div { clear: none; } .front .row .icon { margin-bottom: 65px; } .front .row .first .icon { margin-bottom: 55px; } .front .row .second .icon { margin-bottom: 100px; } .front .row .third .icon { margin-bottom: 110px; } .front .block-grid { margin-bottom: 0; } .offer .row div { clear: none; } .offer .row .icon { margin-bottom: 65px; } .offer .row .first .icon { margin-bottom: 55px; } .offer .row .second .icon { margin-bottom: 100px; } .offer .row .third .icon { margin-bottom: 110px; } .offer .block-grid { margin-bottom: 0; } .offer .map position: absolute; .offer .map right: 0px; } */ .offer .map { background: url('../images/home/home-illustration-new.png') right top no-repeat !important; } .offer section.title.partner .logobox img{ vertical-align: text-top; } .offer .usabilla_live_button_container{ border: 3px solid red; display:none; } .offer section.title.partner .logobox{ margin-bottom:21px; } .offer section.partner-banner { background-color: #549be7; margin-left: -20px; margin-right: -20px; } .offer .header-content { text-align: center; padding: 0px 15px; margin-bottom: 30px!important; } .offer .partner-banner h2 { text-align: center; margin-top: 20px; margin-bottom: 0; text-shadow: 0 -1px 0 #006ac7; font-size: 4em; } .offer .partner-banner h3 { text-align: center; margin-bottom: 20px; text-shadow: 0 -1px 0 #006ac7; font-size: 22px; } .offer .partner-banner a { color: #FFF; } .offer .partner-banner a:hover { color: #ceedfb; } .offer .page-header { margin-bottom: 70px; } .offer .page-header section.title { margin-bottom: 36px; } .offer .page-header .partner i { font-size: 1.4em; width: 1.8em; height: 1.6em; float: left; color: #549be7; text-align: left; } .offer .page-header .partner { color: #535353; } .offer .title.partner .seven, .title.partner .five { margin-bottom: -45px; } .offer .title.partner .seven h2 { margin-top: 45px; text-align: center; } .offer .title.partner .seven h2 { text-align: center; } .offer .title.partner .seven ul { margin-top: 0px; margin-left: 10px; } .offer .title.partner .seven li { font-size: 1.2em; } .offer .title.partner .seven ul img { float: right; width: 40%; margin-top: -10px; margin-right: -20px; } .offer .title.partner .five { margin-top: 43px; } .offer .title.partner .five p, .title.partner .five .button { margin-left: 25px; } .offer .title.partner .five p { margin-bottom: 25px; } .offer .title.partner p strong { color: #488dd6; } .offer ol.bluestripe strong { color: #009ee9; } /* Partner Page */ /* body.front header.partner-header { background: url('../images/shared/noise.jpg') top center !important; border-bottom: 1px solid #d1d1d1; } */ .front section.title.partner .logobox img{ vertical-align: text-top; } .front section.title.partner .logobox{ margin-bottom:21px; } .front section.partner-banner { background-color: #549be7; margin-left: -20px; margin-right: -20px; } .front .partner-banner h2 { text-align: center; margin-top: 20px; margin-bottom: 0; text-shadow: 0 -1px 0 #006ac7; font-size: 4em; } .front .partner-banner h3 { text-align: center; margin-bottom: 20px; text-shadow: 0 -1px 0 #006ac7; font-size: 22px; } .front .partner-banner a { color: #FFF; } .front .partner-banner a:hover { color: #ceedfb; } .front .page-header .partner i { font-size: 1.4em; width: 1.8em; height: 1.6em; float: left; color: #549be7; text-align: left; } .front .page-header .partner { color: #535353; } .front .title.partner .seven, .title.partner .five { margin-bottom: -45px; } .front .title.partner .seven h2 { margin-top: 45px; } .front .title.partner .seven ul { margin-top: 0px; margin-left: 10px; } .front .title.partner .seven li { font-size: 1.2em; } .front .title.partner .seven ul img { float: right; width: 40%; margin-top: -10px; margin-right: -20px; } .front .title.partner .five { margin-top: 43px; } .front .title.partner .five p, .title.partner .five .button { margin-left: 25px; } .front .title.partner .five p { margin-bottom: 25px; } .front .title.partner p strong { color: #488dd6; } .page-header.partners i { font-size: 1.4em; width: 1.8em; height: 1.6em; float: left; color: #549be7; text-align: left; } @media only screen and (max-width : 900px) { .front .partner-banner { margin-top: -20px; } .front .title.partner .five p, .title.partner .five .button { margin-left: 0px; } .front .title.partner .seven ul img { display: none; } .front .title.partner .seven ul { margin-top: 20px; margin-bottom: 20px; } .front .title.partner .seven li { font-size: 1.5em; } .front .title.partner .five h1 { font-size: 44px; line-height: 46px; } } @media only screen and (max-width : 767px) { .front .partner-banner h2 { font-size: 3em; line-height: 1em; } .front .partner-banner h3 { font-size: 1.6em; } .page-header.partners i { height: 2.6em; } .front .title.partner .seven ul { margin-top: 20px; margin-bottom: 20px; } .front .title.partner .seven li { font-size: 1.2em; clear: left; } .front .title.partner p { font-size: 1.2em; } .offer .title.partner p { font-size: 1.2em; } .front .title.partner .seven h2 { padding-top: 0px; padding-bottom: 10px; } .front .title.partner .seven, .title.partner .five { margin-bottom: 20px; text-align: left; } } /* ol.bluestripe blue-number, striped, ordered-list */ ol.bluestripe { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ width: 80%; } ol.bluestripe > li { position:relative; /* Create a positioning context */ margin:0 0 0 0; /* Give each list item a left margin to make room for the numbers */ padding: 1em 0 1em 1.5em; list-style:none; /* Disable the normal item numbering */ left:5em; min-height: 3em; vertical-align:middle; font-size:120%; } ol.bluestripe > li:nth-child(odd) { background-color : rgb(243, 248, 253); } /*ol.bluestripe > li:nth-child(even) { background-color : rgb(243, 48, 253); }*/ ol.bluestripe > li:before { content:counter(li)"."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:relative; top: 0.2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:8px; padding:4px; color:rgb(147, 203, 246); font-size:300%; font-weight:100; text-align:center; } /* for nesting - not sure what needed. ol.bluestripe > li ol, ol.bluestripe > li ul {margin-top:6px;} */ ol.bluestripe > ol ol li:last-child {margin-bottom:0;}