/* Welcome to Compass.ü In this file you should write your main styles. (or centralize your imports) */ /* Variables */ /*just for test */ /* HTML5 ✰ Boilerplate ==|== normalize ========================================================== */ /* line 5, ../sass/_reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* line 6, ../sass/_reset.scss */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* line 7, ../sass/_reset.scss */ audio:not([controls]) { display: none; } /* line 8, ../sass/_reset.scss */ [hidden] { display: none; } /* line 10, ../sass/_reset.scss */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* line 11, ../sass/_reset.scss */ body { margin: 0; font-size: 13px; line-height: 1.231; } /* line 12, ../sass/_reset.scss */ body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* line 14, ../sass/_reset.scss */ ::-moz-selection { background: #25aae1; color: #fff; text-shadow: none; } /* line 15, ../sass/_reset.scss */ ::selection { background: #25aae1; color: #fff; text-shadow: none; } /* line 17, ../sass/_reset.scss */ a { color: #25aae1; } /* line 18, ../sass/_reset.scss */ a:visited { color: #25aae1; } /* line 19, ../sass/_reset.scss */ a:hover { color: #25aae1; } /* line 20, ../sass/_reset.scss */ a:focus { outline: thin dotted; } /* line 21, ../sass/_reset.scss */ a:hover, a:active { outline: 0; } /* line 23, ../sass/_reset.scss */ abbr[title] { border-bottom: 1px dotted; } /* line 24, ../sass/_reset.scss */ b, strong { font-weight: bold; } /* line 25, ../sass/_reset.scss */ blockquote { margin: 1em 40px; } /* line 26, ../sass/_reset.scss */ dfn { font-style: italic; } /* line 27, ../sass/_reset.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } /* line 28, ../sass/_reset.scss */ ins { background: #ff9; color: #000; text-decoration: none; } /* line 29, ../sass/_reset.scss */ mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* line 30, ../sass/_reset.scss */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: "courier new", monospace; font-size: 1em; } /* line 31, ../sass/_reset.scss */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* line 32, ../sass/_reset.scss */ q { quotes: none; } /* line 33, ../sass/_reset.scss */ q:before, q:after { content: ""; content: none; } /* line 34, ../sass/_reset.scss */ small { font-size: 85%; } /* line 35, ../sass/_reset.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 36, ../sass/_reset.scss */ sup { top: -0.5em; } /* line 37, ../sass/_reset.scss */ sub { bottom: -0.25em; } /* line 38, ../sass/_reset.scss */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } /* line 39, ../sass/_reset.scss */ dd { margin: 0 0 0 40px; } /* line 40, ../sass/_reset.scss */ nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* line 41, ../sass/_reset.scss */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* line 42, ../sass/_reset.scss */ svg:not(:root) { overflow: hidden; } /* line 43, ../sass/_reset.scss */ figure { margin: 0; } /* line 45, ../sass/_reset.scss */ form { margin: 0; } /* line 46, ../sass/_reset.scss */ fieldset { border: 0; margin: 0; padding: 0; } /* line 47, ../sass/_reset.scss */ label { cursor: pointer; } /* line 48, ../sass/_reset.scss */ legend { border: 0; *margin-left: -7px; padding: 0; } /* line 49, ../sass/_reset.scss */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* line 50, ../sass/_reset.scss */ button, input { line-height: normal; *overflow: visible; } /* line 51, ../sass/_reset.scss */ table button, table input { *overflow: auto; } /* line 52, ../sass/_reset.scss */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* line 53, ../sass/_reset.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } /* line 54, ../sass/_reset.scss */ input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* line 55, ../sass/_reset.scss */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* line 56, ../sass/_reset.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* line 57, ../sass/_reset.scss */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* line 59, ../sass/_reset.scss */ input:invalid, textarea:invalid { background-color: #f0dddd; } /* line 61, ../sass/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 62, ../sass/_reset.scss */ td { vertical-align: top; } /* Font rules */ @font-face { font-family: 'HelveticaNeueMdCn'; src: url("fonts/helveticaneueltstd-mdcn-webfont.eot"); src: url("fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneueltstd-mdcn-webfont.woff") format("woff"), url("fonts/helveticaneueltstd-mdcn-webfont.ttf") format("truetype"), url("fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueMd'; src: url("fonts/helveticaneueltstd-md-webfont.eot"); src: url("fonts/helveticaneueltstd-md-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneueltstd-md-webfont.woff") format("woff"), url("fonts/helveticaneueltstd-md-webfont.ttf") format("truetype"), url("fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStd65Medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLt'; src: url("fonts/helveticaneueltstd-lt-webfont.eot"); src: url("fonts/helveticaneueltstd-lt-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneueltstd-lt-webfont.woff") format("woff"), url("fonts/helveticaneueltstd-lt-webfont.ttf") format("truetype"), url("fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueBdCn'; src: url("fonts/helveticaneueltstd-bdcn-webfont.eot"); src: url("fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneueltstd-bdcn-webfont.woff") format("woff"), url("fonts/helveticaneueltstd-bdcn-webfont.ttf") format("truetype"), url("fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn") format("svg"); font-weight: normal; font-style: normal; } /* line 47, ../sass/_base.scss */ body { font: 12px HelveticaNeueMd, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; line-height: 16px; } /* line 53, ../sass/_base.scss */ h1, h2 { text-transform: uppercase; padding: 0; margin: 0; font-weight: normal; } /* line 59, ../sass/_base.scss */ h2, h3, h4, h5, h6 { font-family: HelveticaNeueLt, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; margin: 0 0 5px; } /* line 65, ../sass/_base.scss */ h1 { font: 29px/0.9 HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; } /* line 66, ../sass/_base.scss */ h2 { font-size: 32px; line-height: .9; color: #00b4ff; } /* line 71, ../sass/_base.scss */ h3 { font-size: 26px; line-height: 28px; } /* line 75, ../sass/_base.scss */ h4, h5, h6 { font-size: 20px; } /* line 78, ../sass/_base.scss */ #content-wrapper hgroup { margin-bottom: 25px; } /* line 81, ../sass/_base.scss */ p { margin: 0 0 20px; } /* line 86, ../sass/_base.scss */ .list, #content-wrapper ul { margin: 5px 0 30px; list-style: none; } /* line 90, ../sass/_base.scss */ .list li, #content-wrapper ul li { position: relative; } /* line 93, ../sass/_base.scss */ .list li:before, #content-wrapper ul li:before { content: "\2013"; position: absolute; left: -15px; color: #25aae1; } /* line 101, ../sass/_base.scss */ ul.list, ul.list ul { padding-left: 20px; } /* line 106, ../sass/_base.scss */ ol.list, ol.list ol { list-style: decimal; padding-left: 20px; } /* line 109, ../sass/_base.scss */ ol.list li:before, ol.list ol li:before { content: ""; } /*** Links ***/ /* line 115, ../sass/_base.scss */ .linkout { color: #111; text-transform: uppercase; text-decoration: none; display: block; width: 7.2em; font: 12px HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; } /* line 19, ../sass/_var.scss */ .linkout:hover { color: #25aae1; } /* line 126, ../sass/_base.scss */ .linkout:after { content: ''; float: right; border-color: transparent transparent transparent #25aae1; border-style: solid; border-width: 5px 5px 5px 10px; height: 0px; width: 0px; margin-top: .2em; } /*** Buttons ***/ /* line 139, ../sass/_base.scss */ .btn, a.btn { display: block; width: 55px; height: 25px; line-height: 25px; padding: 0 20px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: #25aae1; box-shadow: inset 0 0 8px #337dc1; } /* line 153, ../sass/_base.scss */ .btn:hover, a.btn:hover { color: #fff; background: rgba(37, 170, 225, 0.75); } /* line 158, ../sass/_base.scss */ a.btn { float: right; } /* line 159, ../sass/_base.scss */ header #pull { display: none; } /** Layout */ /* line 6, ../sass/_layout.scss */ html { background-attachment: fixed; /* Set in case of scrolling on page, Otherwise you need to set html and body to 100% */ background-color: #151515; background-image: url(img/bg.png); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #151515), url(img/bg.png); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0)), to(#151515)), url(img/bg.png); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #151515), url(img/bg.png); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000')"; background-image: linear-gradient(top, rgba(0, 0, 0, 0), #151515), url(img/bg.png); } /* line 19, ../sass/_layout.scss */ body, body#blog:before { background-image: -moz-radial-gradient(25% -50px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 18%), -moz-radial-gradient(75% -150px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 50%), -moz-radial-gradient(20% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%), -moz-radial-gradient(80% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%); background-image: -webkit-radial-gradient(25% -50px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 18%), -webkit-radial-gradient(75% -150px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(20% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%), -webkit-radial-gradient(80% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%); background-image: -o-radial-gradient(25% -50px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 18%), -o-radial-gradient(75% -150px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 50%), -o-radial-gradient(20% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%), -o-radial-gradient(80% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%); background-image: -ms-radial-gradient(25% -50px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 18%), -ms-radial-gradient(75% -150px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 50%), -ms-radial-gradient(20% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%), -ms-radial-gradient(80% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%); background-image: radial-gradient(25% -50px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 18%), radial-gradient(75% -150px, circle farthest-side, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0) 50%), radial-gradient(20% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%), radial-gradient(80% 300px, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 30%); } /* line 42, ../sass/_layout.scss */ body#blog { background-image: none; } /* line 45, ../sass/_layout.scss */ body#blog:before { position: absolute; content: ""; width: 100%; height: 800px; } /* line 53, ../sass/_layout.scss */ #wrapper { max-width: 1080px; margin: 0 auto; } /* line 58, ../sass/_layout.scss */ header { height: 110px; position: relative; margin-bottom: 20px; } /* line 64, ../sass/_layout.scss */ header li { float: left; } /* line 68, ../sass/_layout.scss */ #body { clear: both; /* background-color: #fff; */ } /* line 73, ../sass/_layout.scss */ #content { position: relative; } /*** Footer ***/ /* line 78, ../sass/_layout.scss */ footer { color: #ccc; padding: 8px 0; font-size: 10px; } /*** Body Content ***/ /* Sub Nav */ /* line 87, ../sass/_layout.scss */ #body > nav, * html #body nav { /* Hack for IE */ background: #eee; width: 14%; height: 495px; font: 12px HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-transform: uppercase; box-shadow: inset 0 4px 10px #333333; float: left; /* position: relative; z-index: 10; */ } /* line 101, ../sass/_layout.scss */ #body > nav li, * html #body nav li { /* height: 20px; */ padding: 20px 0 20px 8px; } /* line 104, ../sass/_layout.scss */ #body > nav li li > li, * html #body nav li li > li { padding: 20px 0 20px 8px; } /* line 107, ../sass/_layout.scss */ #body > nav li h3, * html #body nav li h3 { margin: 0; font-size: 14px; font-style: italic; font-family: HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; } /* line 116, ../sass/_layout.scss */ #body > nav li:first-child, * html #body nav li:first-child { padding: 10px 0 10px 8px; } /* line 119, ../sass/_layout.scss */ #body > nav a, * html #body nav a { color: #000; text-decoration: none; display: block; width: 100%; line-height: 12px; } /* line 126, ../sass/_layout.scss */ #body > nav a:hover, * html #body nav a:hover { color: #25aae1; } /* line 128, ../sass/_layout.scss */ #body > nav .on, * html #body nav .on { background: #fff; box-shadow: 0 0 5px #333333; /* box-shadow: -6px 0 5px #333; margin-right: -10px; Jeremy's pet peeve */ } /* line 134, ../sass/_layout.scss */ #body > nav .on a:hover, * html #body nav .on a:hover { color: #000; } /* line 137, ../sass/_layout.scss */ .oldie #body nav .on { position: relative; behavior: url(/site/templates/js/libs/pie/PIE.htc); } /* secondary nav */ /* line 142, ../sass/_layout.scss */ #sec-nav { height: 36px; border-top: 4px #e2e2e2 solid; clear: both; bottom: 0px; left: 0; z-index: 25; width: 107.5%; margin-left: -3.8%; } /* line 153, ../sass/_layout.scss */ #sec-nav ul { height: 36px; margin: 0; padding: 0; list-style: none; } /* line 157, ../sass/_layout.scss */ #sec-nav li { float: left; line-height: 36px; margin-left: 20px; } /* line 161, ../sass/_layout.scss */ #sec-nav li a { padding: 3px 5px; text-transform: uppercase; } /* line 165, ../sass/_layout.scss */ #sec-nav li.on a { color: #fff; text-decoration: none; background: #25aae1; box-shadow: 0 2px 5px #aaaaaa; } /* line 171, ../sass/_layout.scss */ #sec-nav li em { font-family: HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: italic; text-transform: uppercase; } /* line 30, ../sass/_var.scss */ #sec-nav ul li::before { content: ""; position: relative; left: 0; } /*** Scrollbar ***/ /* line 185, ../sass/_layout.scss */ .overview { list-style: none; position: relative; } /* line 186, ../sass/_layout.scss */ .scrollbar { /* variables for scroller */ position: relative; float: right; width: 10px; } /* line 195, ../sass/_layout.scss */ .scrollbar .track { background: #000; height: 100%; width: 1px; position: relative; left: 7px; } /* line 202, ../sass/_layout.scss */ .scrollbar .thumb { background: #25aae1; height: 30px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; /* minus half the width */ } /* line 212, ../sass/_layout.scss */ .scrollbar .thumb .end { background: #25aae1; overflow: hidden; height: 30px; width: 10px; } /* line 220, ../sass/_layout.scss */ .disable { display: none; } /*** Content section ***/ /* line 223, ../sass/_layout.scss */ #body { overflow: hidden; } /* line 225, ../sass/_layout.scss */ #body nav, #body #content-wrapper { padding-bottom: 2000px; margin-bottom: -1980px; } /* line 227, ../sass/_layout.scss */ #content-wrapper { width: 80%; background: #fff; float: left; padding: 3% 3% 1%; position: relative; z-index: 20; position: relative; } /* line 236, ../sass/_layout.scss */ #content-wrapper.wide { width: 94%; } /* line 239, ../sass/_layout.scss */ #content-wrapper.wide .overview, #content-wrapper.wide .viewport { width: 94% !important; } /* line 245, ../sass/_layout.scss */ .column { float: left; } /** Modules */ /*** Header ***/ /* Logo */ /* line 8, ../sass/_modules.scss */ #logo { width: 153px; height: 69px; background: url(img/logo.png); float: left; } /* line 13, ../sass/_modules.scss */ #logo a { height: 69px; } /* line 18, ../sass/_modules.scss */ header hgroup { padding-top: 10px; } /* line 21, ../sass/_modules.scss */ #tagline { float: left; font-size: 10px; line-height: 11px; color: #999; margin-top: 21px; text-transform: lowercase; } /* line 29, ../sass/_modules.scss */ #tagline strong { font-weight: normal; display: block; } /* line 35, ../sass/_modules.scss */ #search-form { float: right; padding-top: 10px; } /* line 38, ../sass/_modules.scss */ #search-form ul { margin: 0; padding: 0; list-style: none; } /*** Social ***/ /* line 44, ../sass/_modules.scss */ .social-links { overflow: hidden; } /* line 46, ../sass/_modules.scss */ .social-links ul { margin: 0; padding: 0; list-style: none; } /* line 50, ../sass/_modules.scss */ .social-links li { margin-right: 7px; } /* line 53, ../sass/_modules.scss */ .social-links a.ir { background-image: url(img/social-links.png); width: 21px; height: 21px; opacity: .7; border-radius: 3px; border: solid 1px #444444; } /* line 61, ../sass/_modules.scss */ .social-links a.ir:hover { opacity: 1; } /* line 65, ../sass/_modules.scss */ .social-links #links-fb a { background-position: 0 0; } /* line 66, ../sass/_modules.scss */ .social-links #links-twit a { background-position: -28px 0; } /* line 67, ../sass/_modules.scss */ .social-links #links-li a { background-position: -55px 0; } /* line 68, ../sass/_modules.scss */ .social-links #links-rss a { background-position: -82px 0; } /* line 71, ../sass/_modules.scss */ .addthis_toolbox { position: absolute; right: 10px; top: 15px; } /*** Search ***/ /* line 78, ../sass/_modules.scss */ #search-box { position: relative; margin-right: 10px; } /* line 82, ../sass/_modules.scss */ #search-box #q { width: 195px; height: 17px; padding: 2px 5px; box-shadow: inset 0 0 8px #cccccc; } /* line 88, ../sass/_modules.scss */ #search-box #search-btn { background: transparent url(img/search-btn.png) no-repeat center center; border: 0; border-left: solid 1px #cccccc; width: 27px; height: 23px; position: absolute; right: 0; top: 2px; cursor: pointer; } /* search-result */ /* line 102, ../sass/_modules.scss */ .search-result { padding: 1.5em 0 !important; border-bottom: solid 1px #cccccc; } /* line 107, ../sass/_modules.scss */ #links-login .btn { padding: 0; } /*** Navigation ***/ /* line 113, ../sass/_modules.scss */ header nav { clear: both; border-top: 1px solid #777777; border-bottom: 1px solid #777777; overflow: hidden; font: 14px HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; } /* line 120, ../sass/_modules.scss */ header nav li { padding: 6px 22px; } /* line 123, ../sass/_modules.scss */ header nav li:before { content: "/"; color: #777; position: relative; left: -21px; } /* line 129, ../sass/_modules.scss */ header nav li:first-child:before { content: ""; } /* line 132, ../sass/_modules.scss */ header nav li.on a { color: #fff; } /* line 135, ../sass/_modules.scss */ header nav a { text-decoration: none; color: #25aae1; text-transform: uppercase; } /* line 140, ../sass/_modules.scss */ header nav a:hover { color: #fff; } /* Video.js */ /* line 146, ../sass/_modules.scss */ .simple-video-wrapper { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); margin: 0 auto; position: relative; z-index: 2; } /* line 155, ../sass/_modules.scss */ .simple-video-overlay { background: rgba(0, 0, 0, 0.5) url(img/button.png) 50% 50% no-repeat; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; } /* line 167, ../sass/_modules.scss */ video { z-index: 1 !important; } /*** carousel ***/ /* line 172, ../sass/_modules.scss */ html[xmlns] .slides { display: block; } /* line 175, ../sass/_modules.scss */ * html .slides { height: 1%; } /* line 178, ../sass/_modules.scss */ .carousel { width: 100%; max-height: 380px; background: #000; position: relative; } /* line 190, ../sass/_modules.scss */ .carousel .flex-container a:active, .carousel .flexslider a:active, .carousel .flex-container a:focus, .carousel .flexslider a:focus { outline: none; } /* line 195, ../sass/_modules.scss */ .carousel .slides, .carousel .flex-control-nav, .carousel .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* line 200, ../sass/_modules.scss */ .carousel .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* line 204, ../sass/_modules.scss */ .carousel .flex-pauseplay span { text-transform: capitalize; } /* line 207, ../sass/_modules.scss */ .carousel .slideshow { width: 100% !important; /* Overide carousel js */ max-height: 380px; position: relative; margin: 0; padding: 0; } /* line 216, ../sass/_modules.scss */ .carousel .slideshow .slides img { width: 100%; display: block; } /* line 221, ../sass/_modules.scss */ .carousel .slideshow .slides li { float: left; width: 100%; max-height: 380px; position: relative; } /* line 227, ../sass/_modules.scss */ .carousel .slideshow .slides li .movie { position: absolute; left: 60px; top: 50px; z-index: 2; width: 45%; max-width: 480px; } /* line 235, ../sass/_modules.scss */ .carousel .slideshow .slides li .summary { position: absolute; left: 555px; top: 60px; z-index: 5; width: 400px; height: 360px; } /* line 242, ../sass/_modules.scss */ .carousel .slideshow .slides li .summary h1 { font-family: HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 40px; margin-bottom: 20px; } /* line 249, ../sass/_modules.scss */ .carousel .slideshow .slides li .summary p { font-size: 16px; } /* line 255, ../sass/_modules.scss */ .carousel .slideshow .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /*** Pagers ***/ /* line 267, ../sass/_modules.scss */ .flex-direction-nav > li a { position: absolute; z-index: 10; top: 164px; width: 40px; height: 46px; font-size: 11px; font-family: Arial; color: #fff; background: #25aae1; text-align: center; text-transform: lowercase; cursor: pointer; } /* line 280, ../sass/_modules.scss */ .flex-direction-nav > li a:hover { margin-top: -5px; } /* line 283, ../sass/_modules.scss */ .flex-direction-nav > li a:active { margin-top: 0px; } /* line 287, ../sass/_modules.scss */ .flex-prev { left: -10px; /* fold below the button */ } /* line 290, ../sass/_modules.scss */ .flex-prev:hover { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); } /* line 294, ../sass/_modules.scss */ .flex-prev:before { content: "\2039"; font-size: 40px; position: absolute; left: 12px; top: 12px; pointer-events: none; } /* line 304, ../sass/_modules.scss */ .flex-prev:after { content: ""; position: absolute; left: 0px; top: 46px; z-index: 5; border-color: #0d3e52 transparent transparent transparent; border-style: solid; border-width: 10px; border-right: 0; height: 0px; width: 0px; } /* line 319, ../sass/_modules.scss */ .flex-next { right: -10px; } /* line 322, ../sass/_modules.scss */ .flex-next:hover { box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5); } /* line 326, ../sass/_modules.scss */ .flex-next:before { content: "\203A"; font-size: 40px; position: absolute; right: 12px; top: 12px; pointer-events: none; } /* line 334, ../sass/_modules.scss */ .flex-next:after { content: ""; position: absolute; right: 0px; top: 46px; z-index: 5; border-color: #0d3e52 transparent transparent transparent; border-style: solid; border-width: 10px; border-left: 0; height: 0px; width: 0px; } /* line 350, ../sass/_modules.scss */ .pagers { position: absolute; z-index: 10; top: 164px; width: 40px; height: 46px; font-size: 11px; font-family: Arial; color: #fff; background: #25aae1; text-align: center; text-transform: lowercase; cursor: pointer; } /* line 364, ../sass/_modules.scss */ .pagers a { display: block; width: 40px; height: 46px; color: #fff; text-decoration: none; } /* line 371, ../sass/_modules.scss */ .pagers strong { visibility: hidden; } /* line 373, ../sass/_modules.scss */ .pagers:hover { margin-top: -5px; } /* line 376, ../sass/_modules.scss */ .pagers:active { margin-top: 0px; } /* line 380, ../sass/_modules.scss */ .p-next { right: 0; } /* line 383, ../sass/_modules.scss */ .p-next:hover { box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5); top: 162px; } /* line 387, ../sass/_modules.scss */ .p-next:before { content: "\203A"; font-size: 40px; position: absolute; right: 12px; top: 12px; pointer-events: none; } /* line 395, ../sass/_modules.scss */ .p-next:after { content: ""; position: absolute; right: 0px; top: 46px; z-index: 5; border: 0; height: 0px; width: 0px; } /* Ad product pagers */ /* line 410, ../sass/_modules.scss */ #content figure img { border: solid 1px #dddddd; } /* line 413, ../sass/_modules.scss */ #content .pagers strong { visibility: visible; line-height: 76px; pointer-events: none; } /* line 418, ../sass/_modules.scss */ #content #next { right: -40px; top: 110px; position: absolute; z-index: 10; width: 40px; height: 46px; font-size: 11px; font-family: Arial; color: #fff; background: #25aae1; text-align: center; text-transform: lowercase; cursor: pointer; } /* line 432, ../sass/_modules.scss */ #content #next:hover { margin-top: -5px; } /* line 435, ../sass/_modules.scss */ #content #next:active { margin-top: 0px; } /* line 438, ../sass/_modules.scss */ #content #next > a { display: block; } /* line 442, ../sass/_modules.scss */ #content #next:before { content: "\203A"; font-size: 40px; position: absolute; right: 12px; top: 12px; pointer-events: none; } /* line 450, ../sass/_modules.scss */ #content #next:after { content: ""; position: absolute; right: 0px; top: 46px; z-index: 5; border: 0; height: 0px; width: 0px; } /* line 462, ../sass/_modules.scss */ #content #prev { right: -30px; top: 165px; position: absolute; z-index: 10; width: 40px; height: 46px; font-size: 11px; font-family: Arial; color: #fff; background: #25aae1; text-align: center; text-transform: lowercase; cursor: pointer; } /* line 476, ../sass/_modules.scss */ #content #prev:hover { margin-top: -5px; } /* line 479, ../sass/_modules.scss */ #content #prev:active { margin-top: 0px; } /* line 482, ../sass/_modules.scss */ #content #prev > a { display: block; } /* line 485, ../sass/_modules.scss */ #content #prev:before { content: "\2039"; font-size: 40px; position: absolute; right: 12px; top: 12px; pointer-events: none; } /* line 493, ../sass/_modules.scss */ #content #prev:after { content: ""; position: absolute; right: 0px; top: 46px; z-index: 5; border: 0; height: 0px; width: 0px; } /* line 507, ../sass/_modules.scss */ #content .pagers#next { right: -32px; } /* line 511, ../sass/_modules.scss */ #content .pagers#prev { right: -32px; } /*** Make it easy ***/ /* line 519, ../sass/_modules.scss */ #make { color: #fff; overflow: hidden; padding: 20px 0 30px; } /* line 524, ../sass/_modules.scss */ #make .col { float: left; padding: 0 1.5%; margin: 0; width: 22%; position: relative; min-height: 100px; background-image: -moz-radial-gradient(-30px center, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 20%); background-image: -webkit-radial-gradient(-30px center, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 20%); background-image: -o-radial-gradient(-30px center, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 20%); background-image: -ms-radial-gradient(-30px center, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 20%); background-image: radial-gradient(-30px center, circle farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 20%); } /* line 538, ../sass/_modules.scss */ #make .col:after { content: ''; height: 100%; border-left: 1px solid #363535; display: block; position: absolute; left: 0; top: 0; } /* line 548, ../sass/_modules.scss */ #make .col-1, #make .col-2, #make .col-3 { line-height: 1.4em; text-transform: uppercase; font-family: HelveticaNeueLt, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; } /* line 555, ../sass/_modules.scss */ #make .col-3 img:first-child { margin-bottom: 1em; } /* line 559, ../sass/_modules.scss */ #make h2 { font-size: 18px; color: white; } /* line 562, ../sass/_modules.scss */ #make h2:after { border: none !important; } /* line 566, ../sass/_modules.scss */ #make h2 strong { color: #25aae1; display: block; font-weight: normal; font-size: 35px; line-height: 1.1em; } /* line 573, ../sass/_modules.scss */ #make h3 { font-size: 13px; color: #25aae1; line-height: .9em; margin-top: .4em; } /* line 580, ../sass/_modules.scss */ #make p { margin: 10px 0; } /* line 582, ../sass/_modules.scss */ #make .linkout { color: #ccc; } /* line 19, ../sass/_var.scss */ #make .linkout:hover { color: #25aae1; } /*** What's New Nav ***/ /* line 589, ../sass/_modules.scss */ #whatsnew { position: relative; margin-top: 30px; } /* line 592, ../sass/_modules.scss */ #whatsnew a { text-decoration: none; } /* line 594, ../sass/_modules.scss */ #whatsnew a:hover { box-shadow: 0 0 10px white; } /* line 598, ../sass/_modules.scss */ #whatsnew h2 { font: 18px HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-align: center; margin-bottom: 15px; } /* line 604, ../sass/_modules.scss */ #whatsnew ul { margin: 0; padding: 0; list-style: none; } /* line 607, ../sass/_modules.scss */ #whatsnew #new { overflow: hidden; width: 100%; } /* line 613, ../sass/_modules.scss */ #whatsnew #new li a { display: block; float: left; text-align: center; width: 13%; margin: 0 0.6%; position: relative; height: 95px; overflow: hidden; } /* line 622, ../sass/_modules.scss */ #whatsnew #new li a img { max-width: 100%; height: auto; display: block; margin: 0 auto; } /* line 630, ../sass/_modules.scss */ #whatsnew #new h3 { font: 12px HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; padding: 5px 0; margin: 0; background: rgba(37, 170, 225, 0.9); position: absolute; bottom: 0; width: 100%; } /*** Content section ***/ /* line 645, ../sass/_modules.scss */ #content figure { margin: 0 20px 20px 0; } /* line 648, ../sass/_modules.scss */ #content figure figcaption { font-style: italic; color: #555; } /* line 654, ../sass/_modules.scss */ .archive { margin: 0; overflow: hidden; } /* line 659, ../sass/_modules.scss */ .viewport iframe { margin: 20px 0; } /* line 662, ../sass/_modules.scss */ .viewport img { max-width: 100%; height: auto; } /* line 668, ../sass/_modules.scss */ .item-list { /* overflow: hidden; */ } /* line 671, ../sass/_modules.scss */ .item-list article { padding: 10px 0 15px; clear: both; } /* line 674, ../sass/_modules.scss */ .item-list article a { text-decoration: none; } /* line 678, ../sass/_modules.scss */ .item-list h2 { font: 20px HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; margin: 0 0 0 105px; /* text-overflow for when title get's too wide */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 580px; } /* line 688, ../sass/_modules.scss */ .item-list p { margin: 0 0 0 105px; } /* line 691, ../sass/_modules.scss */ .item-list p.count { margin: 0 0 20px; padding: 0 10px; line-height: 20px; } /* line 697, ../sass/_modules.scss */ .item-list img { float: left; margin: 0 10px 10px 0; } /* line 701, ../sass/_modules.scss */ .item-list .linkout { color: #000; } /* line 19, ../sass/_var.scss */ .item-list .linkout:hover { color: #25aae1; } /* line 705, ../sass/_modules.scss */ .item-list .date { float: right; margin: -17px 0 0; padding-right: 3px; color: #999; font-style: italic; } /* Pagination */ /* line 715, ../sass/_modules.scss */ #pagination { position: absolute; bottom: -10px; left: 20px; width: 800px; } /* line 30, ../sass/_var.scss */ #pagination ul li::before { content: ""; position: relative; left: 0; } /* line 722, ../sass/_modules.scss */ #pagination ul { margin: 0; padding: 0; list-style: none; } /* line 727, ../sass/_modules.scss */ ul.MarkupPagerNav { clear: both; font-family: Arial, sans-serif; } /* line 731, ../sass/_modules.scss */ ul.MarkupPagerNav li { display: inline; margin: 0; } /* line 737, ../sass/_modules.scss */ ul.MarkupPagerNav li a, ul.MarkupPagerNav li.MarkupPagerNavSeparator { display: block; float: left; padding: 2px 9px; color: #fff; background: #2f4248; margin-right: 3px; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; } /* line 751, ../sass/_modules.scss */ ul.MarkupPagerNav li.MarkupPagerNavOn a, ul.MarkupPagerNav li a:hover { color: #fff; background: #25aae1; text-decoration: none; } /* line 757, ../sass/_modules.scss */ ul.MarkupPagerNav li.MarkupPagerNavSeparator { display: inline; color: #777; background: #d2e4ea; padding-left: 3px; padding-right: 3px; } /* line 768, ../sass/_modules.scss */ #ad-products .inst { font-style: italic; font-size: 16px; text-align: right; color: #999; padding: 20px 0; } /* line 775, ../sass/_modules.scss */ #ad-products .column ul { margin: 20px 0 0 10px; padding-left: 20px; font-size: 14px; font-weight: normal; } /* line 781, ../sass/_modules.scss */ #ad-products .column ul li { position: relative; padding: 5px 0; } /* line 786, ../sass/_modules.scss */ #ad-products .column ul li:before { content: "\2013"; position: absolute; left: -15px; color: #25aae1; } /* line 795, ../sass/_modules.scss */ #ad-products div.column { width: 35%; } /* line 798, ../sass/_modules.scss */ #ad-products aside.column { margin-left: 5%; width: 60%; text-align: center; } /* line 802, ../sass/_modules.scss */ #ad-products aside.column img { margin: 0 10px 0 0; display: block; max-width: 100%; height: auto; float: left; } /* line 809, ../sass/_modules.scss */ #ad-products aside.column .demo-ipad { margin: 0 0 0 80px; } /* line 815, ../sass/_modules.scss */ #ad-products aside.column.single div.portrait { margin: 0 0 0 110px; } /* line 819, ../sass/_modules.scss */ #ad-products aside.column .landscape { width: 100%; height: 220px; float: left; position: relative; } /* line 825, ../sass/_modules.scss */ #ad-products aside.column .landscape iframe { max-width: 260px; width: 260px; height: 175px; position: absolute; left: 17.5%; top: 6%; } /* line 834, ../sass/_modules.scss */ #ad-products aside.column .portrait { width: 220px; height: 400px; float: left; position: relative; } /* line 840, ../sass/_modules.scss */ #ad-products aside.column .portrait iframe { width: 175px; height: 260px; position: absolute; left: 16px; top: 70px; } /* line 848, ../sass/_modules.scss */ #ad-products aside.column .iphone.landscape { background: url(img/mobiles/i-landscape.png) no-repeat 0 0; background-size: 100%; max-width: 399px; } /* line 853, ../sass/_modules.scss */ #ad-products aside.column .iphone.portrait { background: url(img/mobiles/i-portrait.png) no-repeat 0 0; } /* line 856, ../sass/_modules.scss */ #ad-products aside.column .ipad.landscape { background: url(img/mobiles/ip-landscape.png) no-repeat 0 0; height: 314px; } /* line 860, ../sass/_modules.scss */ #ad-products aside.column .ipad.landscape iframe { width: 322px; max-width: 322px; height: 244px; position: absolute; left: 39px; top: 36px; } /* line 869, ../sass/_modules.scss */ #ad-products aside.column .ipad.portrait { background: url(img/mobiles/ip-portrait.png) no-repeat 0 0; width: 314px; } /* line 873, ../sass/_modules.scss */ #ad-products aside.column .ipad.portrait iframe { width: 244px; height: 322px; position: absolute; left: 36px; top: 39px; } /* line 881, ../sass/_modules.scss */ #ad-products aside.column .android.landscape { background: url(img/mobiles/a-landscape.png) no-repeat 0 0; } /* line 884, ../sass/_modules.scss */ #ad-products aside.column .android.portrait { background: url(img/mobiles/a-portrait.png) no-repeat 0 0; } /* line 890, ../sass/_modules.scss */ .play-btn { background: #25aae1; color: #fff; text-decoration: none; box-shadow: 0 0 5px #aaaaaa; margin: 20px 0 0; padding: 5px 10px; float: left; font-size: 12px; -webkit-animation: fading 3s infinite; -moz-animation: fading 3s infinite; -o-animation: fading 3s infinite; animation: fading 3s infinite; } @-webkit-keyframes fading { /* line 906, ../sass/_modules.scss */ 0% { box-shadow: 0 0 5px #aaaaaa; } /* line 907, ../sass/_modules.scss */ 50% { box-shadow: 0 0 15px #888888; } /* line 908, ../sass/_modules.scss */ 0% { box-shadow: 0 0 5px #aaaaaa; } } /* line 911, ../sass/_modules.scss */ #management #content-wrapper { background: white url(img/about/management.jpg) no-repeat 0 14%; } /* #board #content-wrapper{ background: #fff url(img/about/board.png) no-repeat 85px 230px; } #investors #content-wrapper{ background: #fff url(img/about/invest.png) no-repeat 85px 230px; } */ /* line 924, ../sass/_modules.scss */ #press .overview { width: 100%; } /* line 926, ../sass/_modules.scss */ #press .overview article { clear: both; position: relative; overflow: hidden; } /* line 931, ../sass/_modules.scss */ #press .overview a { text-decoration: none; } /* line 934, ../sass/_modules.scss */ #press .overview .date { width: 10%; float: right; margin: 0; padding: 0; } /* line 940, ../sass/_modules.scss */ #press .overview img { width: 12%; margin: 0 2% 2% 0; } /* line 944, ../sass/_modules.scss */ #press .overview h2 { float: left; white-space: normal; margin: 0; width: 75%; } /* line 954, ../sass/_modules.scss */ .list-page .column { width: 48%; float: left; } /* line 957, ../sass/_modules.scss */ .list-page .column + .column { float: right; } /* line 962, ../sass/_modules.scss */ .list-page .about-list { margin: 0; padding: 0; } /* line 966, ../sass/_modules.scss */ .list-page .about-list li { background: #fff; box-shadow: inset 0 0 8px #888888; margin: 0 0 15px; } /* line 971, ../sass/_modules.scss */ .list-page .about-list li a { text-decoration: none; display: block; padding: 13px 10px; font-size: 18px; } /* line 976, ../sass/_modules.scss */ .list-page .about-list li a strong { font-weight: normal; } /* line 979, ../sass/_modules.scss */ .list-page .about-list li a em { font: 14px HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; float: right; text-transform: uppercase; width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; } /* line 30, ../sass/_var.scss */ #content-wrapper aside.column ul li::before { content: ""; position: relative; left: 0; } /* line 997, ../sass/_modules.scss */ .oldie #about-us .about-list li { overflow: hidden; padding: 0 10px 13px; box-shadow: 0 0 8px #888888; position: relative; behavior: url(/site/templates/js/libs/pie/PIE.htc); } /* line 1003, ../sass/_modules.scss */ .oldie #about-us .about-list li strong { float: left; } /* line 1007, ../sass/_modules.scss */ #report-findings { overflow: hidden; } /* line 1010, ../sass/_modules.scss */ #report-findings #key-findings { width: 60%; background: #fff; box-shadow: inset 0 0 8px #888888; } /* line 1015, ../sass/_modules.scss */ #report-findings #key-findings h2 { background: #000; font-size: 25px; padding: 10px; font-family: HelveticaNeueBdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; } /* line 1021, ../sass/_modules.scss */ #report-findings #key-findings p { margin-left: 25px; } /* line 1024, ../sass/_modules.scss */ #report-findings #key-findings .btn { width: 150px; } /* line 1028, ../sass/_modules.scss */ #report-findings #key-findings ul { margin: 20px 15px; padding-left: 20px; list-style: none; } /* line 1032, ../sass/_modules.scss */ #report-findings #key-findings ul li { position: relative; font-size: 14px; margin-bottom: 20px; color: #666; } /* line 1038, ../sass/_modules.scss */ #report-findings #key-findings ul li:before { content: "\2013"; position: absolute; left: -15px; color: #25aae1; } /* line 1047, ../sass/_modules.scss */ #report-findings #list-reports { width: 35%; margin: 0; padding: 0; list-style: none; margin-left: 5%; } /* line 1052, ../sass/_modules.scss */ #report-findings #list-reports li { background: #25aae1; box-shadow: inset 0 0 8px #888888; margin: 0 0 13px; } /* line 1057, ../sass/_modules.scss */ #report-findings #list-reports li:hover { background: rgba(37, 170, 225, 0.7); } /* line 1059, ../sass/_modules.scss */ #report-findings #list-reports li a { text-decoration: none; text-align: center; text-transform: uppercase; display: block; padding: 10px; font-size: 12px; color: #fff; } /* line 30, ../sass/_var.scss */ #report-findings ul li::before { content: ""; position: relative; left: 0; } /* IE fix */ /* line 1077, ../sass/_modules.scss */ .oldie #report-findings #key-findings { box-shadow: 0 0 8px #888888; position: relative; behavior: url(/site/templates/js/libs/pie/PIE.htc); } /*** Contact ***/ /* line 1083, ../sass/_modules.scss */ #contact #content-wrapper { /* width: 940px; */ } /* line 1085, ../sass/_modules.scss */ #contact #content-wrapper hgroup { margin-bottom: 10px; } /* line 1090, ../sass/_modules.scss */ hr { clear: both; border: 0; border-top: solid 1px #aaaaaa; margin: 0 0 20px; } /* Contact form */ /* line 1098, ../sass/_modules.scss */ #contact-us { width: 48%; float: left; margin-right: 2%; } /* line 1103, ../sass/_modules.scss */ #contact-us div.column { width: 210px; /* height: 165px; */ } /* line 1107, ../sass/_modules.scss */ #contact-us div.column label { display: none; } /* line 1110, ../sass/_modules.scss */ #contact-us div.column select, #contact-us div.column input { width: 210px; margin-bottom: 10px; } /* line 1115, ../sass/_modules.scss */ #contact-us div.column input { width: 198px; padding: 4px 5px; border: solid 1px #aaaaaa; } /* line 1121, ../sass/_modules.scss */ #contact-us div.column textarea { width: 210px; height: 188px; border: solid 1px #aaaaaa; } /* line 1127, ../sass/_modules.scss */ #contact-us div.column:first-child { margin-right: 10px; } /* line 1131, ../sass/_modules.scss */ #contact-us .submit { clear: both; } /* line 1134, ../sass/_modules.scss */ #contact-us .submit input { float: right; text-transform: uppercase; color: #25aae1; padding: 0; background: transparent; border: 0; cursor: pointer; font-size: 20px; } /* line 1144, ../sass/_modules.scss */ #contact-us .submit input:hover { color: #000; } /* line 1151, ../sass/_modules.scss */ #map { float: left; width: 23%; overflow: hidden; margin-bottom: 15px; border: solid 1px #cccccc; } /* line 1158, ../sass/_modules.scss */ #map iframe { margin: 0; padding: 0; } /* line 1164, ../sass/_modules.scss */ #hcard-headquaters { text-align: right; width: 24%; overflow: hidden; margin-right: 2%; } /* line 1170, ../sass/_modules.scss */ #hcard-national { float: left; width: 70%; } /* line 1173, ../sass/_modules.scss */ #hcard-national h1 { font-size: 18px; } /* line 1175, ../sass/_modules.scss */ .vcard { float: left; position: relative; /* .directions { border-top: $border; position: absolute; bottom: -37px; right: 0; width: 210px; text-transform: uppercase; a{ text-decoration: none;} } */ } /* line 1181, ../sass/_modules.scss */ .vcard h1, .vcard h2, .vcard h2 a { font-size: 18px; text-decoration: none; } /* line 1186, ../sass/_modules.scss */ .vcard h2 span, .vcard h2 span a { font-size: 12px; } /* line 1189, ../sass/_modules.scss */ .vcard .street-address { display: block; } /* line 1192, ../sass/_modules.scss */ .vcard .tel { margin-bottom: 0; } /* line 1207, ../sass/_modules.scss */ .office { margin: 10px 45px 0 0; /* margin:25px 25px 0 0; */ } /* line 1212, ../sass/_modules.scss */ #contact-key { /* clear: left; */ float: left; width: 24%; border-left: solid 1px #aaaaaa; padding-left: 5%; } /* line 1219, ../sass/_modules.scss */ #contact-key h3 { font-size: 18px; line-height: 20px; margin-bottom: 0; text-transform: uppercase; } /* line 1225, ../sass/_modules.scss */ #contact-key p { margin-bottom: 5px; } /* Demo Videos */ /* line 1232, ../sass/_modules.scss */ #demo #content, #demo #content-wrapper { height: auto; clear: both; } /* line 1236, ../sass/_modules.scss */ #demo #iframe { padding: 40px 0; text-align: center; } /* line 1241, ../sass/_modules.scss */ #demo #iframe iframe { margin: 0 auto; border-radius: 32px; box-shadow: 0px 10px 40px black; } /* Blog */ /* line 1251, ../sass/_modules.scss */ #blog #content, #blog #content-wrapper { height: auto; clear: both; } /* line 1255, ../sass/_modules.scss */ #blog footer { margin-top: 0px; clear: both; } /* line 1260, ../sass/_modules.scss */ #blog .archive { bottom: auto; top: 10px; } /* line 1262, ../sass/_modules.scss */ #blog #pagination { position: relative; bottom: 0; left: 0; margin-top: 40px; } /* line 1269, ../sass/_modules.scss */ #blog #pagination p { margin: 0; } /* line 1271, ../sass/_modules.scss */ #blog hgroup h2 { padding-right: 100px; } /* line 1273, ../sass/_modules.scss */ #blog #whatsnew { margin: 10px 0 -10px; } /* line 1275, ../sass/_modules.scss */ #blog #whatsnew h2 { text-align: left; width: auto; padding-left: 10px; } /* line 1281, ../sass/_modules.scss */ #blog p { font-size: 1.3em; color: #444; } /* line 1282, ../sass/_modules.scss */ #blog .date { color: #999; } /* line 1284, ../sass/_modules.scss */ #blog .pager { width: 45%; float: left; border-top: solid 1px #25aae1; padding: 20px 10px; margin: 50px 0 0; } /* line 1292, ../sass/_modules.scss */ #blog #next { float: right; text-align: right; } /* line 1296, ../sass/_modules.scss */ #blog .item-list img, #blog .item-list .date { float: none; } /* line 1298, ../sass/_modules.scss */ #blog .item-list .thumb { float: left!important; } /* line 1299, ../sass/_modules.scss */ #blog .item-list h2 { font-size: 28px; width: auto; margin-left: 0; } /* line 1300, ../sass/_modules.scss */ #blog .item-list h6 { font-size: 1.2em; padding: 4px; } /* line 1301, ../sass/_modules.scss */ #blog .item-list p { margin: 0 0 10px; } /* line 1302, ../sass/_modules.scss */ #blog .item-list .story-meta { margin: 0 0 10px; } /* line 1303, ../sass/_modules.scss */ #blog .item-list .date { font-style: normal; margin: 0; } /* line 1304, ../sass/_modules.scss */ #blog .item-list .linkout { float: left; margin-top: 10px; } /* line 1311, ../sass/_modules.scss */ #careers aside.column { margin: 0 0 0 20px; } /* line 30, ../sass/_var.scss */ #careers aside.column ul li::before { content: ""; position: relative; left: 0; } /* line 1318, ../sass/_modules.scss */ #careers .about-list li { background: #fff; box-shadow: inset 0 0 8px #888888; margin: 0 0 15px; position: relative; } /* line 1324, ../sass/_modules.scss */ #careers .about-list li a { text-decoration: none; display: block; padding: 8px 10px; overflow: hidden; font-size: 16px; line-height: 14px; } /* line 1331, ../sass/_modules.scss */ #careers .about-list li a strong { display: block; margin-bottom: 3px; font-weight: normal; } /* line 1336, ../sass/_modules.scss */ #careers .about-list li a em { font: 12px HelveticaNeueMdCn, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; text-align: left; display: block; text-transform: uppercase; float: none; } /* line 1345, ../sass/_modules.scss */ #careers .about-list li a:hover { color: #25aae1; } /* iPads (landscape) ----------- */ @media only screen and (max-width: 1024px) { /* line 5, ../sass/_media.scss */ #wrapper { width: 98%; } /* line 6, ../sass/_media.scss */ #management #content-wrapper { background-position: 0 19%; } /* line 7, ../sass/_media.scss */ header { height: auto; } /* line 9, ../sass/_media.scss */ header nav li { width: 31%; padding: 15px 0 0 0; text-align: center; font-size: 16px; } /* line 15, ../sass/_media.scss */ header nav li:before { content: ""; } /* line 17, ../sass/_media.scss */ header nav li:nth-child(3n+1) { text-align: left; padding-left: 15px; } /* line 21, ../sass/_media.scss */ header nav li:nth-child(3n+3) { text-align: right; padding-right: 15px; } /* line 29, ../sass/_media.scss */ ul.clearfix { padding-bottom: 15px; } /* line 31, ../sass/_media.scss */ .flex-direction-nav > li a { position: absolute; z-index: 10; top: 95px; } /* ========== INNER PAGE STYLES ========== */ /* line 41, ../sass/_media.scss */ #body > nav, * html #body nav { width: 18%; } /* line 42, ../sass/_media.scss */ #content-wrapper { width: 76%; } /* line 44, ../sass/_media.scss */ #content #next { right: -4%; top: 10px; } /* line 47, ../sass/_media.scss */ #content #next:after { display: none; } /* ==== About us ==== */ /* line 58, ../sass/_media.scss */ .list-page .about-list li a strong { margin: 0 0 3px; display: block; } /* line 59, ../sass/_media.scss */ .list-page .about-list li a em { float: none; display: block; } /* line 63, ../sass/_media.scss */ #hcard-national { width: 100%; } /* line 66, ../sass/_media.scss */ #contact-key { width: 100%; padding: 0; border: none; margin: 15px 0; } /* line 75, ../sass/_media.scss */ #content .pagers#next { right: -27px; } /* line 78, ../sass/_media.scss */ #content .pagers#prev { right: -27px; top: 60px; } /* line 87, ../sass/_media.scss */ #ad-products .play-btn { display: none; } /* line 90, ../sass/_media.scss */ #ad-products aside.column .portrait, #ad-products aside.column img { margin: 0 auto; float: none; } /* line 95, ../sass/_media.scss */ #ad-products aside.column .landscape { width: 364px; height: 220px; float: none; margin: 10px auto 0 auto; position: relative; } /* line 102, ../sass/_media.scss */ #ad-products aside.column .landscape iframe { width: 228px; height: 152px; position: absolute; left: 15.5%; top: 4.5%; } /* line 111, ../sass/_media.scss */ #ad-products aside.column .iphone.landscape { background-size: 95%; max-width: 364px; } } /* Smartphones (landscape phone and tablets) ----------- */ @media only screen and (max-width: 767px) { /* line 124, ../sass/_media.scss */ body { background-image: none; } /* line 125, ../sass/_media.scss */ .flex-direction-nav > li a { top: 75px; } /* line 127, ../sass/_media.scss */ .flex-direction-nav > li a.flex-next { right: 0; } /* line 128, ../sass/_media.scss */ .flex-direction-nav > li a.flex-prev { left: 0; } /* line 129, ../sass/_media.scss */ .flex-direction-nav > li a:after { content: none; } /* line 133, ../sass/_media.scss */ #make .col { width: 46%; padding: 15px 2%; background: none; } /* line 137, ../sass/_media.scss */ #make .col:after { border: none; } /* line 141, ../sass/_media.scss */ #whatsnew #new li a { width: 23%; margin: 0 1% 20px; } /* ========== INNER PAGE STYLES ========== */ /* line 147, ../sass/_media.scss */ #body > nav, * html #body nav { width: 28%; } /* line 148, ../sass/_media.scss */ #content-wrapper { width: 66%; } /* line 152, ../sass/_media.scss */ #content .pagers#next { right: -26px; } /* line 155, ../sass/_media.scss */ #content .pagers#prev { right: -26px; top: 60px; } /* ========== Mobile Reports =============== */ /* line 167, ../sass/_media.scss */ #report-findings #key-findings { width: 100%; } /* line 168, ../sass/_media.scss */ #report-findings #list-reports { margin: 10px 0 0; width: 100%; } /* line 171, ../sass/_media.scss */ #press .overview img { width: 33%; float: left; } /* line 172, ../sass/_media.scss */ #press .overview h2 { width: 65%; } /* line 173, ../sass/_media.scss */ #press .overview .date { float: left; } /* line 175, ../sass/_media.scss */ .list-page .column { width: 100%; } /* ==== About us ==== */ /* line 180, ../sass/_media.scss */ #management #content-wrapper { background: #FFFFFF; } /* line 183, ../sass/_media.scss */ #press .overview h2 { width: 60%; font-size: 1.3em; border-left: 1px solid #d5d5d5; padding: 0 0 0 0.5em; line-height: 1.1em; color: #333333; } /* line 191, ../sass/_media.scss */ #press .overview .date { float: left; padding: 0 0 0 0.5em; } /* line 192, ../sass/_media.scss */ #press .overview article { background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#f9f9f9), to(#ededed)); background-color: #F6F6F6; border: 1px solid #d5d5d5; padding: 0.6em; margin: 0 0 0.9em; } /* line 199, ../sass/_media.scss */ #press .overview article:first-child { padding-bottom: 0; } /* line 200, ../sass/_media.scss */ #press .overview article:last-child { margin-bottom: 50px; } /* line 204, ../sass/_media.scss */ #ad-products div.column { width: 90%; } /* line 205, ../sass/_media.scss */ #ad-products aside.column { width: 90%; margin: 10px 0; overflow: hidden; } /* line 209, ../sass/_media.scss */ #ad-products aside.column .portrait, #ad-products aside.column img { margin: 0 auto; float: none; } /* line 215, ../sass/_media.scss */ #content #next { right: -4.5%; } /* line 218, ../sass/_media.scss */ #sec-nav { width: 108.5%; margin-left: -4.2%; background: #fff; height: auto; overflow: hidden; } /* line 225, ../sass/_media.scss */ #contact-us { width: 30%; } /* line 228, ../sass/_media.scss */ #hcard-headquaters { width: 34%; } /* line 231, ../sass/_media.scss */ #map { width: 31%; } /* line 234, ../sass/_media.scss */ #contact-us div.column { width: 100%; } /* line 236, ../sass/_media.scss */ #contact-us div.column input { width: 100%; padding: 4px 0px; text-indent: 5px; } /* line 241, ../sass/_media.scss */ #contact-us div.column textarea { width: 100%; } /* line 247, ../sass/_media.scss */ #ad-products .play-btn { display: none; } /* line 250, ../sass/_media.scss */ #ad-products aside.column .portrait, #ad-products aside.column img { margin: 0 auto; float: none; } /* line 255, ../sass/_media.scss */ #ad-products aside.column .landscape { width: 364px; height: 220px; float: none; margin: 10px auto 0 auto; position: relative; } /* line 262, ../sass/_media.scss */ #ad-products aside.column .landscape iframe { width: 228px; height: 152px; position: absolute; left: 15.5%; top: 4.5%; } /* line 271, ../sass/_media.scss */ #ad-products aside.column .iphone.landscape { background-size: 95%; max-width: 364px; } } @media only screen and (min-width: 481px) and (max-width: 600px) { /* line 285, ../sass/_media.scss */ header nav ul.clearfix { padding: 0 15px 15px; background: #282828; } /* line 289, ../sass/_media.scss */ header nav ul.clearfix > li { width: 50%; padding: 15px 0 0 0; text-align: left; } /* line 294, ../sass/_media.scss */ header nav ul.clearfix > li:nth-child(2n) { text-align: right; } /* line 298, ../sass/_media.scss */ header nav ul.clearfix > li a { color: #FFFFFF; } /* line 301, ../sass/_media.scss */ #search-form ul.top_nav > li { float: none; margin: 0 0 10px; } /* line 302, ../sass/_media.scss */ #contact-us { width: 100%; margin: 20px 0 10px; } /* line 306, ../sass/_media.scss */ #hcard-headquaters, #map { width: 46%; margin: 0 1% 20px; } /* line 313, ../sass/_media.scss */ #content .pagers#next { right: -18px; } /* line 316, ../sass/_media.scss */ #content .pagers#prev { right: -18px; top: 60px; } /* line 324, ../sass/_media.scss */ .play-btn { display: none; } /* === About us === */ /* line 330, ../sass/_media.scss */ .viewport img { float: none; display: block; margin: 0 0 1.5em; } /* line 335, ../sass/_media.scss */ #ad-products aside.column.single div.portrait { margin-left: 10%; } /* line 341, ../sass/_media.scss */ #ad-products aside.column .portrait, #ad-products aside.column img { margin: 0 auto; float: none; } /* line 346, ../sass/_media.scss */ #ad-products aside.column .landscape { width: 321px; height: 220px; float: none; margin: 10px auto 0 auto; position: relative; } /* line 353, ../sass/_media.scss */ #ad-products aside.column .landscape iframe { width: 182px; height: 118px; position: absolute; left: 15.5%; top: 4.5%; } /* line 362, ../sass/_media.scss */ #ad-products aside.column .iphone.landscape { background-size: 95%; max-width: 288px; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width: 480px) { /* ========= homePage ======= */ /* line 379, ../sass/_media.scss */ body { background: url(img/bg.png) transparent; } /* line 383, ../sass/_media.scss */ #body { overflow: hidden; } /* line 385, ../sass/_media.scss */ #body nav, #body #content-wrapper { padding-bottom: 0; margin-bottom: 0; } /* line 386, ../sass/_media.scss */ #body #content-wrapper { padding-bottom: 20px; } /* line 388, ../sass/_media.scss */ #wrapper { width: 100%; } /* line 390, ../sass/_media.scss */ header { margin: 0; min-height: 50px; margin: 0 0 30px; position: relative; z-index: 22; } /* line 397, ../sass/_media.scss */ header hgroup { padding-top: 10px; position: absolute; z-index: 99; } /* line 403, ../sass/_media.scss */ header nav { border: none; padding: 15px; } /* line 407, ../sass/_media.scss */ header nav ul.clearfix { position: absolute; z-index: 1; display: none; top: 80px; left: 0; width: 85%; padding: 20px 0; background: #282828; -webkit-box-shadow: 8px 7px 14px -4px rgba(0, 0, 0, 0.5); box-shadow: 8px 7px 14px -4px rgba(0, 0, 0, 0.5); } /* line 418, ../sass/_media.scss */ header nav ul.clearfix li { width: 94%; text-align: left; border-bottom: 1px solid #353333; padding: 0; } /* line 423, ../sass/_media.scss */ header nav ul.clearfix li > a { width: 100%; padding: 4%; display: block; font-size: 18px; } /* line 19, ../sass/_var.scss */ header nav ul.clearfix li > a:hover { color: #25aae1; } /* line 429, ../sass/_media.scss */ header nav ul.clearfix li > a + li { border-top: 1px solid #1a1a1a; } /* line 432, ../sass/_media.scss */ header nav ul.clearfix li > a:last-child { border-bottom: none; } /* line 438, ../sass/_media.scss */ header nav a#pull { display: block; background-color: #111111; position: absolute; text-indent: -9999px; right: 0; width: 100%; height: 80px; top: 0; z-index: 3; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6); } /* line 451, ../sass/_media.scss */ header nav a#pull:after { content: ""; background: url("img/nav-icon.png") no-repeat; width: 47px; height: 35px; display: inline-block; position: absolute; right: 15px; top: 20px; } /* line 464, ../sass/_media.scss */ #content-wrapper.wide { overflow: hidden; } /* line 465, ../sass/_media.scss */ #tagline strong { display: inline; } /* line 467, ../sass/_media.scss */ #search-form { display: none; } /* line 469, ../sass/_media.scss */ #search-form ul.top_nav > li { float: none; margin: 0 0 10px; } /* line 470, ../sass/_media.scss */ #search-form ul.top_nav > li + li { display: none; } /* line 473, ../sass/_media.scss */ .flex-direction-nav > li a { display: none; } /* line 475, ../sass/_media.scss */ .play-btn { display: none; } /* line 479, ../sass/_media.scss */ #content .pagers#next { right: -13px; } /* line 482, ../sass/_media.scss */ #content .pagers#prev { right: -13px; top: 60px; } /* line 491, ../sass/_media.scss */ #make .col { width: 96%; border-bottom: 1px solid #363535; } /* line 497, ../sass/_media.scss */ #whatsnew #new li a { width: 30%; margin: 0 1% 20px; } /* ========== INNER PAGE ========== */ /* line 506, ../sass/_media.scss */ #body > nav { float: none; width: 100%; height: auto; padding-top: 15px; } /* line 512, ../sass/_media.scss */ #body > nav li:first-child { padding: 10px 0 0px 8px; } /* line 517, ../sass/_media.scss */ #content-wrapper { width: 90%; margin: 10px auto 0; float: none; overflow: hidden; } /* line 523, ../sass/_media.scss */ .content_loaded #content-wrapper { display: block; } /* line 524, ../sass/_media.scss */ .overview blockquote { margin: 0 auto; padding: 0 5% 0 0; } /* ==== About us ==== */ /* line 537, ../sass/_media.scss */ #about-us .empty-b, #management .empty-b, #board-of-directors .empty-b, #investors .empty-b, #press .empty-b { display: none; } /* line 541, ../sass/_media.scss */ h2 { font-size: 25px; } /* line 542, ../sass/_media.scss */ #sec-nav { margin: 0; width: 100%; } /* line 546, ../sass/_media.scss */ .viewport img { float: none; display: block; margin: 0 0 1.5em; } /* line 551, ../sass/_media.scss */ #contact-us, #hcard-headquaters, #map { width: 100%; margin: 20px 0 10px; } /* line 555, ../sass/_media.scss */ .carousel .slideshow .slides li .movie { top: 30px; left: 20px; } /* line 559, ../sass/_media.scss */ #ad-products aside.column.single div.portrait { margin-left: 10%; } /* line 565, ../sass/_media.scss */ #ad-products aside.column .portrait, #ad-products aside.column img { margin: 0 auto; float: none; } /* line 570, ../sass/_media.scss */ #ad-products aside.column .landscape { width: 321px; height: 220px; float: none; margin: 10px auto 0 auto; position: relative; } /* line 577, ../sass/_media.scss */ #ad-products aside.column .landscape iframe { width: 202px; height: 133px; position: absolute; left: 15.5%; top: 5%; } /* line 586, ../sass/_media.scss */ #ad-products aside.column .iphone.landscape { background-size: 95%; max-width: 340px; } } /* ============================================================================= Non-semantic helper classes Please define your styles before this section. ========================================================================== */ /* For image replacement */ /* line 18, ../sass/screen.scss */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* line 19, ../sass/screen.scss */ .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ /* line 23, ../sass/screen.scss */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ /* line 27, ../sass/screen.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ /* line 30, ../sass/screen.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ /* line 33, ../sass/screen.scss */ .invisible { visibility: hidden; } /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ /* line 36, ../sass/screen.scss */ .clearfix:before, .clearfix:after { content: ""; display: table; } /* line 37, ../sass/screen.scss */ .clearfix:after { clear: both; } /* line 38, ../sass/screen.scss */ .clearfix { zoom: 1; } /* line 41, ../sass/screen.scss */ .align_left, .left { float: left; margin: 0 1em 0.5em 0; } /* line 47, ../sass/screen.scss */ .align_right, .right { float: right; margin: 0 0 0.5em 1em; } /* line 53, ../sass/screen.scss */ .align_center, .center { display: block; margin: 0 auto; }