/* Theme Name: Twenty Fourteen Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ body { font-family: 'Ubuntu', 'sinkin_sans300_light', "Microsoft YaHei New", "Microsoft Yahei", "├Ñ┬¥┬«├¿┬¢┬»├®ÔÇ║ÔǪ├®┬╗ÔÇÿ", ├Ñ┬«ÔÇ╣├ñ┬¢ÔÇ£, SimSun, STXihei, "├Ñ´┐¢┼¢├ªÔÇôÔÇí├º┬╗ÔÇá├®┬╗ÔÇÿ", sans-serif; background: #132734; } .img-responsive { height: auto; max-width: 100%; } input { font-family: 'Open Sans', 'sinkin_sans300_light', "Microsoft YaHei New", "Microsoft Yahei", "├Ñ┬¥┬«├¿┬¢┬»├®ÔÇ║ÔǪ├®┬╗ÔÇÿ", ├Ñ┬«ÔÇ╣├ñ┬¢ÔÇ£, SimSun, STXihei, "├Ñ´┐¢┼¢├ªÔÇôÔÇí├º┬╗ÔÇá├®┬╗ÔÇÿ", sans-serif; } p { font-family: 'Open Sans', 'sinkin_sans300_light', "Microsoft YaHei New", "Microsoft Yahei", "├Ñ┬¥┬«├¿┬¢┬»├®ÔÇ║ÔǪ├®┬╗ÔÇÿ", ├Ñ┬«ÔÇ╣├ñ┬¢ÔÇ£, SimSun, STXihei, "├Ñ´┐¢┼¢├ªÔÇôÔÇí├º┬╗ÔÇá├®┬╗ÔÇÿ", sans-serif; orphans: 2; } .china { /* Mobile */ /* Search */ /* China Nav Styles */ /* China - Header Social */ /* Home Banner */ /* Page Banner */ /* Contact Top - China */ /* ICP in Header */ } .china header { background: #FFFFFF; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; } .china header .right-stuff { position: relative; } .china .nav-btn { background: rgba(59, 63, 70, 0.1); color: #3b3f46; } .china .nav-btn span { background: #3b3f46; } .china .nav-btn:hover { background: #0FBCE7; color: #FFFFFF; } .china .nav-btn:hover span { background: #FFFFFF; } .china a.mn-search { background: rgba(59, 63, 70, 0.1); color: #3b3f46; } .china a.mn-search span { background-position: -896px -32px; } .china a.mn-search:hover { background: #0FBCE7; color: #FFFFFF; } .china a.mn-search:hover span { background-position: -808px -36px; } .china .search { margin: 46px 0px 0px 10px; } .china .search ::-webkit-input-placeholder { color: #4c5156; } .china .search :-moz-placeholder { /* Firefox 18- */ color: #4c5156; } .china .search ::-moz-placeholder { /* Firefox 19+ */ color: #4c5156; } .china .search :-ms-input-placeholder { color: #4c5156; } .china .search input[type="text"] { color: #4c5156; } .china .search input[type="text"]:focus { width: 128px; } .china .search input[type="submit"] { background-position: -180px -36px; } .china .search input[type="submit"]:hover { background-position: -808px 0px; } .china .china-nav { background: #527389; position: relative; } .china .china-nav:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 22px; background: rgba(171, 195, 205, 0.1); } .china .china-nav nav { margin: 0px; float: none; border-left: 1px solid #3B5D73; border-right: 1px solid #3B5D73; } .china .china-nav nav li { margin: 0px; border-right: 1px solid #3B5D73; } .china .china-nav nav li.language { float: right; border-right: none; } .china .china-nav nav li.language .flags a { float: left; text-align: left; padding: 0px; margin: 0px; height: auto; border-left: 1px solid #3B5D73; height: 44px; width: 65px; } .china .china-nav nav li.language .flags a.selected { background: rgba(255, 255, 255, 0.1); } .china .china-nav nav li.language .flags a.selected:hover, .china .china-nav nav li.language .flags a:hover { background: #0FBCE7; color: #FFFFFF; } .china .china-nav nav li.language .flags a.en-AU .icon { background-position: -844px 0px; } .china .china-nav nav li.language .flags a .icon { position: absolute; top: 50%; margin-top: -12px; left: 14px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -880px 0px; width: 36px; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .china .china-nav nav li a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 15px; font-size: 0.9375rem; padding: 12px 14px; line-height: 20px; height: 44px; color: #FFFFFF; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .china .china-nav nav li a:hover { background-color: #0FBCE7; color: #FFFFFF; } .china .china-nav nav li li { border: none; float: none; } .china .china-nav nav li li a { text-align: left; background: #FFFFFF; color: #333333; height: auto; line-height: 1.1; padding: 10px 15px; } .china .china-nav nav li li a:hover { background-color: #0FBCE7; color: #FFFFFF; } .china .header-social { padding-top: 46px; float: right; } .china .header-social li { float: left; margin-right: 10px; position: relative; } .china .header-social li a { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -600px -300px; display: block; color: #FFFFFF; font-size: 0.75em; width: 36px; height: 36px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; border: none; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .china .header-social li a.facebook { background-color: #3b5998; background-position: -632px -300px; border: 2px solid #3b5998; } .china .header-social li a.facebook:hover { background-color: #FFFFFF; background-position: -632px -332px; border: 2px solid #96abd6; } .china .header-social li a.gplus { background-color: #d95232; background-position: -600px -300px; border: 2px solid #d95232; } .china .header-social li a.gplus:hover { background-color: #FFFFFF; background-position: -600px -332px; border: 2px solid #f1bfb3; } .china .header-social li a.linkedin { background-color: #007ab5; background-position: -664px -300px; border: 2px solid #007ab5; } .china .header-social li a.linkedin:hover { background-color: #FFFFFF; background-position: -664px -332px; border: 2px solid #4fc6ff; } .china .header-social li a.twitter { background-color: #41acff; background-position: -696px -300px; border: 2px solid #41acff; } .china .header-social li a.twitter:hover { background-color: #FFFFFF; background-position: -696px -332px; border: 2px solid #daefff; } .china .header-social li a.youtube { background-color: #fa5757; background-position: -728px -300px; border: 2px solid #fa5757; } .china .header-social li a.youtube:hover { background-color: #FFFFFF; background-position: -728px -332px; border: 2px solid #feecec; } .china .header-social li a.tumblr { background-color: #3d5a70; background-position: -760px -300px; border: 2px solid #3d5a70; } .china .header-social li a.tumblr:hover { background-color: #FFFFFF; background-position: -760px -332px; border: 2px solid #88a7be; } .china .header-social li a.sinaweibo { background-color: #e6162d; background-position: -792px -300px; border: 2px solid #e6162d; } .china .header-social li a.sinaweibo:hover { background-color: #FFFFFF; background-position: -792px -332px; border: 2px solid #f69fa9; } .china .header-social li div.wechat, .china .header-social li div.qqweibo { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -600px -300px; display: block; color: #FFFFFF; font-size: 0.75em; width: 36px; height: 36px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; border: none; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .china .header-social li div.wechat { background-color: #76a70a; background-position: -824px -300px; border: 2px solid #76a70a; } .china .header-social li div.wechat:hover { background-color: #FFFFFF; background-position: -824px -332px; border: 2px solid #c3f555; } .china .header-social li div.qqweibo { background-color: #389fda; background-position: -856px -300px; border: 2px solid #389fda; } .china .header-social li div.qqweibo:hover { background-color: #FFFFFF; background-position: -856px -332px; border: 2px solid #b9ddf2; } .china .header-social li:hover .qr { display: block; } .china .header-social li .qr { display: none; position: absolute; padding-top: 10px; top: 100%; left: 50%; margin-left: -87px; width: 174px; z-index: 201; } .china .header-social li .qr .white { background: #EFEFEF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; position: relative; color: #3b3f46; text-align: center; } .china .header-social li .qr .white .title { font-size: 14px; font-size: 0.875rem; line-height: 14px; font-weight: 500; color: #3A5D73; } .china .header-social li .qr .white .account { line-height: 24px; font-size: 18px; font-size: 1.125rem; line-height: 1.25em; font-weight: bold; color: #3b3f46; } .china .header-social li .qr .white:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(239, 239, 239, 0); border-bottom-color: #efefef; border-width: 10px; margin-left: -10px; } .china .header-social li .qr .white img { display: block; max-width: 100%; } .china .home-banner .overlay { background: -moz-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 59, 82, 0.92)), color-stop(100%, rgba(20, 111, 147, 0.35))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb013b52', endColorstr='#59146f93', GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 48, 66, 0.92)), color-stop(100%, rgba(20, 111, 147, 0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb013042', endColorstr='#a6146f93', GradientType=0 ); /* IE6-9 */ } .china .home-banner .overlay .home-banner-content { text-align: center; padding: 120px 0px; } .china .home-banner .overlay .home-banner-content .break { margin: 20px auto 18px auto; } .china .page-banner { background-color: #062f43; background-image: url(../images/chinabanner.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center;/* Breadcrumbs */ } .china .page-banner .sub { color: #80A2B8; } .china .page-banner .breadcrumbs > *:after, .china .page-banner .breadcrumbs > *:before { color: #80A2B8; text-decoration: none; } .china .page-banner .breadcrumbs > a:hover, .china .page-banner .breadcrumbs > a:focus { color: #0FBCE7; } .china .pb-share li a .icon { background-color: rgba(16, 45, 65, 0.85); } .china .china-contact-top { padding: 48px 0px; padding: 3rem 0rem; text-align: center; color: #FFFFFF; background-color: #062f43; background-image: url(../images/chinacontactbanner.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .china .china-contact-top .above { color: #80A2B8; font-weight: bold; text-transform: uppercase; margin: 0px 0px 16px 0px; margin: 0rem 0rem 1rem 0rem; } .china .china-contact-top h1 { font-size: 48px; font-size: 3rem; line-height: 1.1; font-weight: 500; color: #FFFFFF; margin: 0px 0px 20px 0px; margin: 0rem 0rem 1.25rem 0rem; } .china .china-contact-top .button { float: none; width: 220px; outline: none; font-weight: bold; letter-spacing: 0.01em; line-height: 1em; display: inline-block; zoom: 1; font-size: 1em; margin: 6px; padding: 14px 16px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: transparent; color: #FFFFFF; border: 3px solid #00C1F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .china .china-contact-top .button:hover { border: 3px solid #FFFFFF; } .china .icp { margin: 0px; height: 36px; line-height: 36px; font-weight: bold; color: #3A5D73; position: absolute; top: 8px; right: 0px; font-size: 14px; font-size: 0.875rem; } footer { padding: 3em 0 1em 0; background-color: #132734; color: #FFFFFF; position: relative; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #606B7A; padding: 0px 0px 8px 0px; font-size: 0.75em; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } footer ul { padding: 4px 0px; } @media screen and (max-width: 71.25em) { .china .china-nav { position: static; } .china .china-nav:before { background: none; height: auto; } .china .china-nav nav { border: none; } .china .china-nav nav li { float: none; border: none; } .china .china-nav nav li.language { float: none; border: none; margin: 20px 10px 0px 10px; } .china .china-nav nav li.language .flags a, .china .china-nav nav li.language .flags a.selected { border: none; background: none; color: #FFFFFF; padding: 18px 14px; margin: 0px 10px 10px 0px; background: #43494F; border-top: 1px solid #4F565C; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: auto; width: 66px; } .china .china-nav nav li.language .flags a:hover, .china .china-nav nav li.language .flags a.selected:hover { background: #0FBCE7; border-top: 1px solid #0FBCE7; color: #FFFFFF; } .china .china-nav nav li.language .flags a.selected { background: #272C34; border-top: 1px solid #1A1E24; } .china .icp { display: none; } } /*# sourceMappingURL=china.css.map */ /****** FILE: themes/internetrix/plugins/foundation/css/foundation.zip.css *****/ .button, body, button { position:relative; font-weight:400 } .icon-bar>* i, img { vertical-align:middle } .side-nav, dl, ol, ul { list-style-position:outside } .clearfix:after, .row .row.collapse:after, .row .row:after, .row:after { clear:both } meta.foundation-version { font-family:"/5.3.3/" } meta.foundation-mq-small { font-family:"/only screen/"; width:0 } meta.foundation-mq-medium { font-family:"/only screen and (min-width:40.063em)/"; width:40.063em } meta.foundation-mq-large { font-family:"/only screen and (min-width:64.063em)/"; width:64.063em } meta.foundation-mq-xlarge { font-family:"/only screen and (min-width:90.063em)/"; width:90.063em } meta.foundation-mq-xxlarge { font-family:"/only screen and (min-width:120.063em)/"; width:120.063em } .row, select { width:100% } meta.foundation-data-attribute-namespace { font-family:false } body, html { height:100%; font-size:100% } *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } body { background:#fff; color:#222; padding:0; margin:0; font-style:normal; line-height:150%; cursor:default } .button, a:hover, button { cursor:pointer } img { max-width:100%; height:auto; -ms-interpolation-mode:bicubic } #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object { max-width:none!important } .clearfix:after, .clearfix:before { content:" "; display:table } .hide { display:none } img { display:inline-block } .row .row.collapse:after, .row .row.collapse:before, .row .row:after, .row .row:before, .row:after, .row:before { content:" "; display:table } textarea { height:auto; min-height:50px } .row { max-width:75em; margin:0 auto } .row .row, .top-bar .row { max-width:none } .row.collapse>.column, .row.collapse>.columns { padding-left:0; padding-right:0 } .row.collapse .row { margin-left:0; margin-right:0 } .row .row { width:auto; margin:0 -.9375em } .row .row.collapse { width:auto; margin:0; max-width:none } .column, .columns { padding-left:.9375em; padding-right:.9375em; width:100%; float:left } [class*=column]+[class*=column].end { float:left } @media only screen { .column, .columns, .small-pull-0, .small-pull-1, .small-pull-10, .small-pull-11, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-0, .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-7, .small-push-8, .small-push-9 { position:relative } .small-push-0 { left:0; right:auto } .small-pull-0 { right:0; left:auto } .small-push-1 { left:8.33333%; right:auto } .small-pull-1 { right:8.33333%; left:auto } .small-push-2 { left:16.66667%; right:auto } .small-pull-2 { right:16.66667%; left:auto } .small-push-3 { left:25%; right:auto } .small-pull-3 { right:25%; left:auto } .small-push-4 { left:33.33333%; right:auto } .small-pull-4 { right:33.33333%; left:auto } .small-push-5 { left:41.66667%; right:auto } .small-pull-5 { right:41.66667%; left:auto } .small-push-6 { position:relative; left:50%; right:auto } .small-pull-6 { right:50%; left:auto } .small-push-7 { left:58.33333%; right:auto } .small-pull-7 { right:58.33333%; left:auto } .small-push-8 { left:66.66667%; right:auto } .small-pull-8 { right:66.66667%; left:auto } .small-push-9 { left:75%; right:auto } .small-pull-9 { right:75%; left:auto } .small-push-10 { left:83.33333%; right:auto } .small-pull-10 { right:83.33333%; left:auto } .small-push-11 { left:91.66667%; right:auto } .small-pull-11 { right:91.66667%; left:auto } .column, .columns { padding-left:.9375em; padding-right:.9375em; float:left } .small-1 { width:8.33333% } .small-2 { width:16.66667% } .small-3 { width:25% } .small-4 { width:33.33333% } .small-5 { width:41.66667% } .small-6 { width:50% } .small-7 { width:58.33333% } .small-8 { width:66.66667% } .small-9 { width:75% } .small-10 { width:83.33333% } .small-11 { width:91.66667% } .small-12 { width:100% } .small-offset-0 { margin-left:0!important } .small-offset-1 { margin-left:8.33333%!important } .small-offset-2 { margin-left:16.66667%!important } .small-offset-3 { margin-left:25%!important } .small-offset-4 { margin-left:33.33333%!important } .small-offset-5 { margin-left:41.66667%!important } .small-offset-6 { margin-left:50%!important } .small-offset-7 { margin-left:58.33333%!important } .small-offset-8 { margin-left:66.66667%!important } .small-offset-9 { margin-left:75%!important } .small-offset-10 { margin-left:83.33333%!important } .small-offset-11 { margin-left:91.66667%!important } .small-reset-order { margin-left:0; margin-right:0; left:auto; right:auto; float:left } .column.small-centered, .columns.small-centered { margin-left:auto; margin-right:auto; float:none } .column.small-uncentered, .columns.small-uncentered { margin-left:0; margin-right:0; float:left } .column.small-centered:last-child, .columns.small-centered:last-child { float:none } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float:left } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float:right } } @media only screen and (min-width:40.063em) { .medium-pull-0, .medium-pull-1, .medium-pull-10, .medium-pull-11, .medium-pull-2, .medium-pull-3, .medium-pull-4, .medium-pull-5, .medium-pull-6, .medium-pull-7, .medium-pull-8, .medium-pull-9, .medium-push-0, .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-6, .medium-push-7, .medium-push-8, .medium-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 { position:relative } .medium-push-0 { left:0; right:auto } .medium-pull-0 { right:0; left:auto } .medium-push-1 { left:8.33333%; right:auto } .medium-pull-1 { right:8.33333%; left:auto } .medium-push-2 { left:16.66667%; right:auto } .medium-pull-2 { right:16.66667%; left:auto } .medium-push-3 { right:auto } .medium-pull-3 { right:25%; left:auto } .medium-push-4 { left:33.33333%; right:auto } .medium-pull-4 { right:33.33333%; left:auto } .medium-push-5 { left:41.66667%; right:auto } .medium-pull-5 { right:41.66667%; left:auto } .medium-push-6 { left:50%; right:auto } .medium-pull-6 { right:50%; left:auto } .medium-push-7 { left:58.33333%; right:auto } .medium-pull-7 { right:58.33333%; left:auto } .medium-push-8 { left:66.66667%; right:auto } .medium-pull-8 { right:66.66667%; left:auto } .medium-push-9 { left:75%; right:auto } .medium-pull-9 { right:75%; left:auto } .medium-push-10 { left:83.33333%; right:auto } .medium-pull-10 { right:83.33333%; left:auto } .medium-push-11 { left:91.66667%; right:auto } .medium-pull-11 { right:91.66667%; left:auto } .column, .columns { position:relative; padding-left:.9375em; padding-right:.9375em; float:left } .medium-1 { width:8.33333% } .medium-2 { width:16.66667% } .medium-3 { width:25% } .medium-4 { width:33.33333% } .medium-5 { width:41.66667% } .medium-6 { width:47% } .medium-7 { width:58.33333% } .medium-8 { width:66.66667% } .medium-9 { width:75% } .medium-10 { width:83.33333% } .medium-11 { width:91.66667% } .medium-12 { width:100% } .medium-offset-0 { margin-left:0!important } .medium-offset-1 { margin-left:8.33333%!important } .medium-offset-2 { margin-left:16.66667%!important } .medium-offset-3 { margin-left:25%!important } .medium-offset-4 { margin-left:33.33333%!important } .medium-offset-5 { margin-left:41.66667%!important } .medium-offset-6 { margin-left:50%!important } .medium-offset-7 { margin-left:58.33333%!important } .medium-offset-8 { margin-left:66.66667%!important } .medium-offset-9 { margin-left:75%!important } .medium-offset-10 { margin-left:83.33333%!important } .medium-offset-11 { margin-left:91.66667%!important } .medium-reset-order { margin-left:0; margin-right:0; left:auto; right:auto; float:left } .column.medium-centered, .columns.medium-centered { margin-left:auto; margin-right:auto; float:none } .column.medium-uncentered, .columns.medium-uncentered { margin-left:0; margin-right:0; float:left } .column.medium-centered:last-child, .columns.medium-centered:last-child { float:none } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float:left } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float:right } .push-0 { left:0; right:auto } .pull-0 { right:0; left:auto } .push-1 { left:8.33333%; right:auto } .pull-1 { right:8.33333%; left:auto } .push-2 { left:16.66667%; right:auto } .pull-2 { right:16.66667%; left:auto } .push-3 { left:25%; right:auto } .pull-3 { right:25%; left:auto } .push-4 { left:33.33333%; right:auto } .pull-4 { right:33.33333%; left:auto } .push-5 { left:41.66667%; right:auto } .pull-5 { right:41.66667%; left:auto } .push-6 { left:50%; right:auto } .pull-6 { right:50%; left:auto } .push-7 { left:58.33333%; right:auto } .pull-7 { right:58.33333%; left:auto } .push-8 { left:66.66667%; right:auto } .pull-8 { right:66.66667%; left:auto } .push-9 { left:75%; right:auto } .pull-9 { right:75%; left:auto } .push-10 { left:83.33333%; right:auto } .pull-10 { right:83.33333%; left:auto } .push-11 { left:91.66667%; right:auto } .pull-11 { right:91.66667%; left:auto } .button, button { display:inline-block } } @media only screen and (min-width:64.063em) { .column, .columns, .large-pull-0, .large-pull-1, .large-pull-10, .large-pull-1half, .large-pull-2, .large-pull-3, .large-pull-4, .large-pull-5, .large-pull-6, .large-pull-7, .large-pull-8, .large-pull-9, .large-push-0, .large-push-1, .large-push-10, .large-push-11, .large-push-1half, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-6, .large-push-7, .large-push-8, .large-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 { position:relative } .large-push-0 { left:0; right:auto } .large-pull-0 { right:0; left:auto } .large-push-1 { left:8.33333%; right:auto } .large-pull-1 { right:8.33333%; left:auto } .large-pull-1half { right:12.5000025%; left:auto } .large-push-1half { left:12.5000025%; right:auto } .large-push-2 { left:16.66667%; right:auto } .large-pull-2 { right:16.66667%; left:auto } .large-push-3 { left:25%; right:auto } .large-pull-3 { right:25%; left:auto } .large-push-4 { left:33.33333%; right:auto } .large-pull-4 { right:33.33333%; left:auto } .large-push-5 { left:41.66667%; right:auto } .large-pull-5 { right:41.66667%; left:auto } .large-push-6 { left:50%; right:auto } .large-pull-6 { right:50%; left:auto } .large-push-7 { left:58.33333%; right:auto } .large-pull-7 { right:58.33333%; left:auto } .large-push-8 { left:66.66667%; right:auto } .large-pull-8 { right:66.66667%; left:auto } .large-push-9 { left:75%; right:auto } .large-pull-9 { right:75%; left:auto } .large-push-10 { left:83.33333%; right:auto } .large -pull-10 { right:83.33333%; left:auto } .large-push-11 { left:91.66667%; right:auto } .large-pull-11 { position:relative; right:91.66667%; left:auto } .column, .columns { padding-left:.9375em; padding-right:.9375em; float:left } .large-1 { width:8.33333% } .large-2 { width:16.66667% } .large-3 { width:25% } .large-4 { width:33.33333% } .large-5 { width:41.66667% } .large-6 { width:50% } .large-7 { width:58.33333% } .large-8 { width:66.66667% } .large-9 { width:75% } .large-10 { width:83.33333% } .large-11 { width:91.66667% } .large-12 { width:100% } .large-offset-0 { margin-left:0!important } .large-offset-1 { margin-left:8.33333%!important } .large-offset-2 { margin-left:16.66667%!important } .large-offset-3 { margin-left:25%!important } .large-offset-4 { margin-left:33.33333%!important } .large-offset-5 { margin-left:41.66667%!important } .large-offset-6 { margin-left:50%!important } .large-offset-7 { margin-left:58.33333%!important } .large-offset-8 { margin-left:66.66667%!important } .large-offset-9 { margin-left:75%!important } .large-offset-10 { margin-left:83.33333%!important } .large-offset-11 { margin-left:91.66667%!important } .large-reset-order { margin-left:0; margin-right:0; left:auto; right:auto; float:left } .column.large-centered, .columns.large-centered { margin-left:auto; margin-right:auto; float:none } .column.large-uncentered, .columns.large-uncentered { margin-left:0; margin-right:0; float:left } .column.large-centered:last-child, .columns.large-centered:last-child { float:none } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float:left } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float:right } .push-0 { left:0; right:auto } .pull-0 { right:0; left:auto } .push-1 { left:8.33333%; right:auto } .pull-1 { right:8.33333%; left:auto } .push-2 { left:16.66667%; right:auto } .pull-2 { right:16.66667%; left:auto } .push-3 { left:25%; right:auto } .pull-3 { right:25%; left:auto } .push-4 { left:33.33333%; right:auto } .pull-4 { right:33.33333%; left:auto } .push-5 { left:41.66667%; right:auto } .pull-5 { right:41.66667%; left:auto } .push-6 { left:50%; right:auto } .pull-6 { right:50%; left:auto } .push-7 { left:58.33333%; right:auto } .pull-7 { right:58.33333%; left:auto } .push-8 { left:66.66667%; right:auto } .pull-8 { right:66.66667%; left:auto } .push-9 { left:75%; right:auto } .pull-9 { right:75%; left:auto } .push-10 { left:83.33333%; right:auto } .pull-10 { right:83.33333%; left:auto } .push-11 { left:91.66667%; right:auto } .pull-11 { right:91.66667%; left:auto } } .button, button { border-style:solid; border-width:0; line-height:normal; margin:0; text-decoration:none; text-align:center; -webkit-appearance:none; -webkit-border-radius:0; display:inline-block; padding:1em; font-size:1rem; background-color:transparent; border-color:#0FBCE7; color:#fff; transition:background-color .3s ease-out } .button:focus, .button:hover, button:focus, button:hover { background-color:#0FBCE7; color:#fff } .button.secondary, button.secondary { background-color:#464d55; border-color:#383e44; color:#fff } .button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover { background-color:#383e44; color:#fff } .button.success, button.success { background-color:#5da423; border-color:#4a831c; color:#fff } .button.success:focus, .button.success:hover, button.success:focus, button.success:hover { background-color:#4a831c; color:#fff } .button.alert, button.alert { background-color:#c60f13; border-color:#9e0c0f; color:#fff } .button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover { background-color:#9e0c0f; color:#fff } .button.large, button.large { font-size:1.25rem; padding:1.125rem 2.25rem 1.1875rem } .button.small, button.small { font-size:.8125rem; padding:.875rem 1.75rem .9375rem } .button.tiny, button.tiny { font-size:.6875rem; padding:.625rem 1.25rem .6875rem } .button.expand, button.expand { padding-right:0; padding-left:0; width:100% } .button.left-align, button.left-align { text-align:left; text-indent:.75rem } .button.right-align, button.right-align { text-align:right; padding-right:.75rem } .button.radius, button.radius { border-radius:3px } .button.round, button.round { border-radius:1000px } .button.disabled, .button[disabled], button.disabled, button[disabled] { background-color:#00C1F3; border-color:#0FBCE7; color:#fff; cursor:default; opacity:.7; box-shadow:none } .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover { color:#fff; background-color:#00C1F3 } .button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary { background-color:#464d55; border-color:#383e44; color:#fff; cursor:default; opacity:.7; box-shadow:none } .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover { color:#fff; background-color:#464d55 } .button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success { background-color:#5da423; border-color:#4a831c; color:#fff; cursor:default; opacity:.7; box-shadow:none } .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover { color:#fff; background-color:#5da423 } .button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert { background-color:#c60f13; border-color:#9e0c0f; color:#fff; cursor:default; opacity:.7; box-shadow:none } .top-bar .toggle-topbar.menu-icon a span::after, .top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow:0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff } .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover { color:#fff; background-color:#c60f13 } button::-moz-focus-inner { border:0; padding:0 } meta.foundation-mq-topbar { font-family:"/only screen and (min-width:40.063em)/"; width:58.75em } .contain-to-grid { width:100%; background:#333 } .contain-to-grid .top-bar { margin-bottom:0 } .fixed { width:100%; left:0; position:fixed; top:0; z-index:99 } .fixed.expanded:not(.top-bar) { overflow-y:auto; height:auto; width:100%; max-height:100% } .fixed.expanded:not(.top-bar) .title-area { position:fixed; width:100%; z-index:99 } .fixed.expanded:not(.top-bar) .top-bar-section { z-index:98; margin-top:45px } .top-bar { overflow:hidden; height:45px; line-height:45px; position:relative; background:#333; margin-bottom:0 } .top-bar ul { margin-bottom:0; list-style:none } .top-bar form, .top-bar input { margin-bottom:0 } .top-bar input { height:1.8rem; padding-top:.35rem; padding-bottom:.35rem; font-size:.75rem } .top-bar .button, .top-bar button { padding-top:.45rem; padding-bottom:.35rem; margin-bottom:0; font-size:.75rem } .top-bar .title-area { position:relative; margin:0 } .top-bar .name { height:45px; margin:0; font-size:16px } .top-bar .name h1 { line-height:45px; font-size:1.0625rem; margin:0 } .top-bar .name h1 a { font-weight:400; color:#fff; width:75%; display:block; padding:0 15px } .top-bar .toggle-topbar { position:absolute; right:0; top:0 } .top-bar .toggle-topbar a { color:#fff; text-transform:uppercase; font-size:.8125rem; font-weight:700; position:relative; display:block; padding:0 15px; height:45px; line-height:45px } .top-bar .toggle-topbar.menu-icon { top:50%; margin-top:-16px } .top-bar .toggle-topbar.menu-icon a { height:34px; line-height:33px; padding:0 40px 0 15px; color:#fff; position:relative } .top-bar .toggle-topbar.menu-icon a span::after { content:""; position:absolute; display:block; height:0; top:50%; margin-top:-8px; right:15px; width:16px } .top-bar-section, .top-bar-section .has-sub-menu { position:relative } .top-bar.expanded { height:auto; background:0 0 } .top-bar-section ul li, .top-bar.expanded .title-area { background:#333 } .top-bar.expanded .toggle-topbar a { color:#888 } .top-bar.expanded .toggle-topbar a::after { box-shadow:0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888 } .top-bar-section { left:0; width:auto; transition:left .3s ease-out } .top-bar-section ul { padding:0; width:100%; height:auto; display:block; font-size:16px; margin:0 } .top-bar-section .divider, .top-bar-section [role=separator] { border-top:solid 1px #1a1a1a; clear:both; height:1px; width:100% } .top-bar-section ul li>a { display:block; width:100%; color:#fff; padding:12px 0 12px 15px; font-size:.8125rem; font-weight:400; text-transform:none } .top-bar-section ul li>a.button, .top-bar-section ul li>button { font-size:.8125rem; padding-right:15px; padding-left:15px; color:#fff } .side-nav li.heading, .sub-nav dt, abbr, acronym, ul.off-canvas-list li label { text-transform:uppercase } .top-bar-section ul li>a.button { background-color:#00C1F3; border-color:#0FBCE7 } .top-bar-section ul li>a.button:focus, .top-bar-section ul li>a.button:hover { background-color:#0FBCE7; color:#fff } .top-bar-section ul li>a.button.secondary { background-color:#464d55; border-color:#383e44; color:#fff } .top-bar-section ul li>a.button.secondary:focus, .top-bar-section ul li>a.button.secondary:hover { background-color:#383e44; color:#fff } .top-bar-section ul li>a.button.success { background-color:#5da423; border-color:#4a831c; color:#fff } .top-bar-section ul li>a.button.success:focus, .top-bar-section ul li>a.button.success:hover { background-color:#4a831c; color:#fff } .top-bar-section ul li>a.button.alert { background-color:#c60f13; border-color:#9e0c0f; color:#fff } .top-bar-section ul li>a.button.alert:focus, .top-bar-section ul li>a.button.alert:hover { background-color:#9e0c0f; color:#fff } .top-bar-section ul li>button { background-color:#00C1F3; border-color:#0FBCE7 } .top-bar-section ul li>button:focus, .top-bar-section ul li>button:hover { background-color:#0FBCE7; color:#fff } .top-bar-section ul li>button.secondary { background-color:#464d55; border-color:#383e44; color:#fff } .top-bar-section ul li>button.secondary:focus, .top-bar-section ul li>button.secondary:hover { background-color:#383e44; color:#fff } .top-bar-section ul li>button.success { background-color:#5da423; border-color:#4a831c; color:#fff } .top-bar-section ul li>button.success:focus, .top-bar-section ul li>button.success:hover { background-color:#4a831c; color:#fff } .top-bar-section ul li>button.alert { background-color:#c60f13; border-color:#9e0c0f; color:#fff } .top-bar-section ul li>button.alert:focus, .top-bar-section ul li>button.alert:hover { background-color:#9e0c0f; color:#fff } .top-bar-section ul li:hover:not(.has-form)>a { background:#272727; color:#fff } .top-bar-section ul li.active>a, .top-bar-section ul li.active>a:hover { background:#00C1F3; color:#fff } .top-bar-section .has-form { padding:15px } .top-bar-section .has-sub-menu>a:after { content:""; display:block; width:0; height:0; border:5px inset; border-color:transparent transparent transparent rgba(255, 255, 255, .4); border-left-style:solid; margin-right:15px; margin-top:-4.5px; position:absolute; top:50%; right:0 } .top-bar-section .has-sub-menu.moved { position:static } .top-bar-section .has-sub-menu.moved>.sub-menu { display:block; height:auto; overflow:visible; clip:auto; position:absolute!important; width:100% } .top-bar-section .has-sub-menu.moved>a:after { display:none } .top-bar-section .sub-menu { padding:0; left:100%; top:0; z-index:99; display:block; position:absolute!important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px) } .top-bar-section .sub-menu li { width:100%; height:auto } .top-bar-section .sub-menu li a { font-weight:400; padding:8px 15px } .top-bar-section .sub-menu li a.parent-link { font-weight:400 } .top-bar-section .sub-menu li.parent-link, .top-bar-section .sub-menu li.title h5 { margin-bottom:0; margin-top:0 } .top-bar-section .sub-menu li.parent-link a, .top-bar-section .sub-menu li.title h5 a { color:#fff; line-height:22.5px; display:block } .top-bar-section .sub-menu li.parent-link a:hover, .top-bar-section .sub-menu li.title h5 a:hover { background:0 0 } .top-bar-section .sub-menu li.has-form { padding:8px 15px } .top-bar-section .sub-menu li .button, .top-bar-section .sub-menu li button { top:auto } .top-bar-section .sub-menu label { padding:8px 15px 2px; margin-bottom:0; text-transform:uppercase; color:#777; font-weight:700; font-size:.625rem } .js-generated { display:block } @media only screen and (min-width:40.063em) { .top-bar, .top-bar.expanded { background:#333 } .top-bar .title-area, .top-bar-section ul li { float:left } .top-bar { overflow:visible } .top-bar:after, .top-bar:before { content:" "; display:table } .top-bar:after { clear:both } .top-bar .toggle-topbar { display:none } .top-bar .name h1 a { width:auto } .top-bar .button, .top-bar button, .top-bar input { font-size:.875rem; position:relative; top:7px } .contain-to-grid .top-bar { max-width:62.5em; margin:0 auto } .top-bar-section { transition:none 0 0; left:0!important } .top-bar-section ul { width:auto; height:auto!important; display:inline } .top-bar-section ul li .js-generated { display:none } .top-bar-section li.hover>a:not(.button) { background:#272727; color:#fff } .top-bar-section li:not(.has-form) a:not(.button) { padding:0 15px; line-height:45px; background:#333 } .top-bar-section li:not(.has-form) a:not(.button):hover { background:#272727 } .top-bar-section li.active:not(.has-form) a:not(.button) { padding:0 15px; line-height:45px; color:#fff; background:#00C1F3 } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background:#00C1F3; color:#fff } .top-bar-section .has-sub-menu>a { padding-right:35px!important } .top-bar-section .has-sub-menu>a:after { content:""; display:block; width:0; height:0; border:5px inset; border-color:rgba(255, 255, 255, .4) transparent transparent; border-top-style:solid; margin-top:-2.5px; top:22.5px } .top-bar-section .has-sub-menu.moved { position:relative } .top-bar-section .has-sub-menu.moved>.sub-menu { display:block; position:absolute!important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px) } .top-bar-section .has-sub-menu.hover>.sub-menu, .top-bar-section .has-sub-menu.not-click:hover>.sub-menu { display:block; height:auto; width:auto; overflow:visible; clip:auto; position:absolute!important } .top-bar-section .has-sub-menu .sub-menu li.has-sub-menu>a:after { border:none; content:"\00bb"; top:1rem; margin-top:-1px; right:5px; line-height:1.2 } .top-bar-section .sub-menu { left:0; top:auto; background:0 0; min-width:100% } .top-bar-section .sub-menu li a { color:#fff; line-height:45px; white-space:nowrap; padding:12px 15px; background:#333 } .top-bar-section .sub-menu li:not(.has-form) a:not(.button) { color:#fff; background:#333 } .top-bar-section .sub-menu li:not(.has-form):hover>a:not(.button) { color:#fff; background:#272727 } .top-bar-section .sub-menu li label { white-space:nowrap; background:#333 } .top-bar-section .sub-menu li .sub-menu { left:100%; top:0 } .top-bar-section>ul>.divider, .top-bar-section>ul>[role=separator] { border-bottom:none; border-top:none; border-right:solid 1px #4e4e4e; clear:none; height:45px; width:0 } .top-bar-section .has-form { background:#333; padding:0 15px; height:45px } .top-bar-section .right li .sub-menu { left:auto; right:0 } .top-bar-section .right li .sub-menu li .sub-menu { right:100% } .top-bar-section .left li .sub-menu { right:auto; left:0 } .top-bar-section .left li .sub-menu li .sub-menu { left:100% } .no-js .top-bar-section ul li:hover>a { background:#272727; color:#fff } .no-js .top-bar-section ul li:active>a { background:#00C1F3; color:#fff } .no-js .top-bar-section .has-sub-menu:hover>.sub-menu { display:block; height:auto; width:auto; overflow:visible; clip:auto; position:absolute!important } } .accordion:after, .button-bar:after, .button-group:after, .clearing-thumbs:after, .tabs-content:after, .tabs:after, [data-clearing]:after, hr { clear:both } .breadcrumbs, .button-bar .button-group div, .off-canvas-wrap, .sub-nav { overflow:hidden } .breadcrumbs { display:block; margin-left:0; list-style:none } .breadcrumbs p { font-family:Ubuntu, sans-serif } dl, ol, p, ul { font-family:inherit } .breadcrumbs>* { margin:0; float:left; font-size:.8em; line-height:20px; font-weight:500; color:#6294BD } .alert-box, p { font-weight:400 } .breadcrumbs>:focus a, .breadcrumbs>:hover a { text-decoration:underline } .breadcrumbs>.current:focus, .breadcrumbs>.current:focus a, .breadcrumbs>.current:hover, .breadcrumbs>.current:hover a, .joyride-close-tip, .sub-nav dd a, .sub-nav dt a, .sub-nav li a, .vevent abbr, a { text-decoration:none } .breadcrumbs>* a { color:#00C1F3 } .breadcrumbs>.current, .breadcrumbs>.current a { cursor:default; color:#333 } .breadcrumbs>.unavailable, .breadcrumbs>.unavailable a { color:#999 } .breadcrumbs>.unavailable a:focus, .breadcrumbs>.unavailable:focus, .breadcrumbs>.unavailable:hover, .breadcrumbs>.unavailable:hover a { text-decoration:none; color:#999; cursor:default } .breadcrumbs>:before { content:">"; font-weight:400; color:#BEC5D2; margin:0 .75rem; position:relative; top:-1px } .breadcrumbs>:first-child:before { content:" "; margin:0 } .alert-box { border-style:solid; border-width:1px; display:block; margin-bottom:1.25rem; position:relative; padding:.875rem 1.5rem .875rem .875rem; font-size:.8125rem; transition:opacity .3s ease-out; background-color:#00C1F3; border-color:#00C1F3; color:#fff } .button-bar:after, .button-bar:before, .button-group:after, .button-group:before { content:" "; display:table } .alert-box .close { font-size:1.375rem; padding:9px 6px 4px; line-height:0; position:absolute; top:50%; margin-top:-.6875rem; right:.25rem; color:#333; opacity:.3 } .alert-box .close:focus, .alert-box .close:hover { opacity:.5 } .alert-box.radius { border-radius:3px } .alert-box.round { border-radius:1000px } .alert-box.success { background-color:#5da423; border-color:#508d1e; color:#fff } .alert-box.alert { background-color:#c60f13; border-color:#aa0d10; color:#fff } .alert-box.secondary { background-color:#464d55; border-color:#3c4249; color:#fff } .alert-box.warning { background-color:#f08a24; border-color:#de770f; color:#fff } .alert-box.info { background-color:#a0d3e8; border-color:#74bfdd; color:#181a1d } .alert-box.alert-close { opacity:0 } .button-group { list-style:none; margin:0; left:0 } .button-group>li { margin:0; float:left } .button-group>li .button, .button-group>li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group>li:first-child .button, .button-group>li:first-child button { border-left:0 } .button-group>li:first-child { margin-left:0 } .button-group.radius>* .button, .button-group.radius>*>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.radius>:first-child .button, .button-group.radius>:first-child button { border-left:0 } .button-group.radius>*, .button-group.radius>*>.button, .button-group.radius>*>a, .button-group.radius>*>button { border-radius:0 } .button-group.radius>:first-child, .button-group.radius>:first-child>.button, .button-group.radius>:first-child>a, .button-group.radius>:first-child>button { border-bottom-left-radius:3px; border-top-left-radius:3px } .button-group.radius>:last-child, .button-group.radius>:last-child>.button, .button-group.radius>:last-child>a, .button-group.radius>:last-child>button { border-bottom-right-radius:3px; border-top-right-radius:3px } .button-group.round>* .button, .button-group.round>*>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.round>:first-child .button, .button-group.round>:first-child button { border-left:0 } .button-group.round>*, .button-group.round>*>.button, .button-group.round>*>a, .button-group.round>*>button { border-radius:0 } .button-group.round>:first-child, .button-group.round>:first-child>.button, .button-group.round>:first-child>a, .button-group.round>:first-child>button { border-bottom-left-radius:1000px; border-top-left-radius:1000px } .button-group.round>:last-child, .button-group.round>:last-child>.button, .button-group.round>:last-child>a, .button-group.round>:last-child>button { border-bottom-right-radius:1000px; border-top-right-radius:1000px } .button-group.even-2 li { width:50% } .button-group.even-2 li .button, .button-group.even-2 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button { border-left:0 } .button-group.even-2 li .button, .button-group.even-2 li button { width:100% } .button-group.even-3 li { width:33.33333% } .button-group.even-3 li .button, .button-group.even-3 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button { border-left:0 } .button-group.even-3 li .button, .button-group.even-3 li button { width:100% } .button-group.even-4 li { width:25% } .button-group.even-4 li .button, .button-group.even-4 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button { border-left:0 } .button-group.even-4 li .button, .button-group.even-4 li button { width:100% } .button-group.even-5 li { width:20% } .button-group.even-5 li .button, .button-group.even-5 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button { border-left:0 } .button-group.even-5 li .button, .button-group.even-5 li button { width:100% } .button-group.even-6 li { width:16.66667% } .button-group.even-6 li .button, .button-group.even-6 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button { border-left:0 } .button-group.even-6 li .button, .button-group.even-6 li button { width:100% } .button-group.even-7 li { width:14.28571% } .button-group.even-7 li .button, .button-group.even-7 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button { border-left:0 } .button-group.even-7 li .button, .button-group.even-7 li button { width:100% } .button-group.even-8 li { width:12.5% } .button-group.even-8 li .button, .button-group.even-8 li>button { border-left:1px solid; border-color:rgba(255, 255, 255, .5) } .button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button { border-left:0 } .button-group.even-8 li .button, .button-group.even-8 li button { width:100% } .button-bar .button-group { float:left; margin-right:.625rem } .sub-menu.button, button.sub-menu { position:relative; padding-right:3.5625rem } .sub-menu.button:after, button.sub-menu:after { position:absolute; content:""; width:0; height:0; display:block; border-style:solid; top:50%; border-width:.375rem; right:1.40625rem; margin-top:-.15625rem; border-color:#fff transparent transparent } .sub-menu.button.tiny, button.sub-menu.tiny { padding-right:2.625rem } .sub-menu.button.tiny:before, button.sub-menu.tiny:before { border-width:.375rem; right:1.125rem; margin-top:-.125rem } .sub-menu.button.tiny:after, button.sub-menu.tiny:after { border-color:#fff transparent transparent } .sub-menu.button.small, button.sub-menu.small { padding-right:3.0625rem } .sub-menu.button.small:after, button.sub-menu.small:after { border-width:.4375rem; right:1.3125rem; margin-top:-.15625rem; border-color:#fff transparent transparent } .sub-menu.button.large, button.sub-menu.large { padding-right:3.625rem } .sub-menu.button.large:after, button.sub-menu.large:after { border-width:.3125rem; right:1.71875rem; margin-top:-.15625rem; border-color:#fff transparent transparent } .sub-menu.button.secondary:after, button.sub-menu.secondary:after { border-color:#333 transparent transparent } [data-magellan-expedition-clone], [data-magellan-expedition] { background:#fff; z-index:50; min-width:100%; padding:10px } [data-magellan-expedition-clone] .sub-nav, [data-magellan-expedition-clone] .sub-nav dd, [data-magellan-expedition] .sub-nav, [data-magellan-expedition] .sub-nav dd { margin-bottom:0 } [data-magellan-expedition-clone] .sub-nav a, [data-magellan-expedition] .sub-nav a { line-height:1.8em } .icon-bar { width:100%; font-size:0; display:inline-block; background:#333 } .icon-bar>*, .icon-bar>* i, .icon-bar>* img { display:block; margin:0 auto } .icon-bar>* { text-align:center; width:25%; float:left; font-size:1rem; padding:1.25rem } .icon-bar>* i { font-size:1.875rem } .icon-bar.label-right>* i, .icon-bar.label-right>* img { margin:0 .0625rem 0 0; display:inline-block } .icon-bar.label-right>* i+label, .icon-bar.label-right>* img+label { margin-top:0 } .icon-bar.label-right>* label { display:inline-block } .icon-bar.vertical.label-right>* { text-align:left } .icon-bar.vertical { height:100%; width:auto } .icon-bar.vertical .item { width:auto; margin:auto; float:none } .icon-bar>* i+label, .icon-bar>* img+label { margin-top:.0625rem } .icon-bar>* img { width:1.875rem; height:1.875rem } .icon-bar>:hover { background:#00C1F3 } .icon-bar>* i, .icon-bar>* label { color:#fff } a, a:focus, a:hover { color:#00C1F3 } .icon-bar.two-up .item { width:50% } .icon-bar.two-up.vertical .item { width:auto } .icon-bar.three-up .item { width:33.3333% } .icon-bar.three-up.vertical .item { width:auto } .icon-bar.four-up .item { width:25% } .icon-bar.four-up.vertical .item { width:auto } .icon-bar.five-up .item { width:20% } .icon-bar.five-up.vertical .item { width:auto } .icon-bar.six-up .item { width:16.66667% } .icon-bar.six-up.vertical .item { width:auto } .text-left { text-align:left!important } .text-right { text-align:right!important } .text-center { text-align:center!important } .text-justify { text-align:justify!important } @media only screen and (max-width:40em) { .small-only-text-left { text-align:left!important } .small-only-text-right { text-align:right!important } .small-only-text-center { text-align:center!important } .small-only-text-justify { text-align:justify!important } } @media only screen { .small-text-left { text-align:left!important } .small-text-right { text-align:right!important } .small-text-center { text-align:center!important } .small-text-justify { text-align:justify!important } } @media only screen and (min-width:40.063em) and (max-width:64em) { .medium-only-text-left { text-align:left!important } .medium-only-text-right { text-align:right!important } .medium-only-text-center { text-align:center!important } .medium-only-text-justify { text-align:justify!important } } @media only screen and (min-width:40.063em) { .medium-text-left { text-align:left!important } .medium-text-right { text-align:right!important } .medium-text-center { text-align:center!important } .medium-text-justify { text-align:justify!important } } @media only screen and (min-width:64.063em) and (max-width:90em) { .large-only-text-left { text-align:left!important } .large-only-text-right { text-align:right!important } .large-only-text-center { text-align:center!important } .large-only-text-justify { text-align:justify!important } } @media only screen and (min-width:64.063em) { .large-text-left { text-align:left!important } .large-text-right { text-align:right!important } .large-text-center { text-align:center!important } .large-text-justify { text-align:justify!important } } @media only screen and (min-width:90.063em) and (max-width:120em) { .xlarge-only-text-left { text-align:left!important } .xlarge-only-text-right { text-align:right!important } .xlarge-only-text-center { text-align:center!important } .xlarge-only-text-justify { text-align:justify!important } } @media only screen and (min-width:90.063em) { .xlarge-text-left { text-align:left!important } .xlarge-text-right { text-align:right!important } .xlarge-text-center { text-align:center!important } .xlarge-text-justify { text-align:justify!important } } @media only screen and (min-width:120.063em) and (max-width:99999999em) { .xxlarge-only-text-left { text-align:left!important } .xxlarge-only-text-right { text-align:right!important } .xxlarge-only-text-center { text-align:center!important } .xxlarge-only-text-justify { text-align:justify!important } } @media only screen and (min-width:120.063em) { .xxlarge-text-left { text-align:left!important } .xxlarge-text-right { text-align:right!important } .xxlarge-text-center { text-align:center!important } .xxlarge-text-justify { text-align:justify!important } } .clearing-caption, .pagination-centered, .tab-bar-section { text-align:center } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin:0; padding:0 } a { line-height:inherit } p, p.lead { line-height:1.6 } a img { border:none } p { font-size:1rem; margin-bottom:1.25rem } .subheader, h1, h2, h3, h4, h5, h6 { font-weight:400; margin-top:.2rem; margin-bottom:.5rem } p.lead { font-size:1.21875rem } p aside { font-size:.875rem; line-height:1.35; font-style:italic } h1, h2, h3, h4, h5, h6 { font-style:normal; color:#555C69; line-height:1.4 padding-top: 12px !important; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size:60%; color:#555C69; line-height:0 } .break { background-color: #0fbce7; height: 2px; margin: 10px 15px 16px 0; width: 80px; } h1::before { background-color: #cfa959; bottom: -15px; content: ""; height: 3px; left: 0; margin: auto; position: absolute; width: 50px; } h1 { font-size:2.125rem !important; } h2 { font-size:1.6875rem !important; } h3 { font-size:1.375rem !important; } h4, h5 { font-size:1.125rem !important; } h6 { font-size:1rem !important; } .subheader { line-height:1.4; color:#808b97 } b, em, i, small, strong { line-height:inherit } .vcard .fn, .vevent .summary, .vevent abbr, b, dl dt, strong { font-weight:700 } hr { border:solid #ddd; border-width:1px 0 0; margin:1.25rem 0 1.1875rem; height:0 } em, i { font-style:italic } small { font-size:60% } dl, ol, ul { font-size:1rem; line-height:1.6; margin-bottom:1.25rem } ul { margin-left:1.1rem } ul.no-bullet { margin-left:0 } ul.no-bullet li ol, ul.no-bullet li ul { margin-left:1.25rem; margin-bottom:0; list-style:none } ul li ol, ul li ul { margin-left:1.25rem; margin-bottom:0 } ul.circle, ul.disc, ul.square { margin-left:1.1rem } ul.circle li ul, ul.disc li ul, ul.square li ul { list-style:inherit } ul.square { list-style-type:square } ul.circle { list-style-type:circle } ul.disc { list-style-type:disc } ul.no-bullet { list-style:none } ol { margin-left:1.4rem } ol li ol, ol li ul { margin-left:1.25rem; margin-bottom:0 } dl dt { margin-bottom:.3rem } dl dd { margin-bottom:.75rem } .vcard, blockquote { margin:0 0 1.25rem } abbr, acronym { font-size:90%; color:#222; border-bottom:1px dotted #ddd; cursor:help } abbr { text-transform:none } blockquote { padding:.5625rem 1.25rem 0 1.1875rem; border-left:1px solid #ddd } blockquote cite { display:block; font-size:.8125rem; color:#6b7682 } blockquote cite:before { content:"\2014 \0020" } blockquote cite a, blockquote cite a:visited { color:#6b7682 } blockquote, blockquote p { line-height:1.6; color:#808b97 } .vcard { display:inline-block; border:1px solid #ddd; padding:.625rem .75rem } .vcard li { margin:0; display:block } .vcard .fn { font-size:.9375rem } .vevent abbr { cursor:default; border:none; padding:0 .0625rem } @media only screen and (min-width:40.063em) { h1, h2, h3, h4, h5, h6 { line-height:1.4 } h1 { font-size:2.75rem } h2 { font-size:2.3125rem } h3 { font-size:1.6875rem } h4 { font-size:1.4375rem } h5 { font-size:1.125rem } h6 { font-size:1rem } } .print-only { display:none!important } @media print { blockquote, img, pre, tr { page-break-inside:avoid } * { background:0 0!important; color:#000!important; box-shadow:none!important; text-shadow:none!important } a, a:visited { text-decoration:underline } a[href]:after { content:" (" attr(href) ")" } abbr[title]:after { content:" (" attr(title) ")" } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"" } blockquote, pre { border:1px solid #999 } thead { display:table-header-group } img { max-width:100%!important } @page { margin:.5cm } h2, h3, p { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } .hide-on-print { display:none!important } .print-only { display:block!important } .hide-for-print { display:none!important } .show-for-print { display:inherit!important } } .split.button.radius span, .tabs.radius .tab:last-child a, .tabs.radius dd:last-child a { border-bottom-right-radius:3px; border-top-right-radius:3px } .tabs { margin-bottom:0!important; margin-left:0 } .tabs:after, .tabs:before { content:" "; display:table } .tabs .tab-title, .tabs dd { position:relative; margin-bottom:0!important; list-style:none; float:left } .tabs .tab-title>a, .tabs dd>a { display:block; background:#efefef; color:#222; padding:1rem 2rem; font-size:1rem } .tabs .tab-title>a:hover, .tabs dd>a:hover { background:#e1e1e1 } .tabs .tab-title.active a, .tabs dd.active a { background:#fff; color:#222 } .tabs.radius .tab:first-child a, .tabs.radius dd:first-child a { border-bottom-left-radius:3px; border-top-left-radius:3px } .tabs.vertical .tab-title, .tabs.vertical dd { position:inherit; float:none; display:block; top:auto } .tabs-content { margin-bottom:1.5rem; width:100% } .tabs-content:after, .tabs-content:before { content:" "; display:table } .tabs-content>.content { display:none; float:left; padding:.9375em 0; width:100% } .tabs-content>.content.active { display:block; float:none } .tabs-content>.content.contained { padding:.9375em } .tabs-content.vertical { display:block } .tabs-content.vertical>.content { padding:0 .9375em } @media only screen and (min-width:40.063em) { .tabs.vertical { width:20%; max-width:20%; float:left; margin:0 0 1.25rem } .tabs-content.vertical { width:80%; max-width:80%; float:left; margin-left:-1px; padding-left:1rem } } .no-js .tabs-content>.content { display:block; float:none } ul.pagination { display:block; min-height:1.5rem; margin-left:-.3125rem } ul.pagination li { height:1.5rem; color:#222; font-size:.875rem; margin-left:.3125rem; float:left; display:block } ul.pagination li a, ul.pagination li button { display:block; padding:.0625rem .625rem; color:#999; background:0 0; border-radius:3px; font-weight:400; font-size:1em; line-height:inherit; transition:background-color .3s ease-out } ul.pagination li a:focus, ul.pagination li button:focus, ul.pagination li:hover a, ul.pagination li:hover button { background:#e6e6e6 } ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor:default; color:#999 } ul.pagination li.unavailable a:focus, ul.pagination li.unavailable button:focus, ul.pagination li.unavailable:hover a, ul.pagination li.unavailable:hover button { background:0 0 } ul.pagination li.current a, ul.pagination li.current button { background:#00C1F3; color:#fff; font-weight:700; cursor:default } ul.pagination li.current a:focus, ul.pagination li.current a:hover, ul.pagination li.current button:focus, ul.pagination li.current button:hover { background:#00C1F3 } .pagination-centered ul.pagination li { float:none; display:inline-block } .side-nav { display:block; margin:0; padding:18px 0; list-style-type:none; font-family:"Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif } .side-nav li { margin:0 0 .4375rem; font-size:.875rem } .side-nav li a:not(.button) { display:block; color:#00C1F3; margin:0; padding:.4375rem .875rem } .split.button.large span:after, .split.button.small span:after, .split.button.tiny span:after { margin-left:-.375rem; border-top-style:solid; top:48% } .side-nav li a:not(.button):focus, .side-nav li a:not(.button):hover { background:rgba(0, 0, 0, .025); color:#f27e7e } .side-nav li.active>a:first-child:not(.button) { color:#f27e7e; font-weight:400; font-family:"Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif } .side-nav li.divider { border-top:1px solid; height:0; padding:0; list-style:none; border-top-color:#fff } .side-nav li.heading { color:#00C1F3; font-size:.875rem; font-weight:700 } .accordion { margin-bottom:0 } .accordion:after, .accordion:before { content:" "; display:table } .accordion .accordion-navigation, .accordion dd { display:block; margin-bottom:0!important } .clearing-caption, .f-sub-menu.content>:last-child, .f-sub-menu.drop-left>:last-child, .f-sub-menu.drop-right>:last-child, .f-sub-menu.drop-top>:last-child, .f-sub-menu>:last-child, .reveal-modal>:last-child, dialog>:last-child { margin-bottom:0 } .accordion .accordion-navigation.active>a, .accordion dd.active>a { background:#e8e8e8 } .accordion .accordion-navigation>a, .accordion dd>a { background:#efefef; color:#222; padding:1rem; display:block; font-family:"Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; font-size:1rem } .accordion .accordion-navigation>a:hover, .accordion dd>a:hover { background:#e3e3e3 } .accordion .accordion-navigation>.content, .accordion dd>.content { display:none; padding:.9375em } .accordion .accordion-navigation>.content.active, .accordion dd>.content.active { display:block; background:#fff } .split.button { position:relative; padding-right:5.0625rem } .split.button span { display:block; height:100%; position:absolute; right:0; top:0; border-left:solid 1px } .split.button span, .split.button.alert span, .split.button.secondary span, .split.button.success span { border-left-color:rgba(255, 255, 255, .5) } .split.button span:after { position:absolute; content:""; width:0; height:0; display:block; border-style:solid inset inset; left:50%; border-width:.375rem; top:48%; margin-left:-.375rem; border-color:#fff transparent transparent } .split.button span:active { background-color:rgba(0, 0, 0, .1) } .split.button span { width:3.09375rem } .split.button.tiny { padding-right:3.75rem } .split.button.tiny span { width:2.25rem } .split.button.tiny span:after { border-width:.375rem } .split.button.small { padding-right:4.375rem } .split.button.small span { width:2.625rem } .split.button.small span:after { border-width:.4375rem } .split.button.large { padding-right:5.5rem } .split.button.large span { width:3.4375rem } .split.button.large span:after { border-width:.3125rem } .split.button.expand { padding-left:2rem } .split.button.secondary span:after { border-color:#333 transparent transparent } .split.button.round span { border-bottom-right-radius:1000px; border-top-right-radius:1000px } .reveal-modal-bg { position:fixed; height:100%; width:100%; background:#000; background:rgba(0, 0, 0, .45); z-index:1004; display:none; top:0; left:0 } .reveal-modal, dialog { visibility:hidden; display:none; position:absolute; z-index:1005; width:100vw; top:0; left:0; background-color:#fff; border:1px solid #666; box-shadow:0 0 10px rgba(0, 0, 0, .4); padding:1.875rem } @media only screen and (max-width:40em) { .reveal-modal, dialog { min-height:100vh } } .reveal-modal .column, .reveal-modal .columns, dialog .column, dialog .columns { min-width:0 } .reveal-modal>:first-child, dialog>:first-child { margin-top:0 } @media only screen and (min-width:40.063em) { .reveal-modal, dialog { left:50%; margin-left:-40%; width:80%; top:6.25rem } .reveal-modal.tiny, dialog.tiny { margin-left:-15%; width:30% } } .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { font-size:2.5rem; line-height:1; position:absolute; top:.5rem; right:.6875rem; color:#aaa; font-weight:700; cursor:pointer } .clearing-caption, .tooltip { line-height:1.3; background:#333 } dialog[open] { display:block; visibility:visible } .reveal-modal.radius, dialog.radius { border-radius:3px } .reveal-modal.round, dialog.round { border-radius:1000px } .reveal-modal.collapse, dialog.collapse { padding:0 } @media only screen and (min-width:40.063em) { .reveal-modal.small, dialog.small { margin-left:-20%; width:40% } .reveal-modal.medium, dialog.medium { margin-left:-30%; width:60% } .reveal-modal.large, dialog.large { margin-left:-35%; width:70% } .reveal-modal.xlarge, dialog.xlarge { margin-left:-47.5%; width:95% } } .reveal-modal.full, dialog.full { top:0; left:0; height:100%; height:100vh; min-height:100vh; margin-left:0!important } @media only screen and (min-width:40.063em) { .reveal-modal.full, dialog.full { margin-left:-50vw; width:100vw } } @media print { .reveal-modal, dialog { background:#fff!important } } .has-tip { border-bottom:dotted 1px #ccc; cursor:help; font-weight:700; color:#333 } .has-tip:focus, .has-tip:hover { border-bottom:dotted 1px #7e0c0c; color:#00C1F3 } .has-tip.tip-left, .has-tip.tip-right { float:none!important } .tooltip { display:none; position:absolute; z-index:999; font-weight:400; font-size:.875rem; padding:.75rem; max-width:300px; left:50%; width:100%; color:#fff } .tooltip>.nub { display:block; left:5px; position:absolute; width:0; height:0; border:5px solid; border-color:transparent transparent #333; top:-10px } .tooltip>.nub.rtl { left:auto; right:5px } .tooltip.radius { border-radius:3px } .tooltip.round { border-radius:1000px } .tooltip.round>.nub { left:2rem } .tooltip.opened { color:#00C1F3!important; border-bottom:dotted 1px #7e0c0c!important } .tap-to-close { display:block; font-size:.625rem; color:#777; font-weight:400 } @media only screen and (min-width:40.063em) { .tooltip>.nub { border-color:transparent transparent #333; top:-10px } .tooltip.tip-top>.nub { border-color:#333 transparent transparent; top:auto; bottom:-10px } .tooltip.tip-left, .tooltip.tip-right { float:none!important } .tooltip.tip-left>.nub { border-color:transparent transparent transparent #333; right:-10px; left:auto; top:50%; margin-top:-5px } .tooltip.tip-right>.nub { border-color:transparent #333 transparent transparent; right:auto; left:-10px; top:50%; margin-top:-5px } } .clearing-thumbs, [data-clearing] { margin-bottom:0; margin-left:0; list-style:none } .clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before { content:" "; display:table } .clearing-thumbs li, [data-clearing] li { float:left; margin-right:10px } .clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li { margin-right:0 } .clearing-blackout { background:#333; position:fixed; width:100%; height:100%; top:0; left:0; z-index:998 } .clearing-blackout .clearing-close { display:block } .clearing-container { position:relative; z-index:998; height:100%; overflow:hidden; margin:0 } .clearing-touch-label { position:absolute; top:50%; left:50%; color:#aaa; font-size:.6em } .visible-img { height:95%; position:relative } .visible-img img { position:absolute; left:50%; top:50%; margin-left:-50%; max-height:100%; max-width:100% } .clearing-caption { color:#ccc; font-size:.875em; bottom:0; width:100%; padding:10px 30px 20px; position:absolute; left:0 } .clearing-close { z-index:999; padding-left:20px; padding-top:10px; font-size:30px; line-height:1; color:#ccc; display:none } .clearing-close:focus, .clearing-close:hover { color:#ccc } .clearing-assembled .clearing-container { height:100% } .clearing-assembled .clearing-container .carousel>ul, .clearing-feature li { display:none } .clearing-feature li.clearing-featured-img { display:block } @media only screen and (min-width:40.063em) { .clearing-main-next, .clearing-main-prev { position:absolute; height:100%; width:40px; top:0 } .clearing-main-next>span, .clearing-main-prev>span { position:absolute; top:50%; display:block; width:0; height:0; border:12px solid } .clearing-main-next>span:hover, .clearing-main-prev>span:hover { opacity:.8 } .clearing-main-prev { left:0 } .clearing-main-prev>span { left:5px; border-color:transparent #ccc transparent transparent } .clearing-main-next { right:0 } .clearing-main-next>span { border-color:transparent transparent transparent #ccc } .clearing-main-next.disabled, .clearing-main-prev.disabled { opacity:.3 } .clearing-assembled .clearing-container .carousel { background:rgba(51, 51, 51, .8); height:120px; margin-top:10px; text-align:center } .clearing-assembled .clearing-container .carousel>ul { display:inline-block; z-index:999; height:100%; position:relative; float:none } .clearing-assembled .clearing-container .carousel>ul li { display:block; width:120px; min-height:inherit; float:left; overflow:hidden; margin-right:0; padding:0; position:relative; cursor:pointer; opacity:.4; clear:none } .clearing-assembled .clearing-container .carousel>ul li.fix-height img { height:100%; max-width:none } .clearing-assembled .clearing-container .carousel>ul li a.th { border:none; box-shadow:none; display:block } .clearing-assembled .clearing-container .carousel>ul li img { cursor:pointer!important; width:100%!important } .clearing-assembled .clearing-container .carousel>ul li.visible { opacity:1 } .clearing-assembled .clearing-container .carousel>ul li:hover { opacity:.8 } .clearing-assembled .clearing-container .visible-img { background:#333; overflow:hidden; height:85% } .clearing-close { position:absolute; top:10px; right:20px; padding-left:0; padding-top:0 } } .inner-wrap:after, [class*=block-grid-]:after { clear:both } .sub-nav { display:block; width:auto; margin:-.25rem 0 1.125rem -.75rem; padding-top:.25rem } .sub-nav dd, .sub-nav dt, .sub-nav li { float:left; display:inline; margin-left:1rem; margin-bottom:.625rem; font-family:"Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; font-weight:400; font-size:.875rem; color:#999 } .sub-nav dd a, .sub-nav dt a, .sub-nav li a { color:#999; padding:.1875rem 1rem } .sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover { color:#737373 } .sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a { border-radius:3px; font-weight:400; background:#00C1F3; padding:.1875rem 1rem; cursor:default; color:#fff } .sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover { background:#00C1F3 } .joyride-list { display:none } .joyride-tip-guide { display:none; position:absolute; background:#333; color:#fff; z-index:101; top:0; left:2.5%; font-family:inherit; font-weight:400; width:95% } .lt-ie9 .joyride-tip-guide { max-width:800px; left:50%; margin-left:-400px } .joyride-content-wrapper { width:100%; padding:1.125rem 1.25rem 1.5rem } .joyride-content-wrapper .button { margin-bottom:0!important } .joyride-content-wrapper .joyride-prev-tip { margin-right:10px } .joyride-tip-guide .joyride-nub { display:block; position:absolute; left:22px; width:0; height:0; border:10px solid #333 } .joyride-tip-guide .joyride-nub.top { border-top-style:solid; border-color:#333; border-top-color:transparent!important; border-left-color:transparent!important; border-right-color:transparent!important; top:-20px } .joyride-tip-guide .joyride-nub.bottom { border-bottom-style:solid; border-color:#333 transparent transparent!important; bottom:-20px } .joyride-tip-guide .joyride-nub.right { right:-20px } .joyride-tip-guide .joyride-nub.left { left:-20px } .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height:1.25; margin:0; font-weight:700; color:#fff } .joyride-tip-guide p { margin:0 0 1.125rem; font-size:.875rem; line-height:1.3 } .joyride-timer-indicator-wrap { width:50px; height:3px; border:1px solid #555; position:absolute; right:1.0625rem; bottom:1rem } .joyride-timer-indicator { display:block; width:0; height:inherit; background:#666 } .joyride-close-tip { position:absolute; right:12px; top:10px; color:#777!important; font-size:24px; font-weight:400; line-height:.5!important } .joyride-close-tip:focus, .joyride-close-tip:hover { color:#eee!important } .joyride-modal-bg { position:fixed; height:100%; width:100%; background:0 0; background:rgba(0, 0, 0, .5); z-index:100; display:none; top:0; left:0; cursor:pointer } .joyride-expose-wrapper { background-color:#fff; position:absolute; border-radius:3px; z-index:102; box-shadow:0 0 15px #fff } .joyride-expose-cover { background:0 0; border-radius:3px; position:absolute; z-index:9999; top:0; left:0 } @media only screen and (min-width:40.063em) { .joyride-tip-guide { width:300px; left:inherit } .joyride-tip-guide .joyride-nub.bottom { border-color:#333 transparent transparent!important; bottom:-20px } .joyride-tip-guide .joyride-nub.right { border-color:transparent transparent transparent #333!important; top:22px; left:auto; right:-20px } .joyride-tip-guide .joyride-nub.left { border-color:transparent #333 transparent transparent!important; top:22px; left:-20px; right:auto } .tab-bar-section { text-align:left } } .inner-wrap, .off-canvas-wrap { width:100%; -webkit-backface-visibility:hidden; position:relative } .left-small, .right-small, .tab-bar-section { top:0; position:absolute } .off-canvas-wrap.move-left, .off-canvas-wrap.move-right { min-height:100%; -webkit-overflow-scrolling:touch } .inner-wrap { -webkit-transition:-webkit-transform .5s ease; -moz-transition:-moz-transform .5s ease; -ms-transition:-ms-transform .5s ease; -o-transition:-o-transform .5s ease; transition:transform .5s ease } .left-small, .right-small, .tab-bar .menu-icon { width:2.8125rem; height:2.8125rem } .inner-wrap:after, .inner-wrap:before { content:" "; display:table } .tab-bar { -webkit-backface-visibility:hidden; background:#333; color:#fff; height:2.8125rem; line-height:2.8125rem; position:relative } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color:#fff; font-weight:700; line-height:2.8125rem; margin:0 } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size:1.125rem } .left-small { border-right:solid 1px #1a1a1a; left:0 } .right-small { border-left:solid 1px #1a1a1a; right:0 } .tab-bar-section { padding:0 .625rem; height:2.8125rem } .tab-bar-section.left { left:0; right:2.8125rem } .tab-bar-section.right { left:2.8125rem; right:0 } .tab-bar-section.middle { left:2.8125rem; right:2.8125rem } .tab-bar .menu-icon { text-indent:2.1875rem; display:block; padding:0; color:#fff; position:relative; transform:translate3d(0, 0, 0) } .tab-bar .menu-icon span::after { content:""; position:absolute; display:block; height:0; top:50%; margin-top:-.5rem; left:.90625rem; box-shadow:0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; width:1rem } .left-off-canvas-menu, .right-off-canvas-menu { -webkit-backface-visibility:hidden; width:15.625rem; top:0; bottom:0; position:absolute; overflow-y:auto; background:#333; z-index:1001; box-sizing:content-box; transition:transform .5s ease 0s; -webkit-overflow-scrolling:touch } .tab-bar .menu-icon span:hover:after { box-shadow:0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3 } .left-off-canvas-menu { -ms-transform:translate(-100.5%, 0); -webkit-transform:translate3d(-100.5%, 0, 0); -moz-transform:translate3d(-100.5%, 0, 0); -ms-transform:translate3d(-100.5%, 0, 0); -o-transform:translate3d(-100.5%, 0, 0); transform:translate3d(-100.5%, 0, 0); left:0 } .left-off-canvas-menu * { -webkit-backface-visibility:hidden } .right-off-canvas-menu { -ms-transform:translate(100.5%, 0); -webkit-transform:translate3d(100.5%, 0, 0); -moz-transform:translate3d(100.5%, 0, 0); -ms-transform:translate3d(100.5%, 0, 0); -o-transform:translate3d(100.5%, 0, 0); transform:translate3d(100.5%, 0, 0); right:0 } .move-left .exit-off-canvas, .move-right .exit-off-canvas { z-index:1002; -webkit-backface-visibility:hidden; box-shadow:-4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5); top:0; bottom:0; left:0; right:0; -webkit-tap-highlight-color:transparent; position:absolute; cursor:pointer } .move-left .exit-off-canvas, .move-right .exit-off-canvas, .offcanvas-overlap .exit-off-canvas, ul.off-canvas-list li a { transition:background .3s ease; display:block } .right-off-canvas-menu * { -webkit-backface-visibility:hidden } ul.off-canvas-list { list-style-type:none; padding:0; margin:0 } ul.off-canvas-list li label { display:block; padding:.3rem .9375rem; color:#999; font-size:.75rem; font-weight:700; background:#444; border-top:1px solid #5e5e5e; border-bottom:none; margin:0 } .f-sub-menu, .f-sub-menu.drop-left, .f-sub-menu.drop-right { margin-left:-2px; margin-top:0 } ul.off-canvas-list li a { padding:.66667rem; color:rgba(255, 255, 255, .7); border-bottom:1px solid #262626 } ul.off-canvas-list li a:hover { background:#242424 } .move-right>.inner-wrap { -ms-transform:translate(15.625rem, 0); -webkit-transform:translate3d(15.625rem, 0, 0); -moz-transform:translate3d(15.625rem, 0, 0); -ms-transform:translate3d(15.625rem, 0, 0); -o-transform:translate3d(15.625rem, 0, 0); transform:translate3d(15.625rem, 0, 0) } .move-right .exit-off-canvas { background:rgba(255, 255, 255, .2) } @media only screen and (min-width:40.063em) { .move-right .exit-off-canvas:hover { background:rgba(255, 255, 255, .05) } } .move-left>.inner-wrap { -ms-transform:translate(-15.625rem, 0); -webkit-transform:translate3d(-15.625rem, 0, 0); -moz-transform:translate3d(-15.625rem, 0, 0); -ms-transform:translate3d(-15.625rem, 0, 0); -o-transform:translate3d(-15.625rem, 0, 0); transform:translate3d(-15.625rem, 0, 0) } .move-left .exit-off-canvas { background:rgba(255, 255, 255, .2) } @media only screen and (min-width:40.063em) { .move-left .exit-off-canvas:hover { background:rgba(255, 255, 255, .05) } } .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none; z-index:1003 } .offcanvas-overlap .exit-off-canvas { -webkit-backface-visibility:hidden; cursor:pointer; box-shadow:-4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5); position:absolute; background:rgba(255, 255, 255, .2); top:0; bottom:0; left:0; right:0; z-index:1002; -webkit-tap-highlight-color:transparent } @media only screen and (min-width:40.063em) { .offcanvas-overlap .exit-off-canvas:hover { background:rgba(255, 255, 255, .05) } } .f-sub-menu, .f-sub-menu.drop-left, .f-sub-menu.drop-right, .f-sub-menu.drop-top { background:#fff; list-style:none; max-height:none; font-size:.875rem; max-width:200px } .no-csstransforms .left-off-canvas-menu { left:-15.625rem } .no-csstransforms .right-off-canvas-menu { right:-15.625rem } .no-csstransforms .move-left>.inner-wrap { right:15.625rem } .no-csstransforms .move-right>.inner-wrap { left:15.625rem } .f-sub-menu { position:absolute; left:-9999px; width:100%; height:auto; border:1px solid #ccc; z-index:99 } .f-sub-menu:after, .f-sub-menu:before { content:""; display:block; width:0; height:0; left:auto; position:absolute } .f-sub-menu>:first-child { margin-top:0 } .f-sub-menu.right:before { left:auto; right:10px } .f-sub-menu.right:after { left:auto; right:9px } .f-sub-menu:before { border:6px inset; border-color:transparent transparent transparent #fff; border-left-style:solid; top:10px; right:-12px; z-index:99 } .f-sub-menu:after { border:7px inset; border-color:transparent transparent transparent #ccc; border-left-style:solid; top:9px; right:-14px; z-index:98 } .f-sub-menu.drop-right { position:absolute; left:-9999px; width:100%; height:auto; border:1px solid #ccc; z-index:99 } .f-sub-menu.drop-right:after, .f-sub-menu.drop-right:before { content:""; display:block; width:0; height:0; left:auto; position:absolute } .f-sub-menu.drop-right>:first-child { margin-top:0 } .f-sub-menu.drop-right:before { border:6px inset; border-color:transparent transparent transparent #fff; border-left-style:solid; top:10px; right:-12px; z-index:99 } .f-sub-menu.drop-right:after { border:7px inset; border-color:transparent transparent transparent #ccc; border-left-style:solid; top:9px; right:-14px; z-index:98 } .f-sub-menu.drop-left { position:absolute; left:-9999px; width:100%; height:auto; border:1px solid #ccc; z-index:99 } .f-sub-menu.drop-left:after, .f-sub-menu.drop-left:before { content:""; display:block; width:0; height:0; left:auto; position:absolute } .f-sub-menu.drop-left>:first-child { margin-top:0 } .f-sub-menu.drop-left:before { border:6px inset; border-color:transparent transparent transparent #fff; border-left-style:solid; top:10px; right:-12px; z-index:99 } .f-sub-menu.drop-left:after { border:7px inset; border-color:transparent transparent transparent #ccc; border-left-style:solid; top:9px; right:-14px; z-index:98 } .f-sub-menu.drop-top { position:absolute; left:-9999px; width:100%; height:auto; border:1px solid #ccc; z-index:99; margin-top:-2px; margin-left:0 } .f-sub-menu.drop-top:after, .f-sub-menu.drop-top:before { content:""; width:0; height:0; top:auto; right:auto; display:block; position:absolute } .f-sub-menu.content>:first-child, .f-sub-menu.drop-top>:first-child { margin-top:0 } .f-sub-menu.drop-top:before { border:6px inset; border-color:#fff transparent transparent; border-top-style:solid; bottom:-12px; left:10px; z-index:99 } .f-sub-menu.drop-top:after { border:7px inset; border-color:#ccc transparent transparent; border-top-style:solid; bottom:-14px; left:9px; z-index:98 } .f-sub-menu li { font-size:.875rem; cursor:pointer; line-height:1.125rem; margin:0 } .f-sub-menu li:focus, .f-sub-menu li:hover { background:#eee } .f-sub-menu li a { display:block; padding:.5rem; color:#555 } .f-sub-menu.content { position:absolute; left:-9999px; list-style:none; padding:1.25rem; width:100%; height:auto; max-height:none; background:#fff; border:1px solid #ccc; font-size:.875rem; z-index:99; margin-top:0; margin-left:-2px; max-width:200px } .f-sub-menu.content:after, .f-sub-menu.content:before { content:""; width:0; height:0; position:absolute; left:auto; display:block } .f-sub-menu.content:before { border:6px inset; border-color:transparent transparent transparent #fff; border-left-style:solid; top:10px; right:-12px; z-index:99 } .f-sub-menu.content:after { border:7px inset; border-color:transparent transparent transparent #ccc; border-left-style:solid; top:9px; right:-14px; z-index:98 } .range-slider, .range-slider.vertical-range { position:relative; border:1px solid #ddd; margin:1.25rem 0 } .f-sub-menu.tiny { max-width:200px } .f-sub-menu.small { max-width:300px } .f-sub-menu.medium { max-width:500px } .f-sub-menu.large { max-width:800px } .range-slider { display:block; width:100%; height:1rem; -ms-touch-action:none; touch-action:none; background:#fafafa } .range-slider.vertical-range { -ms-touch-action:none; touch-action:none; display:inline-block; width:1rem; height:12.5rem } .range-slider.vertical-range .range-slider-handle { margin-top:0; margin-left:-.5rem; position:absolute; bottom:-10.5rem } .range-slider.vertical-range .range-slider-active-segment { width:.875rem; height:auto; bottom:0 } .range-slider.radius { background:#fafafa; border-radius:3px } .range-slider.radius .range-slider-handle { background:#00C1F3; border-radius:3px } .range-slider.radius .range-slider-handle:hover { background:#ea2525 } .range-slider.round { background:#fafafa; border-radius:1000px } .range-slider.round .range-slider-handle { background:#00C1F3; border-radius:1000px } .range-slider.round .range-slider-handle:hover { background:#ea2525 } .range-slider.disabled, .range-slider[disabled] { background:#fafafa; cursor:default; opacity:.7 } .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { background:#00C1F3; cursor:default; opacity:.7 } .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { background:#ea2525 } .range-slider-active-segment { display:inline-block; position:absolute; height:.875rem; background:#454c54 } .range-slider-handle { display:inline-block; position:absolute; z-index:1; top:-.3125rem; width:2rem; height:1.375rem; border:1px solid; cursor:pointer; background:#00C1F3 } .range-slider-handle:hover { background:#ea2525 } [class*=block-grid-] { display:block; padding:0; margin:0 -.625rem } [class*=block-grid-]:after, [class*=block-grid-]:before { content:" "; display:table } [class*=block-grid-]>li { display:block; height:auto; float:left; padding:0 .625rem 1.25rem } @media only screen { .small-block-grid-1>li { width:100%; list-style:none } .small-block-grid-1>li:nth-of-type(1n) { clear:none } .small-block-grid-1>li:nth-of-type(1n+1) { clear:both } .small-block-grid-2>li { width:50%; list-style:none } .small-block-grid-2>li:nth-of-type(1n) { clear:none } .small-block-grid-2>li:nth-of-type(2n+1) { clear:both } .small-block-grid-3>li { width:33.33333%; list-style:none } .small-block-grid-3>li:nth-of-type(1n) { clear:none } .small-block-grid-3>li:nth-of-type(3n+1) { clear:both } .small-block-grid-4>li { width:25%; list-style:none } .small-block-grid-4>li:nth-of-type(1n) { clear:none } .small-block-grid-4>li:nth-of-type(4n+1) { clear:both } .small-block-grid-5>li { width:20%; list-style:none } .small-block-grid-5>li:nth-of-type(1n) { clear:none } .small-block-grid-5>li:nth-of-type(5n+1) { clear:both } .small-block-grid-6>li { width:16.66667%; list-style:none } .small-block-grid-6>li:nth-of-type(1n) { clear:none } .small-block-grid-6>li:nth-of-type(6n+1) { clear:both } .small-block-grid-7>li { width:14.28571%; list-style:none } .small-block-grid-7>li:nth-of-type(1n) { clear:none } .small-block-grid-7>li:nth-of-type(7n+1) { clear:both } .small-block-grid-8>li { width:12.5%; list-style:none } .small-block-grid-8>li:nth-of-type(1n) { clear:none } .small-block-grid-8>li:nth-of-type(8n+1) { clear:both } .small-block-grid-9>li { width:11.11111%; list-style:none } .small-block-grid-9>li:nth-of-type(1n) { clear:none } .small-block-grid-9>li:nth-of-type(9n+1) { clear:both } .small-block-grid-10>li { width:10%; list-style:none } .small-block-grid-10>li:nth-of-type(1n) { clear:none } .small-block-grid-10>li:nth-of-type(10n+1) { clear:both } .small-block-grid-11>li { width:9.09091%; list-style:none } .small-block-grid-11>li:nth-of-type(1n) { clear:none } .small-block-grid-11>li:nth-of-type(11n+1) { clear:both } .small-block-grid-12>li { width:8.33333%; list-style:none } .small-block-grid-12>li:nth-of-type(1n) { clear:none } .small-block-grid-12>li:nth-of-type(12n+1) { clear:both } } @media only screen and (min-width:40.063em) { .medium-block-grid-1>li { width:100%; list-style:none } .medium-block-grid-1>li:nth-of-type(1n) { clear:none } .medium-block-grid-1>li:nth-of-type(1n+1) { clear:both } .medium-block-grid-2>li { width:50%; list-style:none } .medium-block-grid-2>li:nth-of-type(1n) { clear:none } .medium-block-grid-2>li:nth-of-type(2n+1) { clear:both } .medium-block-grid-3>li { width:33.33333%; list-style:none } .medium-block-grid-3>li:nth-of-type(1n) { clear:none } .medium-block-grid-3>li:nth-of-type(3n+1) { clear:both } .medium-block-grid-4>li { width:25%; list-style:none } .medium-block-grid-4>li:nth-of-type(1n) { clear:none } .medium-block-grid-4>li:nth-of-type(4n+1) { clear:both } .medium-block-grid-5>li { width:20%; list-style:none } .medium-block-grid-5>li:nth-of-type(1n) { clear:none } .medium-block-grid-5>li:nth-of-type(5n+1) { clear:both } .medium-block-grid-6>li { width:16.66667%; list-style:none } .medium-block-grid-6>li:nth-of-type(1n) { clear:none } .medium-block-grid-6>li:nth-of-type(6n+1) { clear:both } .medium-block-grid-7>li { width:14.28571%; list-style:none } .medium-block-grid-7>li:nth-of-type(1n) { clear:none } .medium-block-grid-7>li:nth-of-type(7n+1) { clear:both } .medium-block-grid-8>li { width:12.5%; list-style:none } .medium-block-grid-8>li:nth-of-type(1n) { clear:none } .medium-block-grid-8>li:nth-of-type(8n+1) { clear:both } .medium-block-grid-9>li { width:11.11111%; list-style:none } .medium-block-grid-9>li:nth-of-type(1n) { clear:none } .medium-block-grid-9>li:nth-of-type(9n+1) { clear:both } .medium-block-grid-10>li { width:10%; list-style:none } .medium-block-grid-10>li:nth-of-type(1n) { clear:none } .medium-block-grid-10>li:nth-of-type(10n+1) { clear:both } .medium-block-grid-11>li { width:9.09091%; list-style:none } .medium-block-grid-11>li:nth-of-type(1n) { clear:none } .medium-block-grid-11>li:nth-of-type(11n+1) { clear:both } .medium-block-grid-12>li { width:8.33333%; list-style:none } .medium-block-grid-12>li:nth-of-type(1n) { clear:none } .medium-block-grid-12>li:nth-of-type(12n+1) { clear:both } } @media only screen and (min-width:64.063em) { .large-block-grid-1>li { width:100%; list-style:none } .large-block-grid-1>li:nth-of-type(1n) { clear:none } .large-block-grid-1>li:nth-of-type(1n+1) { clear:both } .large-block-grid-2>li { width:50%; list-style:none } .large-block-grid-2>li:nth-of-type(1n) { clear:none } .large-block-grid-2>li:nth-of-type(2n+1) { clear:both } .large-block-grid-3>li { width:33.33333%; list-style:none } .large-block-grid-3>li:nth-of-type(1n) { clear:none } .large-block-grid-3>li:nth-of-type(3n+1) { clear:both } .large-block-grid-4>li { width:25%; list-style:none } .large-block-grid-4>li:nth-of-type(1n) { clear:none } .large-block-grid-4>li:nth-of-type(4n+1) { clear:both } .large-block-grid-5>li { width:20%; list-style:none } .large-block-grid-5>li:nth-of-type(1n) { clear:none } .large-block-grid-5>li:nth-of-type(5n+1) { clear:both } .large-block-grid-6>li { width:16.66667%; list-style:none } .large-block-grid-6>li:nth-of-type(1n) { clear:none } .large-block-grid-6>li:nth-of-type(6n+1) { clear:both } .large-block-grid-7>li { width:14.28571%; list-style:none } .large-block-grid-7>li:nth-of-type(1n) { clear:none } .large-block-grid-7>li:nth-of-type(7n+1) { clear:both } .large-block-grid-8>li { width:12.5%; list-style:none } .large-block-grid-8>li:nth-of-type(1n) { clear:none } .large-block-grid-8>li:nth-of-type(8n+1) { clear:both } .large-block-grid-9>li { width:11.11111%; list-style:none } .large-block-grid-9>li:nth-of-type(1n) { clear:none } .large-block-grid-9>li:nth-of-type(9n+1) { clear:both } .large-block-grid-10>li { width:10%; list-style:none } .large-block-grid-10>li:nth-of-type(1n) { clear:none } .large-block-grid-10>li:nth-of-type(10n+1) { clear:both } .large-block-grid-11>li { width:9.09091%; list-style:none } .large-block-grid-11>li:nth-of-type(1n) { clear:none } .large-block-grid-11>li:nth-of-type(11n+1) { clear:both } .large-block-grid-12>li { width:8.33333%; list-style:none } .large-block-grid-12>li:nth-of-type(1n) { clear:none } .large-block-grid-12>li:nth-of-type(12n+1) { clear:both } } /****** FILE: themes/internetrix/plugins/prism/prism.zip.css *****/ pre.line-numbers, pre.line-numbers>code { position:relative } code[class*=language-], pre[class*=language-] { color:#000; text-shadow:0 1px #fff; font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; direction:ltr; text-align:left; white-space:pre; word-spacing:normal; word-break:normal; word-wrap:normal; line-height:1.5; -moz-tab-size:4; -o-tab-size:4; tab-size:4; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none } code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection { text-shadow:none; background:#b3d4fc } code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection { text-shadow:none; background:#b3d4fc } @media print { code[class*=language-], pre[class*=language-] { text-shadow:none } } pre[class*=language-] { padding:1em; margin:.5em 0; overflow:auto } :not(pre)>code[class*=language-], pre[class*=language-] { background:#f5f2f0 } :not(pre)>code[class*=language-] { padding:.1em; border-radius:.3em; white-space:normal } .token.cdata, .token.comment, .token.doctype, .token.prolog { color:#708090 } .token.punctuation { color:#999 } .namespace { opacity:.7 } .token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color:#905 } .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color:#690 } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { color:#a67f59; background:hsla(0, 0%, 100%, .5) } .token.atrule, .token.attr-value, .token.keyword { color:#07a } .token.function { color:#DD4A68 } .token.important, .token.regex, .token.variable { color:#e90 } .token.bold, .token.important { font-weight:700 } .token.italic { font-style:italic } .token.entity { cursor:help } pre.line-numbers { padding-left:3.8em; counter-reset:linenumber } .line-numbers .line-numbers-rows { position:absolute; pointer-events:none; top:0; font-size:100%; left:-3.8em; width:3em; letter-spacing:-1px; border-right:1px solid #999; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .line-numbers-rows>span { pointer-events:none; display:block; counter-increment:linenumber } .line-numbers-rows>span:before { content:counter(linenumber); color:#999; display:block; padding-right:.8em; text-align:right } /****** FILE: themes/internetrix/css/style.css *****/ /** Exports to ../css/style.css **/ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /*** Fonts ***/ /* @import 'fonts/fonts'; */ /*** Mixins ***/ /* Header Colour */ /* Secondary Colours */ /* Paragraph Text Colour */ /*** Plugins ***/ /* FlexSlider */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flexslider.normal-slider .slides img { width: auto; max-width: 100%; margin: 0 auto; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* Slider */ .flexslider { position: relative; zoom: 1; } .flex-control-nav { position: absolute; bottom: 5px; width: 100%; text-align: center; z-index: 2; } .flex-direction-nav li a { display: block; text-indent: -99999px; text-transform: capitalize; width: 42px; height: 42px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-position: 0px 0px; background-repeat: no-repeat; background-size: 150px 66px; background-color: rgba(30, 35, 39, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .flex-direction-nav li a:after { content: ''; position: absolute; top: 3px; left: 3px; width: 36px; height: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px dashed #FFFFFF; -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(0deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(0deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(0deg); transform-origin: 18px 18px; transform: rotate(0deg); } .flex-direction-nav li a:hover:after { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .flex-direction-nav li a.flex-prev:hover:after { -webkit-animation-name: poptwo; animation-name: poptwo; } /* Pop */ @-webkit-keyframes pop { 0% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(0deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(0deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(0deg); transform-origin: 18px 18px; transform: rotate(0deg); } 100% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(360deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(360deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(360deg); transform-origin: 18px 18px; transform: rotate(360deg); } } @keyframes pop { 0% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(0deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(0deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(0deg); transform-origin: 18px 18px; transform: rotate(0deg); } 100% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(360deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(360deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(360deg); transform-origin: 18px 18px; transform: rotate(360deg); } } /* Pop Two*/ @-webkit-keyframes poptwo { 0% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(0deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(0deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(0deg); transform-origin: 18px 18px; transform: rotate(0deg); } 100% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(-360deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(-360deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(-360deg); transform-origin: 18px 18px; transform: rotate(-360deg); } } @keyframes poptwo { 0% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(0deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(0deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(0deg); transform-origin: 18px 18px; transform: rotate(0deg); } 100% { -webkit-transform-origin: 18px 18px; -webkit-transform: rotate(-360deg); -moz-transform-origin: 18px 18px; -moz-transform: rotate(-360deg); -ms-transform-origin: 18px 18px; -ms-transform: rotate(-360deg); transform-origin: 18px 18px; transform: rotate(-360deg); } } .flex-direction-nav li a.flex-prev { position: absolute; top: 50%; margin-top: -18px; left: 36px; background-position: -40px 0px; } .flex-direction-nav li a.flex-next { position: absolute; top: 50%; margin-top: -18px; right: 36px; background-position: -82px 0px; } .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; margin: 0 5px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .flex-control-nav li a { display: inline-block; zoom: 1; *display: inline; text-indent: -9999px; text-transform: capitalize; display: block; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; /* easing*/ -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .flex-control-nav li a:hover { background: #FFFFFF; } .flex-control-nav li a.flex-active { background: #FFFFFF; } .fleximages img { display: block; max-width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 9px 0px 0px 0px; position: static; overflow: hidden; } .flex-control-thumbs li { width: 23.5%; margin: 0; margin-right: 2%; float: left; } .flex-control-thumbs li:nth-child(4) { margin-right: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: 0.5; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #132431; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #172c3d; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #172c3d; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } .close-btn { display: block; width: 50px; height: 50px; padding: 0; border: 0; outline: none; background-image: url("../images/sprite.svg"); background-position: -428px 0px; background-repeat: no-repeat; overflow: hidden; white-space: nowrap; text-indent: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-tap-highlight-color: transparent; } .no-svg .close-btn { background-image: url("../images/sprite.png"); } .close-btn:focus, .close-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .nav-btn { float: left; padding: 14px 14px 14px 43px; line-height: 20px; height: 48px; position: relative; color: #FFFFFF; display: block; font-weight: 500; font-size: 1em; outline: none; white-space: nowrap; -webkit-tap-highlight-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .nav-btn:hover { background-color: rgba(255, 255, 255, 0.2); } .nav-btn:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; } .nav-btn .icon { position: absolute; top: 0; left: 0; width: 46px; padding: 11px 14px; display:none; } .nav-btn span { display: block; height: 2px; background: #FFFFFF; margin: 5px 0px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .no-svg .nav-btn { background-image: url("../images/nav-icon.html"); } .nav-btn:hover, .nav-btn:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #outer-wrap { position: relative; overflow: hidden; width: 100%; } #inner-wrap { position: relative; width: 100%; } /* Mobile Open */ header nav li .mobile-open { display: none; } /* Navigation */ header { z-index: 100; position: relative; } header nav { z-index: 200; position: relative; color: #fff; float: right; margin: 0px 16px 0px 0px;/* Dropdown */ /* Main Navigation Styles */ } header nav .close-btn { display: none; } header nav .block { z-index: 2; position: relative; padding: 0; } header nav li { position: relative; } header nav li.opennav:after { border: solid transparent; content: " "; right: 50%; bottom: -24px; margin-right: -8px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #23272D; border-width: 8px; } header nav li.is-active a { color: #ed1c24; } header nav li ul.sub-menu:after { border: solid transparent; content: " "; right: 50%; bottom: 100%; margin-top: 0px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF; border-width: 4px; margin-right: -4px; } header nav li ul.sub-menu { display: none; position: absolute; top: 100%; left: 50%; margin: 0; margin-left: -80px; padding: 0; width: 160px; background: #ffffff; width: 200px; padding: 10px 0; margin-left: -100px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 10px; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; z-index: 1; } header nav li:hover ul.sub-menu { display: block; } header nav li ul.sub-menu li { float: none; padding: 0px; margin: 0px; } header nav li ul.sub-menu li a { text-align: left; border: none; padding: 10px 15px; margin: 0px; height: auto; background: #FFFFFF; color: #333333; font-weight: normal; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } header nav li ul.sub-menu li a:hover { background: #00C1F3; color: #FFFFFF; } header nav li { float: left; margin: 34px 0px 32px 0px; } header nav li a { position: relative; display: block; color: #FFFFFF; text-align: center; font-weight: 500; font-size: 16px; font-size: 1.1rem; padding: 8px 11px; line-height: 20px; height: 36px; margin: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, 0); -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } header nav li a:hover { background-color: rgba(255, 255, 255, 0.1); } header .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media screen and (min-width: 71.25em) { header .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } header nav .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } header nav .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media screen and (max-width: 71.25em) { /* Mobile Open */ header nav li .mobile-open { cursor: pointer; display: block; position: absolute; top: 8px; right: 8px; height: 34px; width: 34px; background: rgba(255, 255, 255, 0.1); z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0; margin: 0; border: none; } header nav li .mobile-open:hover, header nav li .mobile-open.open { background-color: rgba(255, 255, 255, 0.2); } header nav li .mobile-open .icon { position: absolute; height: 10px; width: 10px; top: 12px; left: 12px; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); -webkit-transition: all 200ms ease 0; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0; transition: all 200ms ease 0; } header nav li .mobile-open.open .icon { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } header nav li .mobile-open span.one { background-color: #FFFFFF; height: 10px; width: 2px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -1px; } header nav li .mobile-open span.two { background-color: #FFFFFF; height: 2px; width: 10px; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; } /* Second Level */ header nav li a.has-drop { padding: 15px 50px 15px 15px; } header nav li:hover ul.sub-menu { display: none; } header nav li:hover ul.sub-menu.active { display: block; } header nav li ul.sub-menu { position: static; display: none; margin: 0; padding: 10px 0px; width: 100%; border-radius: 0px; } header nav li ul.sub-menu:after { content: none; } header nav li ul.sub-menu.active { display: block; } /* Nav */ header nav { position: absolute; top: 0; padding-top: 5.25em; overflow: hidden; margin: 0px; position: absolute; top: 0; padding-top: 5.25em; overflow: hidden; background: rgba(0, 0, 0, 0.75); left: 0; bottom: 0; } header nav:not(:target) { padding: 0; z-index: 1; height: 0; } header nav:target .close-btn { display: block; } header nav .close-btn { position: absolute; top: 20px; left: 15px; } header nav .block { position: relative; padding: 0; } header ul { display: block; } /* Mobile Nav Styles */ header, header .columns, header .row { position: static; } header nav { float: none; } header nav li { display: block; position: relative; border: none; background: none; padding: 0; margin: 0; float: none; } /* header nav li.is-active:after { z-index: 50; display: block; content: ""; position: absolute; top: 50%; right: -0.03125em; margin-top: -0.625em; border-top: 0.625em transparent solid; border-bottom: 0.625em transparent solid; border-right: 0.625em white solid; } */ header nav li a { height: auto; line-height: 1.125em; text-align: left; font-size: 1.125em; padding: 15px; color: #FFFFFF; background: none; } header nav li a:hover, header nav li a:hover { color: #00C1F3; } header nav li a.has-drop:after { border: none; } header nav li ul.sub-menu, header nav li:hover ul.sub-menu { display: none; } header nav li.is-active a { color: #FFFFFF; } header nav li.is-active a:after { background: none; border: none; } .js-ready header nav { height: 100%; width: 60%; background: #132734; } .js-ready header nav .block { background: transparent; } .js-ready header nav .close-btn { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .js-ready header nav .close-btn:focus, .js-ready header nav .close-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .js-ready header nav { left: -60%; } .js-ready #inner-wrap { left: 0; } .js-nav #inner-wrap { left: 60%; } .csstransforms3d.csstransitions.js-ready header nav { padding-top: 5.25em; left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.js-ready #inner-wrap { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.js-ready #inner-wrap:before { content: ''; visibility: hidden; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(15, 188, 231, 0); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 3; } .csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); } .csstransforms3d.csstransitions.js-nav #inner-wrap:before { visibility: visible; background-color: rgba(15, 188, 231, 0.5); } .csstransforms3d.csstransitions.js-ready header nav .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .csstransforms3d.csstransitions.js-nav header nav .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media all and (max-width: 40.063em) { /* Header */ .nav-btn, header a.mn-search { text-indent: -99999px; padding: 14px; width: 48px; } } /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 100%; height: 460px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } /* Phone Slider */ .phone-slider .rsArrow { position: absolute; top: 50%; margin-top: -40px; width: 48px; height: 80px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 246px 150px; background-position: -150px -20px; background-repeat: no-repeat; -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; opacity: 0.25; } .phone-slider .rsArrow:hover { opacity: 1; } .phone-slider .rsArrow.rsArrowLeft { left: -200px; } .phone-slider .rsArrow.rsArrowRight { right: -200px; background-position: -198px -20px; } /* Slider In Laptop */ .slider-in-laptop { position: absolute; padding: 3.8% 13% 0 13%; max-width: 100%; background: none; } .slider-in-laptop .rsOverflow, .slider-in-laptop .rsSlide, .slider-in-laptop .rsVideoFrameHolder, .slider-in-laptop .rsThumbs { background: none; } .slider-in-laptop img { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .slider-in-laptop .rsArrow { position: absolute; top: 50%; margin-top: 0px; width: 48px; height: 80px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 246px 150px; background-position: -150px -20px; background-repeat: no-repeat; -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; opacity: 0.25; } .slider-in-laptop .rsArrow:hover { opacity: 1; } .rsArrowLeft { left: -50px; } .slider-in-laptop .rsArrow.rsArrowRight { right: -50px; background-position: -198px -20px; } /* Beside Slider */ .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor: url(grab.html) 8 8, move; } .grabbing-cursor { cursor: url(grabbing.html) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.html); } .royalSlider img { max-width: 100%; height: auto; display: block; -webkit-transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; transition: all 5s ease-in-out; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .royalSlider img { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { /* background: white url(".../ajax-loader.gif") center center no-repeat; */ } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { max-width: 100%; margin: 0 auto; display: block; pointer-events: none; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; padding: 0px 12px; } .slick-slide:hover img { -webkit-transform: scale(0.9) rotate(0.1deg); -moz-transform: scale(0.9) rotate(0.1deg); transform: scale(0.9) rotate(0.1deg); } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev:before { content: "\2190"; } .slick-next { right: -25px; } .slick-next:before { content: "\2192"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } [dir="rtl"] .slick-next { right: auto; left: -25px; } [dir="rtl"] .slick-next:before { content: "\2190"; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } [dir="rtl"] .slick-prev:before { content: "\2192"; } [dir="rtl"] .slick-slide { float: right; } .content .tabs, .content .accordion { border-top: 2px solid #C1D1D5; border-left: 2px solid #C1D1D5; border-right: 2px solid #C1D1D5; border-bottom: 0; background: rgba(225, 231, 234, 0.5); margin: 12px 0px; } .content .tabs-content { border-bottom: 2px solid #C1D1D5; border-left: 2px solid #C1D1D5; border-right: 2px solid #C1D1D5; border-top: 0; background: rgba(225, 231, 234, 0.5); } .content .accordion dd { border-bottom: 2px solid #C1D1D5; } .content .tabs .tab-title > a, .content .tabs .tab-title > a:link, .content .accordion .accordion-navigation > a, .content .accordion .accordion-navigation > a:link { background: none; border: 0px; padding: 20px 45px 20px 25px; font-weight: bold; color: #132734; position: relative; } .content .tabs .tab-title > a:after, .content .accordion .accordion-navigation > a:after { position: absolute; right: 20px; top: 50%; margin-top: -5px; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #616a6e; } .content .tabs .tab-title.active > a:after, .content .accordion .accordion-navigation.active > a:after { width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #616a6e transparent transparent transparent; } .content .tabs-content, .content .accordion-navigation > .content { padding: 12px 25px; background: white; } .content .tabs .tab-title.active, .content .accordion .accordion-navigation.active > a { background: white; } .content .accordion .accordion-navigation.active > a, .content .accordion .accordion-navigation.active > a:link, .content .tabs .tab-title.active a, .content .tabs .tab-title.active a:link { color: #0FBCE7; } .content .tabs-content > .content *, .content .accordion-navigation > .content * { font-size: 1em; } /**** Showcase ****/ /* Portfolio Fitlers */ .portfolio-top { background: rgba(9, 33, 45, 0.5); padding: 20px 0px; } .portfolio-top #portfolio-filters { text-align: center; } .portfolio-top #portfolio-filters p { display: inline-block; display: inline; zoom: 1; color: #FFFFFF; font-size: 1em; line-height: 18px; height: 18px; margin: 0px 15px; } .portfolio-top #portfolio-filters button { font-family: 'Ubuntu', sans-serif; font-size: 1em; line-height: 18px; height: 18px; font-weight: bold; color: #FFFFFF; border: none; background: none; outline: none; cursor: pointer; margin: 0px 15px; padding: 0px; position: relative; } .portfolio-top #portfolio-filters button:hover { color: #0FBCE7; } .portfolio-top #portfolio-filters button.active { color: #0FBCE7; } .portfolio-top #portfolio-filters button.active:after { bottom: -20px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 8px; margin-left: -8px; } /* Portfolio */ .portfolio { background: #FFFFFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #portfolio-isotope { padding: 1%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #portfolio-isotope .pt-item { width: 22.5%; margin: 1%; float: left;/* just for nicer preloading */ } #portfolio-isotope .pt-item .pt-image { margin: 0 0 0.5em 0; position: relative; padding-top: 66.6666%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #282b32; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; /* this fixes the overflow:hidden in Chrome */ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } #portfolio-isotope .pt-item .pt-image .overlay { position: absolute; background: rgba(15, 188, 231, 0.75); top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; color: #FFF; text-align: center; } #portfolio-isotope .pt-item .pt-image:hover .overlay { visibility: visible; opacity: 1; } .ov-middle { position: absolute; height: 100px; width: 100%; top: 50%; margin-top: -40px; padding: 0px 10px; } #portfolio-isotope .pt-item .pt-image img { display: block; max-width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio-isotope .pt-item .pt-title { width: 70%; float: left; } #portfolio-isotope .pt-item .pt-title h4 { color: #132734; font-weight: bold; margin: 0px 0px 4px 0px; } #portfolio-isotope .pt-item .pt-title h4 a { color: #444; text-decoration: none; } #portfolio-isotope .pt-item .pt-title h4 a:hover { color: #0FBCE7; } #portfolio-isotope .pt-item .pt-title p { float: left; width: 70%; font-weight: 300; font-size: 0.75em; color: #999; } /*** Primary ***/ /* Body */ body { font-family: 'Ubuntu', sans-serif; background: #132734; } input { font-family: 'Ubuntu', sans-serif; } p { font-family: "Open Sans", 'Ubuntu', sans-serif; } * { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .page { background: #FFFFFF; } /* Text Highlight */ ::selection { background-color: rgba(251, 187, 83, 0.9); color: #132734; } ::-moz-selection { background-color: rgba(251, 187, 83, 0.9); color: #132734; } /* Global Styles */ .space { height: 1px; } .hide { position: absolute; top: -9999px; left: -9999px; } .hidden { display: none; } .clear { clear: both; } .desktop-clear { clear: both; } .floatleft { float: left; } .floatright { float: right; } img.floatleft, .img.floatright { position: relative; } .alignleft { text-align: left; } .alignright { text-align: right; } /* Contact Form */ form label { margin: 0px; padding: 0px; display: block; color: #3b3f46; font-size: 1.125em; line-height: 1.125em; font-weight: 500; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } form label.required, form label.error, form span.required, form span.validation { display: block; background: #FFE5E5; padding: 10px; color: #D51313; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; margin: -6px 0px 0 0; font-size: 1.125em; line-height: 1.125em; font-weight: 500; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .requiredField > label:after { content: " *"; color: #D51313; } form label span { color: #3e91b5; } form input, form select, form textarea { font-family: 'Ubuntu', sans-serif; position: relative; } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="file"], form select, form textarea { background: #FFFFFF; border: 3px solid #CDD2D8; padding: 12px; font-size: 1em; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; color: #475372; margin: 0; } form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="file"]:focus, form select:focus, form textarea:focus { outline: none; border: 3px solid #0FBCE7; } form input[type="submit"] { font-size: 1em; background: #FFFFFF; color: #FFFFFF; padding: 15px; border: none; margin: 18px 0px; cursor: pointer; font-size: 1.125em; text-transform: uppercase; font-weight: 700; color: #3b3f46; border: 3px solid #0FBCE7; padding: 12px; font-size: 1em; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-width: 220px; text-align: center; } form input[type="submit"]:hover { border-color: #A2A8B2; } form textarea { overflow: auto; resize: vertical; } form input[type="file"], form input[type="checkbox"], form input[type="radio"] { margin: 0 0 0.44444rem 0; } form input[type="checkbox"] + label, form input[type="radio"] + label { font-size: 1em; display: inline-block; padding: 0; margin-top: 0em; margin-left: 0.44444em; margin-right: 0.88889em; margin-bottom: 0; vertical-align: baseline; } .optionset li { position: relative; padding-left: 16px; margin: 0px 0px 12px 0px; } .optionset li label { font-size: 0.875em; } .optionset li input[type="checkbox"], .optionset li input[type="radio"] { position: absolute; top: 0px; left: 0px; margin: 4px 0px; } /* Custom Form Styles */ .form-holder { color: #132734; margin: 18px 0px; } .form-holder.content-above { padding: 30px 0px 0px 0px; border-top: 1px dotted #CDD2D8; } .form-holder label { color: #132734; } .form-holder label.left { padding-bottom: 12px; } .form-holder .field { margin: 0px 0px 24px 0px; } .form-holder h1, .form-holder h2, .form-holder h3, .form-holder h4, .form-holder h5, .form-holder h6 { font-weight: bold; color: #132734; font-size: 1.25em; line-height: 1.25em; } .form-holder p { color: #656C74; font-size: 1.125em; line-height: 1.6em; padding: 12px 0px; } .form-holder a, .form-holder a:link, .form-holder a:visited { color: #132734; text-decoration: none; position: relative; padding-bottom: 2px; border-bottom: 1px dotted #0FBCE7; } .form-holder a:hover, .form-holder a:focus { color: #0FBCE7; border-bottom: 1px solid #0FBCE7; } .form-holder a:active, .form-holder a:focus { color: #0FBCE7; text-decoration: none; outline: none; } .form-holder input[type="submit"] { font-size: 1.25em; } /* Header */ header { background: #132734; padding: 0px; } /* Header: Fixed */ header { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index: 50;/* -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); */ } header nav li.is-active a { color: #0FBCE7; } header.stuck, .home-banner .header-holder header.stuck, .about-banner .header-holder header.stuck { position: fixed; z-index: 100; opacity: 1; top: 0px; left: 0px; width: 100%; background: #132734; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); animation: drop 0.5s ease; -webkit-animation: drop 0.5s ease; -moz-animation: drop 0.5s ease; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); } @keyframes drop { from { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes drop { from { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } /* Tablet and Mobile Search */ header a.mn-search { display: none; } /* Header Logo */ .print-logo { display: none; } header.china .logo { background-position: -940px 0px; width: 266px; } header .logo { margin: 27px 0px; display: block; background-position: 0px 0px; position: relative; z-index: 1000; -webkit-transition: opacity 0.25s ease 0s; -moz-transition: opacity 0.25s ease 0s; -o-transition: opacity 0.25s ease 0s; transition: opacity 0.25s ease 0s; opacity: 1; float: left; text-align: center; } header .logo:hover { opacity: 0.75; } /* Breadcrumbs */ .breadcrumbs-bar { background: #FFFFFF; padding: 10px 0px; } /* Page Banner Breadcrumbs */ .page-banner .page-banner-content { padding: 60px 0px; } .page-banner .pre { padding: 0px; } .page-banner .breadcrumbs { margin: 0px 0px 20px 0px; } .page-banner .breadcrumbs > * { color: #FFFFFF; } .page-banner .breadcrumbs > a:hover, .page-banner .breadcrumbs > a:focus { color: #054B5F; } .page-banner .breadcrumbs > *:after, .page-banner .breadcrumbs > *:before { color: #054B5F; text-decoration: none; } /* Page Banner Share */ .pre { position: relative; } .pb-share { position: absolute; bottom: -60px; right: 0px; } .pb-share li { float: left; color: #FFFFFF; line-height: 34px; font-size: 0.75em; font-weight: 500; margin-left: 1px; } .pb-share span { display: block; height: 34px; padding-right: 10px; } .pb-share li a { display: block; height: 34px; width: 34px; position: relative; } .pb-share li a .icon { width: 34px; height: 34px; position: absolute; bottom: 0px; left: 0px; background-color: #3190AB; background-image: url(../images/share.png); background-repeat: no-repeat; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .pb-share li a:hover .icon { height: 44px; } .pb-share li a.facebook .icon { background-position: 0px 0px; } .pb-share li a.facebook:hover .icon { background-color: #5283CA; } .pb-share li a.twitter .icon { background-position: -34px 0px; } .pb-share li a.twitter:hover .icon { background-color: #66CEF4; } .pb-share li a.linkedin .icon { background-position: -68px 0px; } .pb-share li a.linkedin:hover .icon { background-color: #007ab9; } .pb-share li a.gplus .icon { background-position: -102px 0px; } .pb-share li a.gplus:hover .icon { background-color: #d95232; } .pb-share li a.print .icon { background-position: -136px 0px; } .pb-share li a.print:hover .icon { background-color: #fbbb53; } /* Share */ .social-share { float: right; } .social-share li { float: left; } .social-share a { display: block; padding: 12px 48px 12px 12px; line-height: 16px; width: 120px; text-align: left; position: relative; background-color: #0FBCE7; color: #FFFFFF; } .social-share a .icon { position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/sharesprite.html); background-image: url(../images/sharesprite-2.html), none; background-position: 0px 0px; background-repeat: no-repeat; background-size: 90px 30px; } .social-share a.gplus { background-color: #dd4b39; } .social-share a.gplus:hover { background-color: #EC5F4E; } .social-share a.gplus .icon { background-position: -60px 0px; } .social-share a.facebook { background-color: #3b5998; } .social-share a.facebook:hover { background-color: #4A69AC; } .social-share a.facebook .icon { background-position: -30px 0px; } .social-share a.twitter { background-color: #00aced; } .social-share a.twitter:hover { background-color: #1CBDFA; } .social-share a.twitter .icon { background-position: 0px 0px; } /* Pagination */ .pagination-centered { padding: 18px 0px 36px 0px; } ul.pagination li { margin: 0; } ul.pagination li a { font-size: 1.125em; display: block; padding: 14px; border-radius: 0px; border-top: 1px solid #e0e1e1; position: relative; top: -1px; } ul.pagination li.current a { border-top: 1px solid #464e54; background: none; color: #464e54; } ul.pagination li a:hover, ul.pagination li.current a:hover { border-top: 1px solid #464e54; background: none; } /* Header Right */ header .right-stuff { padding: 0px; float: right; } /* Header Search */ nav li.mobile-search { display: none; } .header-search { position: absolute; width: 61% !important } .search { padding: 0px; margin: 33px 0px 0px 0px; position: relative; } .search ::-webkit-input-placeholder { color: #FFFFFF; } .search :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; } .search ::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; } .search :-ms-input-placeholder { color: #FFFFFF; } .search input[type="text"] { outline: none; background: transparent; border: 2px solid rgba(137, 154, 165, 0.25); color: #FFFFFF; font-size: 0.75em; line-height: 18px; height: 36px; width: 108px; padding: 9px 38px 9px 10px; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .search input[type="text"]:focus { border: 2px solid #00C1F3; } .search input[type="submit"] { min-width: 0px; z-index: 2; position: absolute; top: 0px; right: 2px; outline: none; background-color: transparent; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: -180px 0px; color: #FFFFFF; font-size: 0.875em; line-height: 18px; text-indent: -9999px; height: 36px; width: 36px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; border: none; cursor: pointer; } .search input[type="submit"]:hover { background-position: -808px 0px; } /* Home Banner Overrides */ .home-banner .header-holder { } .home-banner .header-holder header { background: none; } /* Home Banner */ .home-banner { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banners/subhome-banner.html', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banners/subhome-banner.jpg', sizingMethod='scale')"; background-repeat: no-repeat; background-position: center; } .home-banner .overlay { padding: 0px; } .home-banner .down { display: block; position: absolute; bottom: -180px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -478px 0px; background-repeat: no-repeat; opacity: 0.25; animation: glow 1s linear alternate infinite; -webkit-animation: glow 1s linear alternate infinite; -moz-animation: glow 1s linear alternate infinite; } @keyframes glow { from { opacity: 0.15; } to { opacity: 0.35; } } @-webkit-keyframes glow { from { opacity: 0.15; } to { opacity: 0.35; } } @-moz-keyframes glow { from { opacity: 0.15; } to { opacity: 0.35; } } .home-banner .down:hover { opacity: 1; animation: none; -webkit-animation: none; -moz-animation: none; } .home-banner-content { padding: 90px 0px 200px 0px; color: #FFFFFF; text-align: left; } .home-banner-content .pre { max-width: 1000px; margin: 0 auto; } .home-banner-content .above { color: #C0DAE7; font-weight: bold; text-transform: uppercase; font-size: 0.85em; line-height: 1.25em; letter-spacing: 0.3em; padding: 0px 0px 10px 0px; } .home-banner-content .above span { opacity: 0.75; } .home-banner-content h1 { color: #FFFFFF; font-size: 3.5em; line-height: 1.1; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-banner-content h1 span, .about-banner-content h1 span { font-weight: normal; font-family: 'Playfair Display'; } .home-banner-content .break { height: 2px; width: 80px; margin: 20px 0px 18px 0px; background: #0FBCE7; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .home-banner-content p { padding: 0px 0px 16px 0px; color: #C0DAE7; font-size: 1.125em; line-height: 1.6em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* About Banner Overrides */ .about-banner .header-holder { padding: 0px 0px 20px 0px; } .about-banner .header-holder header { background: none; } /* About Banner */ .about-banner { background-image: url(../images/banners/bg.jpg); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #282b32; } .about-banner .overlay { background: -moz-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 59, 82, 0.92)), color-stop(100%, rgba(20, 111, 147, 0.35))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb013b52', endColorstr='#59146f93', GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 48, 66, 0.92)), color-stop(100%, rgba(20, 111, 147, 0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb013042', endColorstr='#a6146f93', GradientType=0 ); /* IE6-9 */ padding: 0px; } .about-banner .down { display: block; position: absolute; bottom: -180px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -478px 0px; background-repeat: no-repeat; opacity: 0.25; animation: glow 1s linear alternate infinite; -webkit-animation: glow 1s linear alternate infinite; -moz-animation: glow 1s linear alternate infinite; } .about-banner-content { padding: 42px 0px 86px 0px; color: #FFFFFF; text-align: center; } .about-banner-content .above { color: #0FBCE7; font-weight: bold; text-transform: uppercase; font-size: 1.125em; line-height: 1.25em; letter-spacing: 0.15em; padding: 0px 0px 6px 0px; } .about-banner-content .pre { max-width: 860px; margin: 0 auto; } .about-banner-content h1 { font-weight: 500; color: #FFFFFF; font-size: 3em; line-height: 1.125em; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* Basic Page Banner */ .page-banner { background-color: #44A7C3; background-image: url(../images/banner-pattern.png); } .page-banner .overlay { /* background: -moz-linear-gradient(45deg, rgba(68,167,195,1) 0%, rgba(68,167,195,0) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(68,167,195,1)), color-stop(100%,rgba(68,167,195,0))); background: -webkit-linear-gradient(45deg, rgba(68,167,195,1) 0%,rgba(68,167,195,0) 100%); background: -o-linear-gradient(45deg, rgba(68,167,195,1) 0%,rgba(68,167,195,0) 100%); background: -ms-linear-gradient(45deg, rgba(68,167,195,1) 0%,rgba(68,167,195,0) 100%); background: linear-gradient(45deg, rgba(68,167,195,1) 0%,rgba(68,167,195,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a7c3', endColorstr='#0044a7c3',GradientType=1 ); */ } .page-banner-content { padding: 40px 0px 60px 0px; color: #FFFFFF; text-align: left; } .page-banner-content h1 { color: #FFFFFF; font-size: 3em; line-height: 1.125em; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .page-banner-content .sub { color: #054B5F; margin: 15px 0px 0px 0px; font-size: 1.25em; font-weight: 500; } /* About: Spiel */ .spiel { background: #FFFFFF; padding: 30px 0px; } .spiel h2 { text-align: left; font-family: "Open Sans", 'Ubuntu', sans-serif; color: #555C69; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; max-width: 34em; line-height: 1.48; font-size: 1.45em; letter-spacing: 0.25px; } .spiel .bit { padding: 30px 0px; } .spiel img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; max-width: 100%; margin: 0px 0px 24px 0px; } .spiel h3 { text-align: left; font-family: "Open Sans", 'Ubuntu', sans-serif; color: #555C69; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; line-height: 1.48; font-size: 1.10em; letter-spacing: 0.25px; } .spiel p { color: #6B7075; font-size: 1em; line-height: 1.5em; margin: 8px 0px 0px 0px; letter-spacing: 0.01em; } /* About: Slider */ .about-slider-image { height: 520px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .about-slider-image .caption { text-align: center; position: absolute; bottom: 24px; left: 0px; width: 100%; font-family: "Open Sans", 'Ubuntu', sans-serif; font-size: 0.875em; line-height: 1.25em; color: #FFFFFF; font-style: italic; } /* SubHome Banner */ .subhome-banner { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #282b32; position: relative; } .subhome-banner canvas { outline: none; position: absolute; right: 0px; top: 20%; z-index: 2; height: 900px; width: 1100px; } .subhome-banner .overlay { padding: 0px; } .subhome-banner .down { display: block; position: absolute; bottom: -200px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -478px 0px; background-repeat: no-repeat; opacity: 0.25; } .subhome-banner .down:hover { opacity: 1; } .subhome-banner-content { padding: 160px 0px; color: #FFFFFF; } .subhome-banner-content .text { padding: 0px 0px 0px 0px; max-width: 600px; margin: 0 auto; text-align: center; } .subhome-banner-content h1 { color: #FFFFFF; font-size: 2.5em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px; } .subhome-banner-content .break { height: 2px; width: 80px; margin: 18px auto; background-color: rgba(255, 255, 255, 0.5); } .subhome-banner-content p { font-family: 'Ubuntu', sans-serif; color: #FFFFFF; font-weight: 300; font-size: 1.15em; line-height: 1.35em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .subhome-banner-content p strong { font-weight: bold; } /* Divisions */ .subhome-banner.dc { background-color: #FFB95C; } .subhome-banner.wp { background-color: #0FBCE7; } .subhome-banner.wp .overlay { background: -moz-linear-gradient(45deg, rgba(37, 142, 181, 0.85) 0%, rgba(20, 111, 147, 0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(37, 142, 181, 0.85)), color-stop(100%, rgba(20, 111, 147, 0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(37, 142, 181, 0.85) 0%, rgba(20, 111, 147, 0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(37, 142, 181, 0.85) 0%, rgba(20, 111, 147, 0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(37, 142, 181, 0.85) 0%, rgba(20, 111, 147, 0.85) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(37, 142, 181, 0.85) 0%, rgba(20, 111, 147, 0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4258eb5', endColorstr='#d4146f93', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .subhome-banner.op { background-color: #86bcc8; } /* Home Intro */ .home-intro { padding: 30px 0px; text-align: center; } .home-intro h2 { color: #181a1d; font-weight: bold; font-size: 1.5em; line-height: 1.25em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-intro p { font-size: 1.25em; } /* Home Divisions */ .home-divisions { background: #FFFFFF; padding: 20px 0px; text-align: center; overflow: hidden; } .home-divisions .intro { padding: 10px 20px 20px 20px; max-width: 800px; margin: 0 auto; } .home-divisions .intro h2 { color: #3b3f46; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-divisions .intro .break { height: 2px; width: 80px; margin: 12px auto 14px auto; background-color: #0FBCE7; } .home-divisions .intro p { color: #6B7075; font-size: 1.125em; line-height: 1.5em; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-divisions .line-holder { position: relative; } .home-divisions .line { height: 2px; width: 67%; margin: 0% 16.5%; position: absolute; top: 69px; background: rgba(134, 140, 146, 0.25); } .home-divisions .division { min-height: 80px; display: block; text-decoration: none; background-color: transparent; padding: 20px 20px 40px 20px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .home-divisions .icon { position: relative; z-index: 1; display: block; height: 100px; width: 100px; background-color: #FFFFFF; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: 0px -100px; margin: 0px auto 20px auto; } .home-divisions .icon { background-position: -100px -100px; } .home-divisions .division:hover .icon { background-position: -100px -200px; } .home-divisions .icon.two { background-position: -1100px -100px; } .home-divisions .division:hover .icon.two { background-position: -1100px -200px; } .home-divisions .icon.three { background-position: -1400px -100px; } .home-divisions .division:hover .icon.three { background-position: -1400px -200px; } /* Icons */ .home-divisions .icon.a1 { background-position: 0px -100px; } .home-divisions .division:hover .icon.a1 { background-position: 0px -200px; } .home-divisions .icon.a2 { background-position: -100px -100px; } .home-divisions .division:hover .icon.a2 { background-position: -100px -200px; } .home-divisions .icon.a3 { background-position: -200px -100px; } .home-divisions .division:hover .icon.a3 { background-position: -200px -200px; } .home-divisions .icon.a4 { background-position: -300px -100px; } .home-divisions .division:hover .icon.a4 { background-position: -300px -200px; } .home-divisions .icon.a5 { background-position: -400px -100px; } .home-divisions .division:hover .icon.a5 { background-position: -400px -200px; } .home-divisions .icon.a6 { background-position: -500px -100px; } .home-divisions .division:hover .icon.a6 { background-position: -500px -200px; } .home-divisions .icon.a7 { background-position: -600px -100px; } .home-divisions .division:hover .icon.a7 { background-position: -600px -200px; } .home-divisions .icon.a8 { background-position: -700px -100px; } .home-divisions .division:hover .icon.a8 { background-position: -700px -200px; } .home-divisions .icon.a9 { background-position: -800px -100px; } .home-divisions .division:hover .icon.a9 { background-position: -800px -200px; } .home-divisions .icon.a10 { background-position: -900px -100px; } .home-divisions .division:hover .icon.a10 { background-position: -900px -200px; } .home-divisions .icon.a11 { background-position: -1000px -100px; } .home-divisions .division:hover .icon.a11 { background-position: -1000px -200px; } .home-divisions .icon.a12 { background-position: -1100px -100px; } .home-divisions .division:hover .icon.a12 { background-position: -1100px -200px; } .home-divisions .icon.a13 { background-position: -1200px -100px; } .home-divisions .division:hover .icon.a13 { background-position: -1200px -200px; } .home-divisions .icon.a14 { background-position: -1300px -100px; } .home-divisions .division:hover .icon.a14 { background-position: -1300px -200px; } .home-divisions .icon.a15 { background-position: -1400px -100px; } .home-divisions .division:hover .icon.a15 { background-position: -1400px -200px; } .home-divisions .icon.a16 { background-position: -1500px -100px; } .home-divisions .division:hover .icon.a16 { background-position: -1500px -200px; } .home-divisions .icon.a17 { background-position: -1600px -100px; } .home-divisions .division:hover .icon.a17 { background-position: -1600px -200px; } .home-divisions .icon.a18 { background-position: -1700px -100px; } .home-divisions .division:hover .icon.a18 { background-position: -1700px -200px; } .home-divisions .icon.a19 { background-position: -1800px -100px; } .home-divisions .division:hover .icon.a19 { background-position: -1800px -200px; } .home-divisions .icon.a20 { background-position: -1900px -100px; } .home-divisions .division:hover .icon.a20 { background-position: -1900px -200px; } .home-divisions .icon.a21 { background-position: -2000px -100px; } .home-divisions .division:hover .icon.a21 { background-position: -2000px -200px; } .home-divisions .icon.a22 { background-position: -2100px -100px; } .home-divisions .division:hover .icon.a22 { background-position: -2100px -200px; } .home-divisions .icon.a23 { background-position: -2200px -100px; } .home-divisions .division:hover .icon.a23 { background-position: -2200px -200px; } .home-divisions h3 { color: #3b3f46; font-size: 1.5em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-divisions .division p { color: #6B7075; font-size: 1em; line-height: 1.5em; margin: 8px 0px 0px 0px; padding: 0px 0px 10px 0px; letter-spacing: 0.01em; } .home-divisions .division .readmore { position: absolute; left: 0px; bottom: 20px; width: 100%; font-size: 1.125em; font-weight: 500; color: rgba(134, 140, 146, 0.25); } .home-divisions .division:hover .readmore { color: #0FBCE7; } .home-divisions .division .readmore span { display: inline-block; position: relative; padding-right: 0px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .home-divisions .division:hover .readmore span { padding-right: 20px; } .home-divisions .division .readmore span.icon { opacity: 0; display: block; position: absolute; right: 0px; top: 50%; margin-top: -9px; width: 20px; height: 20px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -180px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .home-divisions .division:hover .readmore span.icon { opacity: 1; } .home-divisions .division:hover .hoverline { position: absolute; top: 69px; height: 2px; background: rgba(0, 101, 141, 0.25); width: 50%; } .home-divisions .division .hoverline.left { left: 0px; } .home-divisions .division .hoverline.right { right: 0px; } /* Accreditation */ .accreditation { background-color: #F7F7F7; padding: 80px 0px; text-align: center; position: relative; background-size: 100% 140px; background-position: top center; background-repeat: no-repeat; overflow: hidden; } .accreditation h2 { color: #3b3f46; font-size: 1.5em; line-height: 1.25em; font-weight: 500; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: relative; } .accreditation .break { height: 2px; width: 80px; margin: 12px auto 30px auto; background-color: #FFB95C; position: relative; } .accreditation p { color: #6B7075; font-size: 1.25em; line-height: 1.5em; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: relative; } .accreditation .slick-slider { margin: 0; } .accreditation img { -moz-box-shadow: 0px 0px 200px 100px #FFFFFF; -webkit-box-shadow: 0px 0px 200px 100px #FFFFFF; box-shadow: 0px 0px 200px 100px #FFFFFF; } /* Home Video */ .video-holder { position: relative; } .video-holder:after { top: 0px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #FFFFFF; border-width: 20px; margin-left: -20px; } .video-holder .intro { padding: 18px 0px; text-align: center; max-width: 860px; margin: 0 auto; } .video-holder .intro h2 { color: #FFFFFF; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .video-holder .intro .break { height: 2px; width: 80px; margin: 14px auto 14px auto; background-color: #FFB95C; } .video-holder .intro p { color: #FFFFFF; font-size: 1.125em; line-height: 1.5em; font-weight: 500; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; margin-bottom: 0px !important; } /* Video Holder */ .video-holder { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .video-holder .video-link { opacity: 0.9; overflow: hidden; padding: 12px 0px; } .video-holder a.play { position: relative; display: block; margin: 40px auto; width: 100px; height: 100px; border: 3px solid #FFFFFF; border: 3px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .video-holder a.play .icon { position: absolute; top: 23px; left: 25px; width: 50px; height: 50px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -428px -50px; background-repeat: no-repeat; } .video-holder a.play:hover { border: 3px solid #FFFFFF; } /* Home Blue */ .home-blue { background-color: #6BB2C3; background: -moz-linear-gradient(top, #408d9e 0%, #84bbc8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #408d9e), color-stop(100%, #84bbc8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #408d9e 0%, #84bbc8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #408d9e 0%, #84bbc8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #408d9e 0%, #84bbc8 100%); /* IE10+ */ background: linear-gradient(to bottom, #408d9e 0%, #84bbc8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#408d9e', endColorstr='#84bbc8', GradientType=0 ); /* IE6-9 */ position: relative; } .home-blue .text { padding: 141px 15px 80px 0px; } .home-blue h2 { color: #FFFFFF; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-blue p { color: #074D5E; font-size: 1.125em; line-height: 1.5em; font-weight: 500; margin: 10px 0px 0px 0px; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-blue a.button { position: relative; color: #FFFFFF; font-weight: bold; font-size: 1em; text-transform: uppercase; display: block; display: inline-block; margin: 18px 0px 0px 0px; padding: 14px 16px; border: 3px solid #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: transparent; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-transition: padding 300ms ease 0s, background-color 300ms ease 0s, color 300ms ease 0s; -moz-transition: padding 300ms ease 0s, background-color 300ms ease 0s, color 300ms ease 0s; -o-transition: padding 300ms ease 0s, background-color 300ms ease 0s, color 300ms ease 0s; transition: padding 300ms ease 0s, background-color 300ms ease 0s, color 300ms ease 0s; } .home-blue a.button .icon { position: absolute; right: 12px; top: 50%; margin-top: -10px; width: 20px; height: 20px; opacity: 0; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -180px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .home-blue a.button:hover, .home-blue a.button:focus { padding-right: 36px; color: #0FBCE7; background-color: #FFFFFF; } .home-blue a.button:hover .icon { opacity: 1; } /* Home Slideshows */ .home-blue .multiple-slideshows { position: relative; top: -11px; margin-bottom: 30px; } .home-blue .multiple-slideshows .screen.phone { position: absolute; bottom: -30px; right: 3%; width: 20%; background-image: url(../images/iphone-white.png); background-position: 95% 88%; } .multiple-slideshows .screen { position: relative; max-width: 1842px; } .multiple-slideshows .screen .slide { position: relative; } .multiple-slideshows .screen .slide a.overlay { display: block; padding: 40px; background: rgba(0, 0, 0, 0.75); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0; -webkit-transition: opacity 200ms ease 0s; -moz-transition: opacity 200ms ease 0s; -o-transition: opacity 200ms ease 0s; transition: opacity 200ms ease 0s; } .multiple-slideshows .screen .slide a.overlay span { display: block; } .multiple-slideshows .screen .slide a.overlay .title { color: #FFFFFF; font-size: 1.5em; line-height: 1.25em; font-weight: 500; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px 0px 6px 0px; } .multiple-slideshows .screen .slide a.overlay .desc { color: #A9B5BB; font-size: 1em; line-height: 1.25em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .multiple-slideshows .screen .slide a.overlay:hover { opacity: 1; } .multiple-slideshows .screen.phone { max-width: 340px; } .multiple-slideshows .screen .bigscreen { position: absolute; left: 4.0716%; top: 5.3304%; width: 91.8568%; } .multiple-slideshows .screen .phonescreen { position: absolute; left: 14.1176%; top: 14.9230%; width: 71.7648%; } /* Home Showcase */ .screens { background-color: #f9f9f9; background-image: url(../images/lightbg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; padding: 3em 0 0 0; text-align: center; } .screens h2 { color: #3b3f46; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .screens .break { height: 2px; width: 80px; margin: 12px auto 14px auto; background-color: #0FBCE7; } .screens p { max-width: 800px; margin: 0 auto; color: #6B7075; font-size: 1.125em; line-height: 1.5em; font-weight: 500; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .screens a { overflow: hidden; position: relative; display: inline-block; zoom: 1; -webkit-appearance: none; color: #132734; background-color: transparent; padding: 18px 20px; margin: 18px 0px 0px 0px; border-radius: 5px; border: 3px solid #0FBCE7; outline: none; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 0.875em; letter-spacing: 1px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .screens a:hover { padding-right: 36px; } .screens a .icon { position: absolute; right: 12px; top: 50%; margin-top: -10px; width: 20px; height: 20px; opacity: 0; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -220px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .screens a:hover .icon { opacity: 1; } .screens .screen img { display: block; margin: 2em auto 0 auto; max-width: 100%; } /* Screens: Dark BG */ .screens.dark, .screens.dark h2, .screens.dark p, .screens.dark a, .screens.dark a:hover { color: #FFFFFF; } .screens.dark a .icon { background-position: -200px -80px; } /* Screen */ .cs-seperate { padding: 20px 0px; } .screen { position: relative; } .screen .bigscreen { position: absolute; left: 4.0716%; top: 5.3304%; width: 91.8568%; } .screen .bigscreen.bs-showcase .rsArrow { cursor: pointer; position: absolute; top: 0px; bottom: 0px; width: 60px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .screen .bigscreen.bs-showcase .rsArrow.rsArrowDisabled { opacity: 0; cursor: auto; } .screen .bigscreen.bs-showcase .rsArrow .rsArrowIcn { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -478px -50px; background-repeat: no-repeat; position: absolute; top: 50%; left: 4px; margin-top: -21px; width: 42px; height: 42px; opacity: 0.15; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .screen .bigscreen.bs-showcase .rsArrow:hover .rsArrowIcn { opacity: 1; } .screen .bigscreen.bs-showcase .rsArrow.rsArrowRight .rsArrowIcn { background-position: -520px -50px; } .screen .bigscreen.bs-showcase .rsArrow:hover { background: #000000; background: rgba(0, 0, 0, 0.5); } .screen .bigscreen.bs-showcase .rsArrowLeft { left: 0px; } .screen .bigscreen.bs-showcase .rsArrowRight { right: 0px; } /* Features */ .features { padding: 60px 0px; background-color: #f7f7f7; } .features .bitlet { position: relative; padding: 16px 0px; opacity: 0; } .features.active .bitlet { -webkit-animation: FadeIn 0.8s ease-in-out; animation: FadeIn 0.8s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes FadeIn { to { opacity: 1; } } @-moz-keyframes FadeIn { to { opacity: 1; } } @keyframes FadeIn { to { opacity: 1; } } .features .a { -webkit-animation-delay: 0.4s; } .features .b { -webkit-animation-delay: 0.8s; } .features .c { -webkit-animation-delay: 1.2s; } .features .d { -webkit-animation-delay: 1.6s; } .features .e { -webkit-animation-delay: 2.0s; } .features .f { -webkit-animation-delay: 2.4s; } .features .icon { position: absolute; top: 0px; left: 0px; z-index: 2; display: block; height: 100px; width: 100px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: 0px -100px; margin: 0px auto 20px auto; } .features .icon.a1 { background-position: 0px -100px; } .features .icon.a2 { background-position: -100px -100px; } .features .icon.a3 { background-position: -200px -100px; } .features .icon.a4 { background-position: -300px -100px; } .features .icon.a5 { background-position: -400px -100px; } .features .icon.a6 { background-position: -500px -100px; } .features .icon.a7 { background-position: -600px -100px; } .features .icon.a8 { background-position: -700px -100px; } .features .icon.a9 { background-position: -800px -100px; } .features .icon.a10 { background-position: -900px -100px; } .features .icon.a11 { background-position: -1000px -100px; } .features .icon.a12 { background-position: -1100px -100px; } .features .icon.a13 { background-position: -1200px -100px; } .features .icon.a14 { background-position: -1300px -100px; } .features .icon.a15 { background-position: -1400px -100px; } .features .icon.a16 { background-position: -1500px -100px; } .features .icon.a17 { background-position: -1600px -100px; } .features .icon.a18 { background-position: -1700px -100px; } .features .icon.a19 { background-position: -1800px -100px; } .features .icon.a20 { background-position: -1900px -100px; } .features .icon.a21 { background-position: -2000px -100px; } .features .icon.a22 { background-position: -2100px -100px; } .features .icon.a23 { background-position: -2200px -100px; } .features .text { padding-left: 120px; } .features i { color: #0FBCE7; font-size: 1.5em; } .features .intro { padding: 0px 20px 40px 20px; max-width: 800px; margin: 0 auto; text-align: center; } .features .intro h2 { color: #3b3f46; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .features .intro .break { height: 2px; width: 80px; margin: 12px auto 14px auto; background-color: #0FBCE7; } .features .intro p { color: #6B7075; font-size: 1.125em; line-height: 1.5em; font-weight: 500; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .features h3 { color: #3b3f46; font-size: 1.125em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .features p, .features li { color: #6B7075; font-size: 1em; line-height: 1.5em; margin: 8px 0px 0px 0px; letter-spacing: 0.01em; } .features ul { padding: 0.5em 0em; } .features li { padding-left: 20px; position: relative; } .features li:after { content: ""; height: 4px; width: 4px; background: #132734; position: absolute; left: 0; top: 50%; margin-top: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .features a, .features a:link, .features a:visited { color: #00C1F3; text-decoration: none; position: relative; } .features a:after { bottom: -2px; left: 0; width: 100%; height: 1px; background-color: #dbe5e8; content: " "; position: absolute; pointer-events: none; -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } /* Full Width Image */ .fullwidth { background: #FFFFFF; } .fullwidth img { display: block; width: 100%; margin: 0 auto; } .fullwidth p { font-size: 0.875em; padding: 20px 0px 0px 0px; text-align: center; color: #7F858B; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-style: italic; } /* Small Call To Action */ /* Call To Action Area */ .small-calltoaction-area { background-color: #268AA3; padding: 3em 0em; text-align: center; position: relative; } .small-calltoaction-area:after { content: ""; position: absolute; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #fff; top: 0px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .small-calltoaction-area h3 { color: #FFFFFF; } .small-calltoaction-area h3 span { font-size: 1.5em; line-height: 1.25em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: relative; top: 4px; } .small-calltoaction-area h3 span span { font-weight: bold; font-size: 1em; line-height: 1em; top: 0; } .small-calltoaction-area h3 a { font-weight: bold; letter-spacing: 0.05em; line-height: 1em; *display: inline; display: inline-block; zoom: 1; font-size: 0.875em; margin: 0px 0px 0px 20px; padding: 10px 14px 9px 14px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: transparent; border: 3px solid #FFFFFF; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .small-calltoaction-area h3 a:hover { background: #FFFFFF; color: #268AA3; } /* Nav Bar */ .navbar { background: #23272D; padding: 0px; } .navbar a { display: inline-block; zoom: 1; height: 50px; line-height: 18px; font-size: 0.8em; font-weight: 500; padding: 16px 0px; margin: 0px 28px 0px 0px; color: #7F8896; text-decoration: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .navbar a:hover { color: #A0ABBD; } .navbar a.current { color: #FFFFFF; font-weight: 500; border-bottom: 2px solid #FFB95C; } /* Basic Bit */ .basic-bit { background-color: #FFFFFF; padding: 0px; } .basic-bit .bb-overlay { background: #f4f5f8; /* Old browsers */ background: -moz-linear-gradient(top, #f4f5f8 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f5f8), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f5f8 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f5f8 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f5f8 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f5f8 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5f8', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ background-size: 100% 320px; background-repeat: no-repeat; background-position: top;/* border-top: 1px solid #DFE3E8; */ } .basic-bit .bb-overlay .row { position: relative; padding: 30px 0px; } .basic-bit .bb-overlay .row .line { position: absolute; top: 0px; bottom: 0px; width: 0.9375em; right: 75%; border-left: 1px solid #DFE3E8; } .basic-bit .basic-content { padding: 0px; position: relative; z-index: 2; } .basic-sidebar { position: relative; padding: 0px 0px 0px 0px; text-align: left; margin: 8px 0px; } .basic-sidebar h3 { line-height: 20px; padding: 12px 18px; font-weight: 700; text-transform: uppercase; font-size: 0.75em; position: relative; background-color: #054B5F; color: #FFFFFF; } nav.sidebar h3 a { position: absolute; display: block; line-height: 20px; height: 44px; padding: 12px 12px; right: 100%; top: 0px; background-color: #C1D1D5; color: #054B5F; opacity: 0.6; } nav.sidebar h3 a:hover { background-color: #fbbb53; color: #FFFFFF; opacity: 1; } /* Events */ .basic-sidebar .event-dates { padding: 8px 0px; } .basic-sidebar .event-dates .name { font-weight: 500; font-size: 18px; font-size: 1.125rem; line-height: 1.1; } .basic-sidebar .event-dates li { padding: 18px 0px; padding: 1.125rem 0rem; } .basic-sidebar .event-dates li + li { border-top: 1px dotted #C1D1D5; } .basic-sidebar .event-dates li .date { font-weight: bold; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; color: #3D8FA8; margin: 0px 0px 4px 0px; margin: 0rem 0rem 0.25rem 0rem; } .basic-sidebar .event-dates li .title { font-weight: 500; font-size: 20px; font-size: 1.25rem; line-height: 1.3; color: #465663; } .basic-sidebar .event-dates li a { margin: 6px 0px 0px 0px; font-size: 14px; font-size: 0.875rem; display: inline-block; zoom: 1; background-color: #0FBCE7; color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .basic-sidebar .sidebar-calls { padding: 8px 0px; } .basic-sidebar .sidebar-calls li a { overflow: hidden; position: relative; display: block; zoom: 1; -webkit-appearance: none; color: #132734; background-color: transparent; padding: 18px 36px 18px 20px; border-radius: 5px; border: 3px solid #0FBCE7; outline: none; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 0.875em; letter-spacing: 1px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .basic-sidebar .sidebar-calls li a .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; position: absolute; right: 0px; top: 50%; margin-top: -10px; width: 20px; height: 20px; opacity: 0; background-position: -220px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .basic-sidebar .sidebar-calls li a:hover .icon { opacity: 1; right: 12px; } /* Sidebar Twitter Slider */ .sidebar .royalSlider { margin-top: 2em; } .sidebar .royalSlider .thumb { width: 100%; } .sidebar .royalSlider .thumb .mask { padding-bottom: 133%; } .sidebar .royalSlider .thumb .mask .overlay { padding: 1em; } .sidebar .royalSlider .thumb .mask h4 { font-size: 100%; } .sidebar .royalSlider .thumb .mask .info a.link { right: 1rem; bottom: 1em; } .sidebar .royalSlider .thumb .mask .info a.read-more { left: 1em; bottom: 0; } .sidebar .royalSlider .thumb .mask:hover .info a.read-more { bottom: 1em; } /* Basic Page: Share */ .content-foot { padding: 30px 0px 20px 0px; border-top: 1px dotted #CDD2D8; } .content-foot .share { padding: 0px; text-align: left; } .content-foot .share li { float: left; margin: 0px 10px 10px 0px; } .content-foot .share a { text-align: center; width: 200px; display: block; padding: 0px 10px 0px 40px; position: relative; height: 30px; line-height: 30px; color: #FFFFFF; font-size: 0.75em; font-weight: bold; } .content-foot .share a .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; display: block; position: absolute; text-indent: -9999px; top: 0px; left: 0px; width: 30px; height: 30px; margin: 0px 10px 0px 0px; background-position: 0px -300px; -webkit-transition: all 250ms ease-in 175ms; -moz-transition: all 250ms ease-in 175ms; -o-transition: all 250ms ease-in 175ms; transition: all 250ms ease-in 175ms; } .content-foot .share a .icon:after { content: ''; position: absolute; top: 0px; left: 100%; height: 100%; width: 1px; background: #FFFFFF; } .content-foot .share a:hover .icon { -webkit-transition: all 250ms ease-in 0s; -moz-transition: all 250ms ease-in 0s; -o-transition: all 250ms ease-in 0s; transition: all 250ms ease-in 0s; } /* Twitter */ .content-foot .share .twitter a { background-color: #00abee; } .content-foot .share .twitter a .icon { background-position: -90px -300px; background-color: #00abee; } .content-foot .share .twitter a:hover .icon { background-color: #0bbaff; } /* Facebook */ .content-foot .share .facebook a { background-color: #3c599b; } .content-foot .share .facebook a .icon { z-index: 2; background-position: -30px -300px; background-color: #3c599b; } .content-foot .share .facebook a:hover .icon { background-color: #4464b0; } /* Google Plus */ .content-foot .share .gplus a { background-color: #dd4b39; } .content-foot .share .gplus a .icon { z-index: 2; background-position: 0px -300px; background-color: #dd4b39; } .content-foot .share .gplus a:hover .icon { background-color: #EA5C4A; } .content-foot .share .count { float: right; background: #EFEFEF; line-height: 16px; font-size: 0.75em; padding: 7px; height: 30px; position: relative; } .content-foot .share .count:after { border: solid transparent; content: " "; right: 100%; top: 50%; margin-top: -4px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #EFEFEF; border-width: 4px; } .content-foot .share li.comments a { color: #FFFFFF; float: left; background: #8C8F96; line-height: 20px; padding: 10px; height: 40px; position: relative; } .content-foot .share li.comments a:after { border: solid transparent; content: " "; right: 2px; top: 100%; margin-top: -5px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #8C8F96; border-width: 5px; } /* Sidebar */ nav.sidebar { padding: 8px 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } nav.sidebar ul { padding: 0px; border: 2px solid #C1D1D5; border-top: none; } nav.sidebar li { list-style: none; padding: 0px; border-bottom: 1px dotted #C1D1D5; } nav.sidebar li:last-child { border: none; } nav.sidebar li a { position: relative; color: #465663; display: block; padding: 18px; font-size: 1em; line-height: 20px; font-weight: 500; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } nav.sidebar li a.current { color: #44A7C3; font-weight: 700; background: rgba(225, 231, 234, 0.5); } nav.sidebar li a:hover { color: #44A7C3; } /* Team Members */ .team-profiles { padding: 60px 0px 30px 0px; background: #FFFFFF; } .team-profiles .intro { padding: 0px 20px 40px 20px; max-width: 800px; margin: 0 auto; text-align: center; } .team-profiles .intro h2 { color: #3b3f46; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .team-profiles .intro .break { height: 2px; width: 80px; margin: 12px auto 14px auto; background-color: #0FBCE7; } .team-profiles .intro p { color: #6B7075; font-size: 1.125em; line-height: 1.5em; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .teammember { text-align: center; margin: 0px 0px 30px 0px; } .teammember .image { background: #FFFFFF; max-width: 300px; overflow: hidden; margin: 0em auto 0.75em auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .teammember img { display: block; max-width: 100%; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .teammember h5 { letter-spacing: 0.02em; color: #132734; font-size: 1.125em; line-height: 1.5em; font-weight: 700; } .teammember p { color: #838F99; text-transform: uppercase; font-size: 0.75em; line-height: 1.1em; font-weight: bold; letter-spacing: 0.05em; } .teammember .overlay { min-height: 50px; } /* Title Section */ .titlesection { padding: 2em 0; text-align: center; background-color: #EEF0F2; } .titlesection h2 { color: #132734; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .titlesection h2 span { letter-spacing: 0.01em; font-size: 1.25em; line-height: 1.5em; font-weight: 700; position: relative; top: 3px; } .titlesection h2 a { font-weight: bold; line-height: 1em; display: inline; display: inline-block; zoom: 1; font-size: 0.75em; margin: 0 0 0 2em; padding: 10px 10px 8px 10px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: #0FBCE7; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .titlesection h2 a:hover { background-color: #049DC4; } /* Showcase - Full Width Three Column */ .showcase-fullthree li { width: 33.3333%; float: left; height: 320px; overflow: hidden; position: relative; background-color: #132734; } .showcase-fullthree li .contain { display: block; text-decoration: none; } .showcase-fullthree li.third .contain { border-right: none; } .showcase-fullthree li .img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-transition: 1s ease-out; -moz-transition: -moz-transform 1s ease-out; transition: transform 1s ease-out; background-size: cover; background-position: center center; } .showcase-fullthree li:hover .img { -webkit-transform: scale(1.2) rotate(0.1deg); -moz-transform: scale(1.2) rotate(0.1deg); transform: scale(1.2) rotate(0.1deg); -webkit-transition: 5s ease-out; -moz-transition: -moz-transform 5s ease-out; transition: transform 5s ease-out; } .showcase-fullthree li .overlay { text-align: left; position: absolute; z-index: 2; top: 0px; left: 0px; bottom: 0px; right: 0px; opacity: 0; background-color: rgba(15, 188, 231, 0.8); color: #FFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .showcase-fullthree li:hover img { opacity: 0.25; } .showcase-fullthree li:hover .overlay { opacity: 1; } .showcase-fullthree li .overlay h4 { margin: 0em auto 0em auto; text-transform: uppercase; color: #FFFFFF; font-size: 0.75em; font-weight: 700; opacity: 0; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .showcase-fullthree li:hover .overlay h4 { opacity: 1; -webkit-transition: opacity .4s .1s; -moz-transition: opacity .4s .1s; -ms-transition: opacity .4s .1s; -o-transition: opacity .4s .1s; transition: opacity .4s .1s; } .showcase-fullthree li .overlay .break { height: 2px; background: #FFFFFF; width: 40px; margin: 14px 0px 10px 0px; } .showcase-fullthree li .overlay p { font-family: 'Ubuntu', sans-serif; max-width: 260px; margin: 0em auto 0em auto; font-size: 1.5em; line-height: 1.25em; font-weight: 700; letter-spacing: 0.01em; opacity: 0; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .showcase-fullthree li:hover .overlay p { opacity: 1; -webkit-transition: opacity .4s .2s; -moz-transition: opacity .4s .2s; -ms-transition: opacity .4s .2s; -o-transition: opacity .4s .2s; transition: opacity .4s .2s; } .showcase-fullthree li .ov-middle { position: absolute; height: 110px; width: 100%; top: 50%; left: 50%; margin-top: -52px; margin-left: -110px; width: 260px; -webkit-transform: scale(0.75) rotate(0.1deg); -moz-transform: scale(0.75) rotate(0.1deg); transform: scale(0.75) rotate(0.1deg); -webkit-transition: 0.25s ease-out; -moz-transition: -moz-transform 0.25s ease-out; transition: transform 0.25s ease-out; } .showcase-fullthree li:hover .overlay .ov-middle { -webkit-transform: scale(1) rotate(0.1deg); -moz-transform: scale(1) rotate(0.1deg); transform: scale(1) rotate(0.1deg); } .showcase-fullthree li.third .overlay { right: 1px; } /* New Home News */ .home-socialgrid { background: #2F576C; } .thumb { width: 25%; width: -webkit-calc(100%/4); width: -moz-calc(100%/4); width: calc(100%/4); float: left; position: relative; text-align: left; background: #2F576C; } .thumb .mask { display: block; width: 100%; height: 0; padding-bottom: 66.66%; overflow: hidden; position: relative; } .thumb .mask img, .thumb .mask .image { -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); display: block; width: 100%; } .thumb .mask .image { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .thumb .mask:hover img, .thumb .mask:hover .image { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .thumb .mask .overlay { background: -moz-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 59, 82, 0.92)), color-stop(100%, rgba(20, 111, 147, 0.35))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 59, 82, 0.92) 0%, rgba(20, 111, 147, 0.35) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb013b52', endColorstr='#59146f93', GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 48, 66, 0.92)), color-stop(100%, rgba(20, 111, 147, 0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1, 48, 66, 0.92) 0%, rgba(20, 111, 147, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb013042', endColorstr='#a6146f93', GradientType=0 ); /* IE6-9 */ color: #FFFFFF; opacity: 0.9; padding: 36px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: left; } .thumb .mask:hover .overlay { opacity: 1; } .thumb .mask .overlay h3 { height: 26px; line-height: 26px; overflow: hidden; position: relative; color: #FFFFFF; padding: 0; background: none; } .thumb .mask .overlay .timeago { height: 26px; line-height: 26px; position: relative; padding-left: 26px; } .thumb .mask .overlay .timeago .icon { position: absolute; top: 5px; left: 0px; width: 20px; height: 16px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg); background-repeat: no-repeat; } .thumb .mask .overlay .tweeter .timeago .icon { background-position: -700px -340px; } .thumb .mask .overlay .facer .timeago .icon { background-position: -640px -340px; } .thumb .mask .overlay .tuber .timeago .icon { background-position: -732px -340px; } .thumb .mask .overlay .tweeter a { color: #55ACEE; } .thumb .mask .overlay .facer a { color: #4982CA; } .thumb .mask .overlay .tuber a { color: #F15F60; } .thumb .mask .overlay .facer h3 { height: 26px; line-height: 26px; } .thumb .mask .overlay, .thumb .mask .overlay h3 span, .thumb .mask .overlay p, .thumb .mask .overlay .read-more { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .thumb .mask .overlay h3 span { display: block; position: absolute;/* left: 0;*/ } .thumb .mask .overlay h3 .visible { top: 0; } .thumb .mask .overlay h3 .hovered { top: 26px; } .thumb .mask .overlay h3 .hovered { opacity: 0; } .thumb .mask:hover .overlay h3 .visible { opacity: 0; top: -26px; } .thumb .mask:hover .overlay h3 .hovered { top: 0; opacity: 1; } .thumb .mask .overlay h4 { font-size: 1.35em; line-height: 1.5em; font-weight: bold; color: #FFFFFF; margin: 10px 0px 0px 0px; } .thumb .mask .overlay p { font-size: 0.875em; line-height: 1.5em; position: relative; opacity: 0; top: 10px; } .thumb .mask:hover .overlay p { opacity: 0.75; top: 0; } .thumb .mask .overlay p br { display: none; } .thumb .mask .overlay .info a.read-more, .thumb .mask .overlay .info a.link { font-size: 0.875em; line-height: 1.5em; color: #FFFFFF; position: absolute; left: 36px; } .thumb .mask .overlay .read-more { bottom: 26px; opacity: 0; } .thumb .mask:hover .overlay .read-more, .thumb .mask .overlay .link { opacity: 0.75; bottom: 26px; } .thumb .mask .overlay .read-more:hover, .thumb .mask .overlay .link:hover { opacity: 1; } .thumb .mask .overlay .info a.link { right: 36px; left: auto; } /* No Picture */ .thumb.nopic { background: #2F576C; } /* .thumb.nopic .mask .overlay .tweeter, .thumb.nopic .mask .overlay h3, .thumb.nopic .mask .overlay h4, .thumb.nopic .mask .overlay p, .thumb.nopic .mask .overlay .read-more, .thumb.nopic .mask .overlay .link { color: $dark-navy; } .thumb.nopic .mask .overlay .tweeter .icon { background-position: -304px -84px; } .thumb.nopic .mask .overlay, .thumb.nopic .mask:hover .overlay{ background: none; } */ .thumb.nopic .mask .overlay .read-more { opacity: 0; bottom: 0px; } .thumb.nopic .mask:hover .overlay .read-more { opacity: 0.75; bottom: 36px; } .thumb.nopic .mask .overlay .read-more:hover { opacity: 1; } .thumb.nopic .mask .overlay p { opacity: 0.75; top: 0; } /* Home News */ .home-news { background-color: #132734; } .home-news .coverall { padding: 80px 0px; } .home-news .intro { text-align: center; padding: 0px 20px 40px 20px; max-width: 800px; margin: 0 auto; } .home-news .intro h2 { color: #FFFFFF; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .home-news .intro .break { height: 2px; width: 80px; margin: 12px auto 14px auto; background-color: #0FBCE7; } .home-news .intro p { color: #AEB8C2; font-size: 1.125em; line-height: 1.5em; font-weight: 500; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* Home News - Stuff */ .home-news .hn-row { position: relative; } .home-news .hn-row .hn-bit { position: relative; height: 360px; float: left; width: 25%; background-color: #FFFFFF; overflow: hidden; outline: 1px solid #FFF; } .home-news .hn-row .hn-bit.two { width: 50%; } .home-news .hn-row .hn-bit.push-right-one { right: -25%; } .home-news .hn-row .hn-bit.push-right-two { right: -50%; } .home-news .hn-row .hn-bit.pull-left-one { left: -25%; } .home-news .hn-row .hn-bit.pull-left-two { left: -50%; } .home-news .hn-row .hn-bit .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; padding: 40px; text-align: left; transition: all 0.2s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .home-news .hn-row .hn-bit .overlay .over-text { position: absolute; bottom: 40px; left: 40px; right: 40px; } .home-news .hn-row .hn-bit .overlay .title { color: #FFFFFF; font-size: 1.75em; line-height: 1.25em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px 0px 4px 0px; } .home-news .hn-row .hn-bit .overlay .place { color: #FFFFFF; font-size: 1.25em; line-height: 1.5em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', 'Ubuntu', sans-serif; } .home-news .hn-row .hn-bit .overlay .title a { color: #FFFFFF; text-decoration: none; } /* Home News: Blog Article */ .hn-row .hn-bit.blog-article { background-color: #132734; color: #FFFFFF; } .hn-row .hn-bit.blog-article .overlay .title { font-size: 1.5em; } .hn-row .hn-bit.blog-article .overlay .place { font-size: 0.875em; } /* Home News: Tweet */ .hn-row .hn-bit.tweet .overlay .title { font-size: 1.125em; } .hn-row .hn-bit.tweet .overlay .title, .hn-row .hn-bit.tweet .overlay .place { color: #132734; } .home-news .hn-row .hn-bit.tweet .overlay .title a, .home-news .hn-row .hn-bit.tweet .overlay .title span { color: #0FBCE7; word-wrap: break-word; } .home-news .hn-row .hn-bit.tweet .overlay .account { display: block; text-decoration: none; position: absolute; bottom: 40px; left: 40px; right: 40px; padding-left: 56px; } .home-news .hn-row .hn-bit.tweet .overlay .account .avatar { width: 40px; height: 40px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-size: 1840px 240px; background-position: 0px 0px; background-repeat: no-repeat; position: absolute; bottom: 0px; left: 0px; } .home-news .hn-row .hn-bit.tweet .overlay .account .account-title { color: #132734; font-weight: 500; font-size: 1em; line-height: 1.25em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px 0px 4px 0px; } .home-news .hn-row .hn-bit.tweet .overlay .account .account-handle { color: #868c92; font-size: 0.875em; line-height: 1.25em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* Home News: Tweet With Image */ .home-news .hn-row .hn-bit.tweet.withimage .overlay { background-color: rgba(63, 68, 78, 0.8); } .hn-row .hn-bit.tweet.withimage .overlay .title, .hn-row .hn-bit.tweet.withimage .overlay .place { color: #FFFFFF; } .home-news .hn-row .hn-bit.tweet.withimage .overlay .account .account-title, .home-news .hn-row .hn-bit.tweet.withimage .overlay .account .account-handle { color: #FFFFFF; } /* Home News: Image */ .hn-row .hn-bit .img.main { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-transition: 1s ease-out; -moz-transition: -moz-transform 1s ease-out; transition: transform 1s ease-out; background-size: cover; background-position: center center; } .hn-row .hn-bit:hover .img.main { -webkit-transform: scale(1.04) rotate(0.1deg); -moz-transform: scale(1.04) rotate(0.1deg); transform: scale(1.04) rotate(0.1deg); -webkit-transition: 5s ease-out; -moz-transition: -moz-transform 5s ease-out; transition: transform 5s ease-out; } .hn-row .hn-bit.image .overlay { background-color: rgba(15, 188, 231, 0.8); opacity: 0; } .hn-row .hn-bit.image:hover .overlay { opacity: 1; } /* Blog Listings */ .blog-listing { padding: 0px; background: #FFFFFF; } .blog-listing .blog-sidebar { margin: 50px 0px 0px 0px; padding: 0px; } .post { position: relative; padding: 60px 0px; border-bottom: 1px dashed #D5DCE0; } .post .image { margin: 0 auto; position: relative; margin: 0px auto 30px auto; } .post .image img { display: block; margin: 0 auto; } .post .image a:hover img { opacity: 0.5; } .post.first { border-top: none; padding-top: 30px; } .post .top { padding: 0px 0px 8px 126px; } .post .text { text-align: center; } .post .info { color: #97A2AF; line-height: 1em; font-style: italic; font-size: 0.875em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .post .date { color: #4D4E50; line-height: 1em; font-size: 1em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .post .date a { position: relative; color: #363636; font-weight: bold; } .post .date a:hover { color: #00C1F3; } .post .date a:after { content: ''; position: absolute; bottom: -2px; left: 0px; height: 1px; width: 100%; background-color: #00C1F3; } .post .links { padding-top: 20px; } .post h2 { color: #363636; font-weight: bold; font-size: 2.5em; line-height: 1.15em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 6px 0px 12px 0px; } .post h2 a { color: #363636; text-decoration: none; } .post h2 a:hover { color: #00C1F3; } .post .words { padding-top: 20px; } .post .words p { color: #4D4E50; font-size: 1.125em; line-height: 1.65em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .post a.readmore { position: relative; text-decoration: none; font-size: 0.875em; line-height: 1em; font-weight: 600; text-transform: uppercase; text-align: center; display: inline-block; padding: 14px 16px; color: #09AAD3; border: 3px solid #E7ECEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s, color 300ms ease 0s; -moz-transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s, color 300ms ease 0s; -o-transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s, color 300ms ease 0s; transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s, color 300ms ease 0s; } .post a.readmore .icon { display: block; position: absolute; right: 12px; top: 50%; margin-top: -10px; width: 20px; height: 20px; opacity: 0; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -200px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .post a.readmore:hover { padding-right: 36px; color: #FFFFFF; background-color: #09AAD3; border: 3px solid #09AAd3; } .post a.readmore:hover .icon { opacity: 1; } /* Comments */ .comments-area { background-color: #f1f1ef; padding: 60px 0px; } .comments-area input[type="text"], .comments-area input[type="password"], .comments-area input[type="email"], .comments-area input[type="tel"], .comments-area textarea, .comments-area input[type="text"]:focus, .comments-area input[type="password"]:focus, .comments-area input[type="email"]:focus, .comments-area input[type="tel"]:focus, .comments-area textarea:focus { border: none; margin: 0px 0px 16px 0px; } .comments-area h3 { -webkit-font-smoothing: antialiased; color: #3b3b3b; font-weight: 500; font-size: 1.35em; border-bottom: 2px solid #0FBCE7; display: inline-block; padding-bottom: 3px; margin-bottom: 60px; } .comments-area .comment { margin: 32px 0px 0px 0px; } .comments-area .comment .comment-name { font-size: 0.875em; line-height: 1.5em; font-weight: 700; text-transform: uppercase; padding: 0px 0px 8px 0px; } .comments-area .comment .comment-name span { font-weight: normal; text-transform: none; font-style: italic; } .comments-area .comment p { background: #e7e7e5; padding: 18px 20px; line-height: 1.6em; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1.125em; } .comments-area label { font-size: 1em; margin: 0px 0px 8px 0px; } .comments-area input[type="submit"] { margin: 0px; float: right; } .comments-area .action-links { padding-top: 12px; } .comments-area .action-links li { float: left; margin: 0px 3px 3px 3px; } .comments-area .action-links li a { display: block; padding: 6px 8px; background: #00C1F3; color: #FFFFFF; font-weight: bold; font-size: 0.875em; text-transform: capitalize; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .comments-area .action-links li a:hover { color: #FFFFFF; } .comments-area .message { margin-top: -16px; margin-bottom: 16px; } /* 404 */ .whereswally { background-image: url(../images/wally.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #282b32; text-align: center; } .whereswally .overlay { padding: 200px 0px; background: -moz-linear-gradient(45deg, rgba(31, 87, 115, 0.85) 0%, rgba(3, 29, 42, 0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(31, 87, 115, 0.85)), color-stop(100%, rgba(3, 29, 42, 0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(31, 87, 115, 0.85) 0%, rgba(3, 29, 42, 0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(31, 87, 115, 0.85) 0%, rgba(3, 29, 42, 0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(31, 87, 115, 0.85) 0%, rgba(3, 29, 42, 0.85) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(31, 87, 115, 0.85) 0%, rgba(3, 29, 42, 0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91f5773', endColorstr='#d9031d2a', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .whereswally .fourohfour { font-size: 80px; font-size: 5rem; font-weight: 500; color: #FFFFFF; line-height: 1.125; } .whereswally h1 { font-size: 32px; font-size: 2rem; line-height: 1.125; font-weight: bold; color: #FFFFFF; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px 0px 10px 0px; } .whereswally .break { height: 2px; width: 80px; margin: 20px auto 18px auto; background: #0FBCE7; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .whereswally p { color: #bed7e3; font-size: 20px; font-size: 1.25rem; line-height: 1.6em; font-weight: 500; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 5px 0px 0px 0px; } .whereswally p a { color: #bed7e3; border-bottom: 1px dotted #bed7e3; } .whereswally p a:hover { border-bottom: 1px solid #00C1F3; } /* Pagination */ .pagination { padding: 30px 0px 60px 0px; text-align: center; } .pagination * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .pagination .prev, .pagination .next { color: #97A2AF; font-size: 1.5em; } .pagination .prev a, .pagination .next a { text-decoration: none; color: #303030; } .pagination .prev a:hover, .pagination .next a:hover { color: #09AAD3; } .pagination .prev { float: left; } .pagination .next { float: right; } .pagination ul li { display: inline-block; padding: 0 2.5px; color: #09AAD3; font-size: 1em; line-height: 1.5em; font-weight: bold; } .pagination ul li:after { padding: 0px 0px 0px 10px; content: "/"; font-weight: normal; color: #BEC6CC; } .pagination ul li:last-child:after { padding: 0px; content: ""; } .pagination ul li a { text-decoration: none; color: #303030; } .pagination ul li a:hover { color: #09AAD3; } /* Page Header */ .page-head { background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-head .coverall { padding: 120px 0px 30px 0px; background: rgba(15, 95, 124, 0.85); } .page-head h1 { font-weight: 800; color: #FFFFFF; font-size: 2em; line-height: 1.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; text-align: left; } /* Blog Banner */ .blog-banner { height: 420px; position: relative; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #282b32; } .blog-banner img { display: block; } .blog-banner .overlay { height: 420px; width: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; background: rgba(5, 62, 87, 0.75); } .blog-banner .title { position: absolute; bottom: 0px; left: 0px; width: 100%; } .blog-banner .title h1 { font-weight: 500; color: #FFFFFF; font-size: 2.65em; line-height: 1.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding-bottom: 50px; } /* Blog Article Top */ .blog-article-info { background: #FFFFFF; } .blog-article-info .opening { padding: 30px 0px 30px 0px; border-bottom: 1px dashed #D5DCE0; } .blog-article-info .author { float: left; position: relative; padding-left: 110px; } .blog-article-info .author .photo { border: 3px solid #FFFFFF; position: absolute; left: 0px; bottom: -3px; width: 92px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .blog-article-info .author .photo img { display: block; } .blog-article-info .author p { color: #656C74; font-size: 0.875em; line-height: 1.5em; padding: 0px; } .blog-article-info .author p i { font-style: italic; font-size: 0.875em; } /* Blog Article Top: Share */ .blog-article-info .share { float: right; margin: 0px; } .blog-article-info .share li { float: left; margin-left: 20px; } .blog-article-info .share a { display: block; float: left; color: #FFFFFF; padding: 0px 20px 0px 60px; position: relative; height: 40px; line-height: 40px; font-weight: bold; font-size: 0.875em; } .blog-article-info .share a .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; display: block; position: absolute; top: 0px; left: 0px; text-indent: -9999px; width: 40px; height: 40px; margin: 0px 10px 0px 0px; background-position: 0px 0px; -webkit-transition: all 250ms ease-in 175ms; -moz-transition: all 250ms ease-in 175ms; -o-transition: all 250ms ease-in 175ms; transition: all 250ms ease-in 175ms; border-right: 1px solid rgba(255, 255, 255, 0.25); } .blog-article-info .share a:hover .icon { -webkit-transition: all 250ms ease-in 0s; -moz-transition: all 250ms ease-in 0s; -o-transition: all 250ms ease-in 0s; transition: all 250ms ease-in 0s; } /* Twitter */ .blog-article-info .share .twitter a { background-color: #00abee; } .blog-article-info .share .twitter a .icon { background-position: -480px -300px; background-color: #00abee; } .blog-article-info .share .twitter a:hover .icon { background-color: #0bbaff; } /* Facebook */ .blog-article-info .share .facebook a { background-color: #3c599b; } .blog-article-info .share .facebook a .icon { z-index: 2; background-position: -400px -300px; background-color: #3c599b; } .blog-article-info .share .facebook a:hover .icon { background-color: #4464b0; } /* Google Plus */ .blog-article-info .share .gplus a { background-color: #dd4b39; } .blog-article-info .share .gplus a .icon { z-index: 2; background-position: -360px -300px; background-color: #dd4b39; } .blog-article-info .share .gplus a:hover .icon { background-color: #EA5C4A; } .blog-article-info .share li.comments a { color: #FFFFFF; float: left; background: #8C8F96; line-height: 20px; padding: 10px; height: 40px; position: relative; } .blog-article-info .share li.comments a:after { border: solid transparent; content: " "; right: 2px; top: 100%; margin-top: -5px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #8C8F96; border-width: 5px; } /* Blog Sidebar */ .blog-sidebar { padding: 20px 0px; } .blog-sidebar li { padding: 10px 0px; } .blog-sidebar a.back { display: block; text-align: center; color: #606B7A; font-size: 0.75em; font-weight: bold; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 8px 10px; border: 3px solid #E7ECEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: transparent; } .blog-sidebar a.back:hover { border-color: #0FBCE7; } .blog-sidebar h3 { color: #363636; padding: 0px 0px 12px 0px; font-size: 0.75em; font-weight: bold; text-rendering: optimizeLegibility; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .blog-sidebar .tags { line-height: 0px; font-size: 0px; } .blog-sidebar .tags a { display: inline-block; margin: 0px 5px 5px 0px; padding: 8px; font-size: 12px; line-height: 1em; font-weight: 700; background: #E7ECEF; color: #606B7A; } .blog-sidebar .tags a:hover { background: #0FBCE7; color: #FFFFFF; } /* Blog Sidebar: Search */ .blog-sidebar .blog-search { position: relative; } .blog-sidebar .blog-search input[type="text"], .blog-sidebar .blog-search input[type="search"] { border: none; outline: none; background: #E7ECEF; color: #606B7A; font-size: 0.875em; line-height: 20px; padding: 10px 40px 10px 10px; height: 40px; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .blog-sidebar .blog-search input[type="submit"] { min-width: 0px; z-index: 2; position: absolute; top: 2px; right: 2px; outline: none; background-color: transparent; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: -180px -36px; color: #FFFFFF; font-size: 0.875em; line-height: 18px; text-indent: -9999px; height: 36px; width: 36px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; border: none; cursor: pointer; } .blog-sidebar .blog-search input[type="submit"]:hover { background-position: -808px 0px; } /* Blog Article */ .blog-article { background: #FFFFFF; padding: 30px 0px 60px 0px; } /* Contact Top */ .contact-top { text-align: center; position: relative; background-color: #132734; background-image: url(../images/map.jpg); background-position: center center; background-size: auto; background-repeat: no-repeat; background-position: center bottom -353px; } .contact-top .left-over { z-index: 1; position: absolute; top: 0px; left: 50%; margin-left: -900px; bottom: 0px; width: 200px; background: -moz-linear-gradient(left, #25272b 0%, rgba(37, 39, 43, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #25272b), color-stop(100%, rgba(37, 39, 43, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #25272b 0%, rgba(37, 39, 43, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #25272b 0%, rgba(37, 39, 43, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #25272b 0%, rgba(37, 39, 43, 0) 100%); /* IE10+ */ background: linear-gradient(to right, #25272b 0%, rgba(37, 39, 43, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$dark-navy', endColorstr='#0025272b', GradientType=1 ); /* IE6-9 */ } .contact-top .right-over { z-index: 1; position: absolute; top: 0px; right: 50%; margin-right: -900px; bottom: 0px; width: 200px; background: -moz-linear-gradient(left, rgba(37, 39, 43, 0) 0%, #25272b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(37, 39, 43, 0)), color-stop(100%, #25272b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(37, 39, 43, 0) 0%, #25272b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(37, 39, 43, 0) 0%, #25272b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(37, 39, 43, 0) 0%, #25272b 100%); /* IE10+ */ background: linear-gradient(to right, rgba(37, 39, 43, 0) 0%, #25272b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0025272b', endColorstr='$dark-navy', GradientType=1 ); /* IE6-9 */ } .contact-top .down { display: block; position: absolute; bottom: 20px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -478px 0px; background-repeat: no-repeat; opacity: 0.25; } .contact-top .down:hover { opacity: 1; } .contact-top .overlay { position: relative; z-index: 2; background: rgba(5, 62, 87, 0.75); -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; -ms-transition: all 3s ease 0s; -o-transition: all 3s ease 0s; transition: all 3s ease 0s; } .js .contact-top .overlay { opacity: 0; } .js .contact-top .overlay.active { opacity: 1; } .contact-top .question { padding: 120px 0px 0px 0px; position: relative; } .js .contact-top .question { top: 30px; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; } .js .contact-top .active .question { top: 0px; } .contact-top .above { color: #0FBCE7; font-weight: bold; text-transform: uppercase; font-size: 1.25em; line-height: 1.25em; letter-spacing: 0.1em; padding: 0px 0px 6px 0px; } .contact-top h1 { color: #FFFFFF; font-size: 2.25em; line-height: 1.125em; letter-spacing: 0.01em; font-weight: bold; padding: 0px 0px 18px 0px; } .contact-top a.button { float: none; width: 220px; outline: none; font-weight: bold; letter-spacing: 0.01em; line-height: 1em; display: inline-block; zoom: 1; font-size: 1em; margin: 6px; padding: 14px 16px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: transparent; color: #FFFFFF; border: 3px solid #00C1F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .contact-top a.button:hover { border: 3px solid #FFFFFF; } .contact-top h2 { color: #FFFFFF; font-size: 0.875em; text-transform: uppercase; line-height: 1.25em; font-weight: bold; padding: 0px 0px 12px 0px; } .contact-top .social li { margin: 0px 4px 8px 4px; display: inline-block; float: none; } .contact-top .social li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .contact-top .marker { padding: 100px 0px 140px 0px; position: relative; } .contact-top .location { position: absolute; left: 50%; opacity: 0.75; } .contact-top .location:hover { opacity: 1; } .contact-top .location.mall { bottom: 10px; margin-left: -38px; } .contact-top .location.sydney { bottom: 460px; margin-left: -350px; } .contact-top .location.harbour { bottom: 100px; margin-left: 390px; } .contact-top .pulse img { position: absolute; top: -56px; right: -144px; width: auto; height: auto; max-width: initial; } .contact-top .pulse { display: block; position: relative; margin: 0px auto; width: 26px; height: 26px; border: 4px solid #FFFFFF; opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .contact-top .pulse-inside { position: absolute; top: -7px; left: -7px; width: 32px; height: 32px; border: 4px solid #FFFFFF; opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; animation: pulse 1.5s linear infinite; -webkit-animation: pulse 1.5s linear infinite; -moz-animation: pulse 1.5s linear infinite; } @keyframes pulse { 0% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 50% { -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); opacity: 0; } 100% { -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } } @-webkit-keyframes pulse { 0% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 50% { -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } 100% { -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } } @-moz-keyframes pulse { 0% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 50% { -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } 100% { -ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } } /* Contact Points */ .contact-points { padding: 30px 0px; background: #FAFAFA; border-bottom: 1px solid #E5E5E5; } .contact-points .ci-title { margin: 30px 0px 30px 0px; color: #132734; font-weight: 500; text-align: center; background: #F0F0F0; font-size: 18px; font-size: 1.125rem; } .contact-points .ci-title span { background: #FAFAFA; padding: 0px 20px; display: inline-block; } .contact-points .info-bit { padding: 0px 0px 30px 46px; position: relative; } .contact-points .icon { height: 34px; width: 34px; background-color: transparent; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: -604px -50px; position: absolute; top: 0px; left: 0px; } .contact-points .icon.a { background-position: -604px -50px; } .contact-points .icon.b { background-position: -638px -50px; } .contact-points .icon.c { background-position: -672px -50px; } .contact-points .icon.d { background-position: -808px -56px; } .contact-points p { color: #6b7075; font-size: 1em; line-height: 1.35em; font-family: 'Ubuntu', sans-serif; } .contact-points p b { font-weight: 500; color: #3b3f46; } .contact-points p a { color: #3b3f46; font-weight: 500; position: relative; } .contact-points p a:after { content: ''; position: absolute; bottom: -3px; left: 0px; height: 1px; width: 100%; background: #00C1F3; } .contact-points p a:hover { color: #00C1F3; } /* Contact Form */ .contact-form { background: #FFFFFF; padding: 0px 0px 80px 0px; } .contact-form .field { margin: 0px; } .contact-form label { font-size: 1em; margin: 16px 0px 12px 0px; } p.message { color: black; display: block; padding: 1rem; background: rgba(0, 0, 0, 0.1); border-radius: 5px; font-size: 1.25rem; text-align: center; } p.message.validation, p.message.bad, p.message.error { color: #f42b2b; } p.message.good, p.message.success { color: #276906; } .contact-form form { max-width: 800px; margin: 0 auto; } .contact-form h3 { margin: 80px 0px 0px 0px; text-align: center; color: #3b3f46; font-size: 1.75em; line-height: 1.5em; font-weight: bold; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .contact-form .break { height: 2px; width: 80px; margin: 18px auto 18px auto; background: #0FBCE7; } .contact-form p { text-align: center; color: #6B7075; font-size: 1.125em; line-height: 1.5em; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* .contact-form .field { float: left; width: 100% } */ .contact-form .field.half, form .field.half1st, form .field.half2nd { float: left; width: 48.5%; margin: 0% 3% 24px 0%; } .contact-form .field.half.second, form .field.half2nd { margin-right: 0; } .contact-form input { width: 100%; } .contact-form form input[type="checkbox"], .contact-form form input[type="radio"] { padding: 0px; border: none; outline: none; width: auto; margin: 4px 0px; } /* .contact-form form input, .contact-form form select, .contact-form form textarea { border: 3px solid #DEE1E5; padding: 12px; margin: 8px 0px 16px 0px; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } */ .contact-form form input:focus, .contact-form form select:focus, .contact-form form textarea:focus { border: 3px solid #0FBCE7; } .contact-form .pushleft { float: left; width: 75%; margin: 16px 3% 16px 0%; } .contact-form .pushright { float: right; width: 22%; margin: 18px 0px; } .contact-form .pushright .pushright, .contact-form .pushleft .pushleft { float: none; width: auto; margin: 0px; } .contact-form .pushleft .pushleft { width: 100%; } .contact-form .Actions { text-align: center; } .contact-form input[type="submit"] { float: none; width: 220px; outline: none; font-weight: bold; letter-spacing: 0.01em; line-height: 1em; display: inline-block; zoom: 1; font-size: 1.25em; margin: 14px 0px 0px 0px; padding: 18px 20px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: transparent; color: #3b3f46; border: 3px solid #00C1F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } /* Showcase Featured Slider */ .showcase-featured { position: relative; background-color: #282b32; overflow: hidden; } .showcase-featured .slide { height: 420px; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .showcase-featured .title-overlay { position: absolute; bottom: 0px; left: 0px; width: 100%; } .showcase-featured .title-overlay .lift { padding-bottom: 50px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; opacity: 0; } .showcase-featured .rsActiveSlide .title-overlay .lift { opacity: 1; } .showcase-featured .title-overlay .feature { padding: 0px 0px 10px 0px; text-transform: uppercase; font-weight: bold; font-size: 1em; line-height: 1.125em; color: #0FBCE7; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; max-width: 600px; } .showcase-featured .title-overlay h1 { font-weight: bold; font-size: 3em; line-height: 1.125em; color: #FFFFFF; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; max-width: 600px; } .showcase-featured .title-overlay h1 a { color: #FFFFFF; } .showcase-featured .title-overlay h1 a:hover { opacity: 0.75; } .showcase-featured .bottom-overlay { width: 100%; position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; background: rgba(15, 95, 124, 0.85); } .showcase-featured .screens-overlay { position: absolute; bottom: -30px; right: 0px; max-width: 50%; opacity: 0; transition: all 0.3s ease 0.5s; -moz-transition: all 0.3s ease 0.5s; -webkit-transition: all 0.3s ease 0.5s; -o-transition: all 0.3s ease 0.5s; } .showcase-featured .rsActiveSlide .screens-overlay { opacity: 1; bottom: 0px; } /* Slider Controls */ .showcase-featured .rsArrow, .about-slider .rsArrow { display: block; position: absolute; top: 50%; height: 100px; width: 50px; background-color: transparent; left: 40px; margin-top: -50px; z-index: 99; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; opacity: 0.25; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: -708px 0px; } .showcase-featured .rsArrow:hover, .about-slider .rsArrow:hover { opacity: 1; } .showcase-featured .rsArrow.rsArrowRight, .about-slider .rsArrow.rsArrowRight { left: auto; right: 40px; background-position: -758px 0px; } /* Showcase Case Study Page */ /* Showcase Title */ .showcase-banner-title .showcase { font-size: 0.875em; font-weight: bold; text-transform: uppercase; color: #0FBCE7; padding: 0px 0px 8px 0px; } .showcase-banner-title h1 { font-weight: bold; font-size: 2.5em; line-height: 1.125em; color: #132734; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .showcase-banner-title .break { height: 2px; background: #0FBCE7; width: 60px; margin: 20px 0px; } .light .showcase-banner-title h1 { color: #1E1F20; } .showcase-banner-title p { font-size: 1.25em; line-height: 1.25em; padding: 12px 0px 0px 0px; color: #818791; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .light .showcase-banner-title p { color: #1E1F20; } /* Showcase Banner */ .showcase-banner-holder { background: #3F5E6D; } .showcase-banner { background-color: #FFFFFF; background-position: center; background-repeat: no-repeat; background-size: auto; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .showcase-banner .overlay { height: 480px; } .showcase-banner .colour-overlay { width: 100%; position: absolute; z-index: 1; bottom: 0px; top: 0px; left: 0px; right: 0px; opacity: 0.75; } .showcase-banner .bottom-overlay { width: 100%; position: absolute; z-index: 2; height: 30px; bottom: 0px; left: 0px; right: 0px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.15) 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000', GradientType=0 ); /* IE6-9 */ } .showcase-banner.light .bottom-overlay { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff', GradientType=0 ); /* IE6-9 */ } /* Showcase Navigation */ .showcase-banner-nav .directions a { position: absolute; top: 50%; margin-top: -56px; display: block; outline: none; text-align: left; z-index: 1000; } .showcase-banner-nav .directions a.prev { left: 0px; } .showcase-banner-nav .directions a.next { right: 0px; } .showcase-banner-nav .directions a .icon-wrap { position: relative; display: block; padding: 45px 5px; background-color: #132734; background-color: rgba(47, 52, 60, 0.75); } .icon-wrap .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; height: 22px; width: 22px; display: block; margin: 0 auto; padding: 0; background-position: -240px -78px; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } a.next .icon-wrap .icon { background-position: -262px -78px; } .directions a.prev:hover .icon { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .directions a .project { position: absolute; top: 0px; width: 200px; height: 100%; background-color: #89A3B5; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .directions a.prev .project { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .directions a.next .project { right: 0; text-align: right; -webkit-transform: translateX(100%); transform: translateX(100%); } .directions a.prev:hover .project, .directions a.next:hover .project { -webkit-transform: translateX(0); transform: translateX(0); } .directions a .project .image { position: absolute; top: 0; left: 0; width: 200px; height: 112px; background-image: url(../images/content/blue.jpg); background-size: cover; } .directions a .project .name { position: absolute; top: 100%; margin: 0; padding: 0 20px; width: 100%; background: #132734; color: #fff; white-space: nowrap; font-weight: bold; font-size: 0.875em; line-height: 2.75; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webki-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .directions a:hover .project .name { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /* Showcase Banner Image */ .showcase-banner .showcase-banner-image { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 2; } .showcase-banner .showcase-banner-image .screens-overlay { position: absolute; z-index: 2; bottom: 0px; left: 0px; width: 100%; } .showcase-banner .showcase-banner-image .screens-overlay img { display: block; max-width: 100%; max-height: 420px; margin: 0 auto; } /* Showcase Info */ .portfolio-area { padding: 5em 0em; background-color: #FFFFFF; text-align: center; } .portfolio-information { padding: 80px 0px 60px 0px; background-color: #FFFFFF; } .portfolio-area.under, .portfolio-information.under { background: url(../../../../www.apple.com/v/macbook-pro/e/images/performance_gradient.jpg) top center repeat-x #FFFFFF; background-size: 200px 900px; padding: 6em 0em 5em 0em; } .portfolio-information h2 { font-size: 2.5em; line-height: 1.25em; color: #0FBCE7; padding: 0px 0px 30px 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .portfolio-information h2 strong { font-weight: 700; } .portfolio-information .column-content p { color: #454545; font-size: 1.125em; line-height: 1.6em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px 0px 20px 0px; } .portfolio-information .column-content p b, .portfolio-information .column-content p strong { font-weight: 600; } .portfolio-information .column-content p i { font-style: italic; } .portfolio-information .column-content p a { color: #0FBCE7; font-weight: 600; text-decoration: none; } .portfolio-information .column-content p a:hover { text-decoration: underline; } .portfolio-information .project-info { padding-left: 30px; border-left: 1px solid #efefef; } .portfolio-information .project-info .title { color: #0FBCE7; font-weight: 700; padding: 0px 0px 6px 0px; text-transform: uppercase; font-size: 0.875em; } .portfolio-information .project-info p { color: #454545; font-size: 1em; line-height: 1.6em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; padding: 0px 0px 20px 0px; } .portfolio-information .project-info a.button { position: relative; margin: 0px; display: inline; display: inline-block; zoom: 1; text-align: center; letter-spacing: 0.01em; font-size: 0.875em; text-decoration: none; color: #0FBCE7; border: 3px solid #0FBCE7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 16px 16px 14px 16px; font-weight: 600; overflow: hidden; -webkit-transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s; -moz-transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s; -o-transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s; transition: padding 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, background-color 300ms ease 0s; } .portfolio-information .project-info a.button .icon { display: block; position: absolute; top: 50%; margin-top: -10px; right: -30px; width: 20px; height: 20px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -200px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .portfolio-information .project-info a.button:hover { color: #FFFFFF; background-color: #0FBCE7; padding: 16px 36px 14px 16px; } .portfolio-information .project-info a.button:hover .icon { right: 12px; } /* Call To Action Area */ .calltoaction-area { background: #F3F3F3; background-color: #FFB95C; padding: 60px 0px; text-align: center; position: relative; } .calltoaction-area:after { top: 0px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #FFFFFF; border-width: 20px; margin-left: -20px; } .calltoaction-area .text { max-width: 600px; margin: 0 auto; } .calltoaction-area h2 { color: #FFFFFF; font-weight: bold; font-size: 1.75em; line-height: 1.25em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: relative; } .calltoaction-area p { color: #132734; font-size: 1.25em; line-height: 1.5em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: relative; } .calltoaction-area a.button { font-weight: bold; letter-spacing: 0.05em; line-height: 1em; *display: inline; display: inline-block; zoom: 1; font-size: 1em; margin: 14px 0px 0px 0px; padding: 14px 16px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: transparent; color: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .calltoaction-area a.button:hover { padding-right: 36px; color: #FFFFFF; } .calltoaction-area a.button .icon { display: block; position: absolute; right: 12px; top: 50%; margin-top: -10px; width: 20px; height: 20px; opacity: 0; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -200px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .calltoaction-area a.button:hover .icon { opacity: 1; } /* Invoice Page Payment summary styles */ form#Form_PayForm h3 { margin: 2rem 0 1rem; } form#Form_PayForm table { width: 100%; } form#Form_PayForm table td { padding: 0.75rem 0; border-bottom: 2px solid #ededed; } form#Form_PayForm table td#totalmemberfee { font-weight: 700; } /* Responsive Google Maps and Youtube Videos */ .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; margin: 16px 0; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Flags - Language Links */ .flags a { display: block; line-height: 32px; padding-left: 60px; position: relative; font-size: 0.875em; text-decoration: none; color: #ffffff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .flags a .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -892px 0px; width: 48px; height: 32px; position: absolute; top: 0px; left: 0px; } .flags a.en-AU .icon { background-position: -844px 0px; } /* Media Queries */ @media all and (max-width: 4000px) { #portfolio-isotope .pt-item { width: 12%; } } @media screen and (max-width: 768px) { .home-banner-content h1 { font-size: 2em !important; } .home-banner-content { padding: 0px !important; color: #FFFFFF; text-align: left; } @media screen and (max-device-width: 767px) and (orientation: landscape) { .home-blue .multiple-slideshows .screen.phonem { position: absolute; bottom: -42px; right: 3%; width: 13% !important; background-image: url(../images/iphone-white21.png); background-position: 87% 88%; height: 170px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 2) { .home-blue .multiple-slideshows .screen.phonem { position: absolute; bottom: -42px; right: 3%; width: 30% !important; background-image: url(../images/iphone-white21.png); background-position: 87% 88%; height: 170px; } } @media screen and (max-device-width: 767px) and (orientation: portrait) { .home-blue .multiple-slideshows .screen.phonem { position: absolute; bottom: -42px; right: 3%; width: 26% !important; background-image: url(../images/iphone-white21.png); background-position: 87% 88%; height: 170px; } } .home-blue .multiple-slideshows .screen.phonem { position: absolute; bottom: -42px; right: 3%; width: 30%; background-image: url(../images/iphone-white21.png); background-position: 87% 88%; height: 170px; } p { font-family: inherit !important; font-weight: normal !important; font-size: 0.85em !important; line-height: 1.5 !important; text-rendering: optimizeLegibility !important; padding: 10px !important; } header .logo { margin: 0 auto; display: block; text-align: center; width: 100%; padding-bottom: 12px; } .header-search { font-size: 15px; position: relative; float: right; width: 77% !important; padding: 0px !important; } #new-royalslider-3 { margin-bottom: 29px; margin-top: 26px; margin-left: 13px; } .rsContentSlider img { width: 80% !important; height: auto; display: block; } .home-blue .multiple-slideshows .screen.phone { display:none; } .rsContentSlider h3, .rsContentSlider p { width: 90%; margin-left: 5%; display: none; } .social { padding: 8px 0px; } .social li { padding: 0px; margin: 0px 7px 7px 0px; float: left; position: relative; } .social li .qr { display: none; position: absolute; padding-bottom: 10px; bottom: 100%; left: 50%; margin-left: -80px; width: 160px; } .social li .qr .white { background: #EFEFEF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px; position: relative; } .social li .qr .white:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #EFEFEF; border-width: 10px; margin-left: -10px; } .social li .qr .white img { display: block; max-width: 100%; } .social li:hover .qr { display: block; } .social a, .social .wechat, .social .qqweibo { display: block; margin: 0px; padding: 0px; text-align: center; color: #FFF; text-decoration: none; text-transform: capitalize; position: relative; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .social a .icon, .social .wechat .icon, .social .qqweibo .icon { width: 60px; height: 60px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .social a.gplus { background-color: #d95232; } .social a.gplus .icon { background-position: -0px -300px; } .social a.gplus:hover { background-color: #fff; } .social a.gplus:hover .icon { background-position: -0px -360px; } .social a.facebook { background-color: #5283CA; } .social a.facebook .icon { background-position: -60px -300px; } .social a.facebook:hover { background-color: #fff; } .social a.facebook:hover .icon { background-position: -60px -360px; } .social a.linkedin { background-color: #007ab5; } .social a.linkedin .icon { background-position: -120px -300px; } .social a.linkedin:hover { background-color: #fff; } .social a.linkedin:hover .icon { background-position: -120px -360px; } .social a.twitter { background-color: #41ACFF; } .social a.twitter .icon { background-position: -180px -300px; } .social a.twitter:hover { background-color: #fff; } .social a.twitter:hover .icon { background-position: -180px -360px; } .social a.youtube { background-color: #FA5757; } .social a.youtube .icon { background-position: -240px -300px; } .social a.youtube:hover { background-color: #fff; } .social a.youtube:hover .icon { background-position: -240px -360px; } .social a.tumblr { background-color: #3d5a70; } .social a.tumblr .icon { background-position: -300px -300px; } .social a.tumblr:hover { background-color: #fff; } .social a.tumblr:hover .icon { background-position: -300px -360px; } .social a.sinaweibo { background-color: #e6162d; } .social a.sinaweibo .icon { background-position: -888px -300px; } .social a.sinaweibo:hover { background-color: #fff; } .social a.sinaweibo:hover .icon { background-position: -888px -360px; } .social .wechat, .social .qqweibo { color: #FFFFFF; font-weight: 500; position: relative; padding: 0px 0px 0px 56px; text-align: left; } .social .wechat .title, .social .qqweibo .title { color: #606B7A; padding: 10px 0px 0px 0px; font-size: 12px; font-size: 0.75rem; line-height: 16px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; } .social .wechat .account, .social .qqweibo .account { line-height: 24px; font-size: 24px; font-size: 1.5rem; } .social .wechat .icon, .social .qqweibo .icon { position: absolute; top: 0px; left: -10px; } .social .wechat .icon { background-position: -948px -300px; } .social .qqweibo .icon { background-position: -1008px -300px; } /* Footer */ footer { padding: 3em 0 1em 0; background-color: #132734; color: #FFFFFF; position: relative; } footer .logo { display: block; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: -218px 0px; width: 105px; height: 77px; margin: 0px auto 4px auto; } footer .center { text-align: center; } footer .center img { margin: 0 auto; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #606B7A; padding: 0px 0px 8px 0px; font-size: 0.75em; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } footer ul { padding: 4px 0px; } footer p { font-size: 0.75em; font-weight: 300; line-height: 1.25em; color: #959DA8; padding: 8px 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } footer a { font-size: 13px; text-decoration: none; color: #ffffff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight:normal; text-transform:capitalize; } footer p a { font-size: 1em; } footer a:hover { color: #0FBCE7; } footer li { padding: 4px 0px; line-height: 1.1em; } .footerbottom { padding-top: 60px; float:left; } } @media screen and (min-width: 768px) { .home-blue .multiple-slideshows .screen.phonem { display:none; } .screen .rsOverflow { cursor: grab; width: 114px; height: 256px; padding-top:40px; } @media all and (max-width: 2100px) { #portfolio-isotope .pt-item { width: 14.3333%; } } @media all and (max-width: 1900px) { #portfolio-isotope .pt-item { width: 17.6%; } } @media all and (max-width: 1650px) { #portfolio-isotope .pt-item { width: 22.5%; } } @media all and (max-width: 105em) { .thumb .mask .overlay h4 { font-size: 1.05em; } } @media all and (max-width: 90em) { .thumb { width: 50%; } .thumb .mask .overlay h4 { font-size: 1.35em; } } @media all and (max-width: 71.25em) { /* Home Banner */ .home-banner header { padding: 26px 0px; } /* Header */ header { padding: 26px 0px; } /* China - Header Social */ header .header-social { display: none; } /* Search Mobile */ header .header-top form { margin: 0; } header a.mn-search { overflow: hidden; position: relative; float: right; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; /* width: 48px; text-indent: -99999px; */ height: 48px; line-height: 19px; cursor: pointer; color: #fff; text-decoration: none; display: block; font-weight: 500; font-size: 1em; padding: 14px 48px 14px 14px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } header a.mn-search:hover { background-color: rgba(255, 255, 255, 0.2); } header a.mn-search:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 50%; background: rgba(255, 255, 255, 0.025); } header a.mn-search span { position: absolute; top: 14px; right: 14px; display: block; width: 20px; height: 20px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -808px -36px; background-repeat: no-repeat; } header a.mn-search:hover, header a.mn-search.active { color: #0FBCE7; } #mn-searchform { margin: 25px 0px 0px 0px; position: absolute; top: 100%; right: 0px; -webkit-transition: none 125ms ease-out; -webkit-transition-delay: 0; -moz-transition: none 125ms ease-out 0; -o-transition: none 125ms ease-out 0; transition: none 125ms ease-out 0; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; } #mn-searchform.active, header #mn-searchform.active input[type="text"] { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; z-index: 9; } header #mn-searchform input[type="text"] { background-color: #FCFCFC; -webkit-box-shadow: inset 0px 3px 10px #ecf3f6, 0px 1px 3px rgba(47, 52, 60, 0.25); -moz-box-shadow: inset 0px 3px 10px #ecf3f6, 0px 1px 3px rgba(47, 52, 60, 0.25); box-shadow: inset 0px 3px 10px #ecf3f6, 0px 1px 3px rgba(47, 52, 60, 0.25); color: #10333f; padding: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #0FBCE7; width: auto; position: absolute; right: 0px; top: -5px; width: 320px; height: 54px; font-size: 1.125em; margin: 0; outline: none; } header #mn-searchform:after { border: solid transparent; content: " "; right: 16px; bottom: 100%; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #0FBCE7; border-width: 8px; margin-left: -8px; margin-bottom: 5px; } header #mn-searchform input[type="submit"] { display: none; } /* Portfolio Isotope */ #portfolio-isotope .pt-item { width: 30.666%; } } @media all and (max-width: 66em) { /* Home News - Stuff */ .home-news .hn-row .hn-bit, .home-news .hn-row .hn-bit.push-right-one, .home-news .hn-row .hn-bit.push-right-two, .home-news .hn-row .hn-bit.pull-left-one, .home-news .hn-row .hn-bit.pull-left-two { float: left; width: 50%; left: auto; right: auto; } .home-news .hn-row .hn-bit.two { width: 100%; } } @media all and (max-width: 64.063em) { .desktop-clear { clear: none; } .tablet-clear { clear: both; } /* Home Page */ .home-banner-content { padding: 22px 0px 80px 0px; text-align: center; } .home-banner-content .break { margin: 20px auto 18px auto; } .home-banner-content h1 { font-size: 2em; } .home-banner .down { bottom: -70px; } .home-divisions .line-holder { display: none; } .home-divisions .division { min-height: 0px; } .home-news .coverall { padding: 40px 0px; } /* Home News */ .video-holder .intro { text-align: center; padding: 30px 0px 0px 0px; } .video-holder .intro .break { margin: 14px auto; } /* Home Page: Blue Showcase */ .home-blue .text { padding: 60px 0px; max-width: 600px; margin: 0 auto; text-align: center; } .home-blue .multiple-slideshows { top: 0px; margin-bottom: 60px; } /* Basic Page */ .basic-bit .bb-overlay .row .line { right: 66.66667%; } /* Subhome */ .subhome-banner-content { padding: 120px 0px; } .subhome-banner-content h1 { font-size: 2em; } /* Social Share */ a.back { float: none; margin: 0px 0px 10px 0px; } .social-share { float: none; } .social-share li { width: 33.333%; } .social-share a { width: auto; } /* SubHome Nav */ .navbar { padding: 9px 0px; } .navbar a { height: 36px; padding: 9px 0px; } /* Showcase - Full Width Three Column */ .showcase-fullthree li { width: 100%; } /* Portfolio Isotope */ #portfolio-isotope .pt-item { width: 47%; } /* Showcase Case Study */ .portfolio-information .project-info { padding: 30px 0px; border: none; } /* Blog Entry */ .blog-article-info .opening { padding: 30px 0px 20px 0px; } .mobile-clear { clear: both; } .blog-article-info .author, .blog-article-info .share { float: none; } .blog-article-info .author { margin-bottom: 20px; } .blog-article-info .share li { margin: 0px 10px 10px 0px; } /* Contact Page */ .contact-form .pushleft, .contact-form .pushright { float: none; margin: 16px 0px; width: 100%; } .contact-form .pushright .optionset li { float: left; width: 50%; min-height: 26px; } /* Footer */ .footer-space { height: 20px; } } @media all and (max-width: 55em) { .thumb .mask .overlay h4 { font-size: 1.05em; } } @media all and (max-width: 45em) { .mobile-clear { clear: both; } /* Home News - Stuff */ .home-news .hn-row .hn-bit, .home-news .hn-row .hn-bit.push-right-one, .home-news .hn-row .hn-bit.push-right-two, .home-news .hn-row .hn-bit.pull-left-one, .home-news .hn-row .hn-bit.pull-left-two { width: 100%; } .thumb { width: 100%; } .thumb .mask .overlay h4 { font-size: 1.35rem; } /* Multiple Slideshows */ .multiple-slideshows .screen .slide a.overlay { padding: 20px; } /* Page Banners */ .about-banner-content { padding: 22px 0px 60px 0px; } /* Contact Page */ .contact-form .pushright .optionset li { float: none; width: auto; min-height: 0px; } .contact-form .field.half { width: 100%; float: none; margin: 0px; } } @media all and (max-width: 40.063em) { /* Header */ .nav-btn, header a.mn-search { text-indent: -99999px; padding: 14px; width: 48px; } /* Subhome */ .subhome-banner-content { padding: 80px 20px; } .subhome-banner-content h1 { font-size: 2em; } /* Basic Page */ .basic-bit .bb-overlay .row .line { display: none; } /* Basic Page: Sidebar */ .basic-sidebar { padding: 10px 0px 0px 0px; border: none; border-top: 1px solid #EDEDED; text-align: left; } .basic-sidebar:before, .basic-sidebar:after { background: none; } .basic-sidebar .share li { float: left; margin: 0px 10px 10px 0px; } /* Showcase */ .portfolio-top { padding: 15px 0px; } .portfolio-top h4 { display: none; } .portfolio-top #portfolio-filters p { display: block; text-align: center; padding: 10px; } .portfolio-top #portfolio-filters button { height: auto; display: block; padding: 10px; margin: 0px; width: 100%; } .portfolio-top #portfolio-filters button.active:after { border: none; } /* Portfolio Isotope */ #portfolio-isotope .pt-item { width: 96%; } .sidebar .royalSlider .thumb .mask { padding-bottom: 50%; } } @media all and (max-width: 30em) { .thumb .mask .overlay h4 { font-size: 1.05em; } } @media all and (max-width: 360px) { .thumb .mask .overlay p { display: none; } } /**** Footer ****/ /* Social */ .social { padding: 8px 0px; } .social li { padding: 0px; margin: 0px 7px 7px 0px; float: left; position: relative; } .social li .qr { display: none; position: absolute; padding-bottom: 10px; bottom: 100%; left: 50%; margin-left: -80px; width: 160px; } .social li .qr .white { background: #EFEFEF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px; position: relative; } .social li .qr .white:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #EFEFEF; border-width: 10px; margin-left: -10px; } .social li .qr .white img { display: block; max-width: 100%; } .social li:hover .qr { display: block; } .social a, .social .wechat, .social .qqweibo { display: block; margin: 0px; padding: 0px; text-align: center; color: #FFF; text-decoration: none; text-transform: capitalize; position: relative; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .social a .icon, .social .wechat .icon, .social .qqweibo .icon { width: 60px; height: 60px; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .social a.gplus { background-color: #d95232; } .social a.gplus .icon { background-position: -0px -300px; } .social a.gplus:hover { background-color: #fff; } .social a.gplus:hover .icon { background-position: -0px -360px; } .social a.facebook { background-color: #5283CA; } .social a.facebook .icon { background-position: -60px -300px; } .social a.facebook:hover { background-color: #fff; } .social a.facebook:hover .icon { background-position: -60px -360px; } .social a.linkedin { background-color: #007ab5; } .social a.linkedin .icon { background-position: -120px -300px; } .social a.linkedin:hover { background-color: #fff; } .social a.linkedin:hover .icon { background-position: -120px -360px; } .social a.twitter { background-color: #41ACFF; } .social a.twitter .icon { background-position: -180px -300px; } .social a.twitter:hover { background-color: #fff; } .social a.twitter:hover .icon { background-position: -180px -360px; } .social a.youtube { background-color: #FA5757; } .social a.youtube .icon { background-position: -240px -300px; } .social a.youtube:hover { background-color: #fff; } .social a.youtube:hover .icon { background-position: -240px -360px; } .social a.tumblr { background-color: #3d5a70; } .social a.tumblr .icon { background-position: -300px -300px; } .social a.tumblr:hover { background-color: #fff; } .social a.tumblr:hover .icon { background-position: -300px -360px; } .social a.sinaweibo { background-color: #e6162d; } .social a.sinaweibo .icon { background-position: -888px -300px; } .social a.sinaweibo:hover { background-color: #fff; } .social a.sinaweibo:hover .icon { background-position: -888px -360px; } .social .wechat, .social .qqweibo { color: #FFFFFF; font-weight: 500; position: relative; padding: 0px 0px 0px 56px; text-align: left; } .social .wechat .title, .social .qqweibo .title { color: #606B7A; padding: 10px 0px 0px 0px; font-size: 12px; font-size: 0.75rem; line-height: 16px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; } .social .wechat .account, .social .qqweibo .account { line-height: 24px; font-size: 24px; font-size: 1.5rem; } .social .wechat .icon, .social .qqweibo .icon { position: absolute; top: 0px; left: -10px; } .social .wechat .icon { background-position: -948px -300px; } .social .qqweibo .icon { background-position: -1008px -300px; } /* Footer */ footer { padding: 3em 0 1em 0; background-color: #132734; color: #FFFFFF; position: relative; } footer .logo { display: block; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-repeat: no-repeat; background-position: -218px 0px; width: 105px; height: 77px; margin: 0px auto 4px auto; } footer .center { text-align: center; } footer .center img { margin: 0 auto; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #606B7A; padding: 0px 0px 8px 0px; font-size: 0.75em; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } footer ul { padding: 4px 0px; } footer p { font-size: 0.75em; font-weight: 300; line-height: 1.25em; color: #959DA8; padding: 8px 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } footer a { font-size: 13px; text-decoration: none; color: #ffffff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight:normal; text-transform:capitalize; } footer p a { font-size: 1em; } footer a:hover { color: #0FBCE7; } footer li { padding: 4px 0px; line-height: 1.1em; } .footerbottom { padding-top: 60px; float:left; } /* Footer Recent Blog Posts */ ul.recent-blog li { padding: 4px 0px; line-height: 1.1em; } ul.recent-blog li:last-child { border-bottom: none; padding-bottom: 0px; } ul.recent-blog li a { font-size: 0.875em; font-weight: 500; } ul.recent-blog li p { padding: 2px 0px 0px 0px; font-size: 0.75em; } /* Newsletter Signup */ form.newsletter { position: relative; margin: 8px 0px 24px 0px; } form.newsletter input[type="text"]::-webkit-input-placeholder { color: #535B66; } form.newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #535B66; } form.newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #535B66; } form.newsletter input[type="text"]:-ms-input-placeholder { color: #535B66; } form.newsletter input[type="text"] { border: 1px solid #FFFFFF; width: 100%; margin: 0; background: #FFFFFF; height: 32px; line-height: 20px; padding: 6px 88px 6px 8px; font-size: 0.75em; outline: none; color: #5C626F; display: block; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } form.newsletter input[type="text"]:focus { border: 1px solid #0FBCE7; } form.newsletter input[type="submit"] { min-width: 0px; cursor: pointer; display: block; position: absolute; top: 0; right: 0; text-align: center; text-transform: uppercase; margin: 0; background: #0FBCE7; height: 32px; line-height: 20px; padding: 6px; width: 80px; font-weight: bold; font-size: 0.75em; border: none; outline: none; color: #FFFFFF; display: block; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } form.newsletter input[type="submit"]:hover { color: #FFFFFF; } @media all and (max-width: 40.063em) { /* Footer */ footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { padding-top: 30px; } .footer-space { height: 0px; } form.newsletter { margin: 8px 0px 0px 0px; } form.newsletter input[type="text"] { padding: 6px 8px; } form.newsletter input[type="submit"] { position: static; width: 100%; } } /* Print styles */ @media print { @page { margin: 1.5cm 1cm; } header, footer, #Breadcrumbs, .basic-sidebar, .pb-share { display: none; } .print-logo { display: block; height: 110px; margin-top: -55px; } .home-banner-content, .page-banner, .page-banner .page-banner-content { padding: 1em 0; } body { font-size: 0.75em; } a[href]:after { font-size: 0.75rem; text-transform: none; font-weight: normal; font-style: normal; color: #999; } } /*** Bits ***/ /* Content */ .content { padding: 0px 0px 12px 0px; /* Content: Tables */ } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { padding: 12px 0px 0px 0px; line-height: 1.3; } .content h1 { color: #132734; font-size: 32px; font-size: 2rem; font-weight: 700; } .content h2 { color: #132734; font-size: 26px; font-size: 1.625rem; font-weight: 700; } .content h3 { color: #132734; font-size: 24px; font-size: 1.5rem; font-weight: 700; } .content h4 { color: #132734; font-size: 22px; font-size: 1.375rem; font-weight: bold; } .content h5 { color: #44A7C3; font-size: 21px; font-size: 1.3125em; font-weight: 600; text-transform: uppercase; } .content h6 { color: #132734; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 1.65; } .content img { margin: 8px 0; max-width: 100%; } .content .captionImage img.center, .content img.center { display: block; margin: 10px auto; } .content img.left, .content .captionImage.left, .content img.floatLeft { float: left; max-width: 96%; margin: 10px 4% 10px 0; } .content img.right, .content .captionImage.right, .content img.floatRight { float: right; max-width: 96%; margin: 10px 0 10px 4%; } .content .captionImage, .content .captionImage.left, .content .captionImage.right { position: relative; } .content .captionImage img { float: none; max-width: 100%; margin: 0; padding: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .content .captionImage p.caption { font-family: 'Ubuntu', sans-serif; font-size: 20px; font-size: 1.25rem; padding: 18px; font-style: italic; text-align: center; } .content p { color: #656C74; font-size: 18px; font-size: 1.125rem; line-height: 1.6; padding: 12px 0px; } .content b, .content strong { font-weight: bold; color: #132734; } .content i, .content em { font-style: italic; } .content q, .content blockquote { position: relative; background-color: #132734; color: #FFFFFF; font-size: 24px; font-size: 1.5rem; font-style: italic; font-weight: 500; line-height: 1.5; margin: 16px 0px 32px 0px; padding: 30px 30px 30px 68px; display: block; } .content q p, .content blockquote p { color: #FFFFFF; font-size: 16px; font-size: 1rem; } .content q a, .content blockquote a { color: #FFFFFF; } .content q:before, .content blockquote:before { content: "\201C"; font-size: 64px; position: absolute; left: 20px; top: 35px; color: rgba(255, 255, 255, 0.5); } .content q:after, .content blockquote:after { width: 0; height: 0; border-top-width: 30px; border-top-style: solid; border-right: 35px solid transparent !important; content: ""; display: block; position: absolute; bottom: -30px; left: 30px; border-top-color: #132734; } .content a, .content a:link, .content a:visited { color: #132734; text-decoration: none; position: relative; padding-bottom: 2px; border-bottom: 1px dotted #0FBCE7; } .content a:hover, .content a:focus, .content a:link:hover, .content a:link:focus, .content a:visited:hover, .content a:visited:focus { color: #0FBCE7; border-bottom: 1px solid #0FBCE7; } .content a:active, .content a:focus, .content a:link:active, .content a:link:focus, .content a:visited:active, .content a:visited:focus { color: #0FBCE7; text-decoration: none; outline: none; } .content a.button { text-transform: uppercase; display: inline-block; zoom: 1; margin: 12px 0px; padding: 14px 16px; font-weight: bold; font-size: 18px; font-size: 1.125rem; line-height: 1.25; text-decoration: none; color: #132734; background-color: transparent; border: 3px solid #0FBCE7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .content a.button:hover { background-color: #0FBCE7; color: #FFFFFF; border: 3px solid #0FBCE7; } .content p a.button { margin: 0px; } .content a.blue-button { font-family: 'Verdana', sans-serif; text-transform: uppercase; letter-spacing: 0.01em; display: inline; display: inline-block; zoom: 1; padding: 16px 18px; margin: 18px 0px 9px 0px; background-color: #328ddd; color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .content a.blue-button:hover { text-decoration: none; background-color: #47a2f3; } .content ul li { font-family: "Open Sans", 'Ubuntu', sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 1.6; color: #656C74; margin: 12px 0px 12px 36px; list-style: disc; } .content ol { list-style: decimal; padding-left: 30px; } .content ol li { font-family: "Open Sans", 'Ubuntu', sans-serif; color: #656C74; font-size: 18px; font-size: 1.125rem; line-height: 1.6; margin: 12px 0px; } .content li h1, .content li h2, .content li h3, .content li h4, .content li h5, .content li h6, .content li p { font-size: 1em; } .content table { max-width: 100%; margin: 12px 0px; color: #656C74; line-height: 1.8em; border-width: 1px; border-color: #B2BBC2; border-collapse: collapse; vertical-align: top; } .content table tr:nth-child(odd) { background-color: #F5F6F7; } .content table th { border-width: 1px; padding: 20px 24px; background-color: #646F80; color: #FFFFFF; border-style: solid; border-color: #4A5157; text-align: left; font-weight: bold; vertical-align: top; } .content table th * { color: #FFFFFF; } .content table td { border-width: 1px; padding: 20px 24px; border-style: solid; border-color: #B2BBC2; vertical-align: top; } .content table p, .content table h1, .content table h2, .content table h3, .content table h4, .content table h5, .content table h6, .content table h1:first-child, .content table h2:first-child, .content table h3:first-child, .content table h4:first-child, .content table h5:first-child, .content table h6:first-child { padding: 4px 0px; } .content table ul li { margin: 4px 0px 4px 36px; } .content table ol li { margin: 4px 0px; } .content table img { max-width: none; margin: 4px 0px; } /* Search Results */ .content #SearchResults li { list-style: none; padding: 30px 0px; margin: 0px; border-top: 1px dotted #B4BAC2; } .content #SearchResults h4 { font-family: 'Ubuntu', sans-serif; padding: 0px; font-size: 1.35em; } .content #SearchResults p:first-of-type { font-family: "Open Sans", 'Ubuntu', sans-serif; color: #656C74; font-size: 1em; line-height: 1.6em; padding: 12px 0px; } .content #SearchResults a.readMoreLink { font-family: 'Ubuntu', sans-serif; position: relative; text-transform: uppercase; font-size: 0.675em; line-height: 1em; display: block; float: left; margin: 12px 0px 8px 0px; padding: 12px; font-weight: bold; border: 3px solid #0FBCE7; color: #132734; border-radius: 3px; background: transparent; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-transition: padding 300ms ease 0s, background-color 300ms ease 0s, color 300ms ease 0s; transition: padding 300ms ease 0s, background-color 300ms ease 0s, color 300ms ease 0s; } .content #SearchResults a.readMoreLink:hover { padding-right: 28px; color: #FFFFFF; background-color: #0FBCE7; } .content #SearchResults a.readMoreLink .icon { position: absolute; right: 8px; top: 50%; margin-top: -11px; width: 20px; height: 20px; opacity: 0; background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -200px -80px; background-repeat: no-repeat; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .content #SearchResults a.readMoreLink:hover .icon { opacity: 1; } /*** Pages ***/ /* Social Feed */ /* Twitter */ .news-twitter, .news-facebook, .news-youtube, .news-blog, .news-photo, .news-weibo { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #EDEDED; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .news-twitter .overlay, .news-facebook .overlay, .news-youtube .overlay, .news-blog .overlay, .news-photo .overlay, .news-weibo .overlay { padding: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 320px; } .news-twitter.image .overlay, .news-facebook.image .overlay, .news-youtube.image .overlay, .news-blog.image .overlay, .news-photo.image .overlay, .news-weibo.image .overlay { background-color: rgba(12, 28, 37, 0.8); } .news-twitter h3, .news-facebook h3, .news-youtube h3, .news-blog h3, .news-photo h3, .news-weibo h3 { color: #FFFFFF; font-weight: bold; font-size: 1.35em; line-height: 1.35em; } .news-twitter p, .news-facebook p, .news-youtube p, .news-blog p, .news-photo p, .news-weibo p { color: #FFFFFF; font-size: 0.875em; line-height: 1.4em; margin: 10px 0px 0px 0px; opacity: 0.9; } .news-twitter a, .news-twitter span, .news-facebook a, .news-facebook span, .news-youtube a, .news-youtube span, .news-blog a, .news-blog span, .news-photo a, .news-photo span, .news-weibo a, .news-weibo span { color: rgba(255, 255, 255, 0.75); } .news-twitter a:hover, .news-facebook a:hover, .news-youtube a:hover, .news-blog a:hover, .news-photo a:hover, .news-weibo a:hover { color: #FFFFFF; } .news-twitter a.go, .news-facebook a.go, .news-youtube a.go, .news-blog a.go, .news-photo a.go, .news-weibo a.go { font-size: 0.875em; line-height: 1.25em; position: absolute; bottom: 30px; left: 30px; font-weight: bold; text-transform: uppercase; } .news-twitter .caption, .news-facebook .caption, .news-youtube .caption, .news-blog .caption, .news-photo .caption, .news-weibo .caption { position: absolute; bottom: 10px; left: 10px; color: #FFFFFF; font-weight: bold; font-size: 1.5em; } .news-twitter .caption span, .news-facebook .caption span, .news-youtube .caption span, .news-blog .caption span, .news-photo .caption span, .news-weibo .caption span { background: rgba(0, 0, 0, 0.7); } .news-twitter .icon, .news-facebook .icon, .news-youtube .icon, .news-blog .icon, .news-photo .icon, .news-weibo .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; position: absolute; right: 20px; bottom: 15px; height: 60px; width: 60px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0; -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0; transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0; } .news-twitter:hover .icon, .news-facebook:hover .icon, .news-youtube:hover .icon, .news-blog:hover .icon, .news-photo:hover .icon, .news-weibo:hover .icon { -ms-transform: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); } .news-twitter { background-color: #3abde1; } .news-twitter .icon { background-position: -180px -300px; } .news-facebook { background-color: #5283CA; } .news-facebook h3 { font-weight: 500; font-size: 1.125em; } .news-facebook .icon { background-position: -60px -300px; } .news-youtube { background-color: #FA5757; } .news-youtube .icon { background-position: -240px -300px; } .news-weibo { background-color: #D52B2B; } .news-weibo h3 { font-size: 18px; font-size: 1.125em; } .news-weibo .icon { background-position: -888px -300px; } .news-blog { background-color: #2F576C; } .news-photo { height: 320px; } /* Columns */ .socialfeed { padding: 10px; } #news-isotope .news-item { width: 25%; padding: 10px; } @media (max-width: 4000px) { #news-isotope .news-item { width: 16.666666%; } } @media (max-width: 2100px) { #news-isotope .news-item { width: 20%; } } @media (max-width: 1900px) { #news-isotope .news-item { width: 25%; } } @media (max-width: 1650px) { #news-isotope .news-item { width: 33.333333%; } } @media (max-width: 71.25em) { #news-isotope .news-item { width: 50%; } } @media (max-width: 64.063em) { #news-isotope .news-item { width: 100%; } } @media (max-width: 32em) { .news-twitter .overlay, .news-facebook .overlay, .news-youtube .overlay, .news-blog .overlay, .news-photo .overlay { height: 380px; } } .event-head { color: #656C74; font-size: 1.125em; line-height: 1.6em; padding: 12px 0px 24px 0px; border-bottom: 1px solid #D8DCE0; margin: 0px 0px 12px 0px; } .event-head h2 { color: #132734; font-size: 1.65em; font-weight: 700; } .event-head .dates { font-weight: bold; text-transform: uppercase; font-size: 16px; font-size: 1rem; color: #3D8FA8; margin: 8px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; } .event-head .locations { font-weight: 500; font-size: 20px; font-size: 1.25rem; line-height: 1.3; color: #465663; margin: 8px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; padding-left: 30px; position: relative; } .event-head .locations .icon { background-image: url(../images/sprite.png); background-image: url(../images/sprite.svg), none; background-size: 2300px 420px; background-position: -828px -36px; height: 20px; width: 20px; position: absolute; left: 0px; top: 50%; margin-top: -10px; } .content #sitemap li a { margin: 0 0 0.5rem 1.5rem; padding: 0; font-size: 1rem; display: inline-block; border-bottom: 0; } .content #sitemap li#home { background: url(../../../mysite/images/icons/internetrix-file.gif) no-repeat 4px 3px; } .content #fixed-toggle { right: 1rem; position: fixed; z-index: 2; } @media only screen and (min-width: 64.063em) { .content #fixed-toggle { margin-left: -6.125rem; float: none; right: auto; } } /*# sourceMappingURL=style.css.map */ #new-royalslider-2 { height: 312.737px !important; padding-left: 11px; } .rsOverflow { cursor: grab; width: 114px; height: 256px; } .footer-space p { color: #fff; font-size: 1.125em; line-height: 1.5em; } .inner-home .entry-content { margin: auto; -ms-word-wrap: break-word; word-wrap: break-word; max-width: 69em !important; padding-top: 12px !important; padding-bottom: 20px; } p { font-family: inherit !important; font-weight: normal !important; font-size: 1em !important; line-height: 1.6 !important; margin-bottom: 1.25em !important; text-rendering: optimizeLegibility !important; } .inner-home .entry-content ul { list-style: inside none disc; } .inner-home .entry-content ul li { line-height: 20px !important; } .inner-home .entry-content ol { list-style: inside none disc; } #rev_slider_1_1_wrapper { margin-top:-206px; } .large-15 .columns { width: 49.333%; } .large-17 .columns { width: width: 44.667%; } @media screen and (max-width: 480px) { .rev_slider_wrapper { display:none !important; .entry-content h2 { padding-top: 12px !important; } } #rev_slider_1_1_wrapper { display:none !important; } } @media (max-width: 640px) { #rev_slider_1_1_wrapper { display:none !important; } .rev_slider_wrapper { display: none !important; } .entry-content h2 { padding-top: 12px !important; } } @media screen and (max-width: 600px) { #rev_slider_1_1_wrapper { display:none !important; } .rev_slider_wrapper { display: none !important; } .entry-content h2 { padding-top: 12px !important; } .top-call { display: none !important; } } @media only screen and (min-device-width : 961px) and (max-device-width : 1024px) and (orientation : landscape) { .home-blue .multiple-slideshows .screen.phone { width: 17% !important; .entry-content h2 { padding-top: 12px !important; } } } } @media only screen and (min-width: 640px) { .entry-content h2 { padding-top: 12px !important; } } .top-call { float: right; color: #fff; z-index: 99999; position: relative; padding-top: 12px; } .wp-image-900 { display: block; width: 100%; height: auto; } .container1 { position: relative; width: 100%; padding-top:80px; } .overlay1 { position: absolute; bottom: 0; left: 0; right: 0; height: 90%; width: 100%; opacity: 0; transition: .5s ease; background-color: #46596A; } .container1:hover .overlay1 { opacity: 0.9; } .text1 { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }