/* aj.messages */ /* MESSAGES */ .messages h3 { float:left; margin-top:8px; } .messages a[data-role="button"] { float:right; margin-top:4px; } .messages p { clear:both; font-size:85%; margin-bottom:8px; } .messages div { font-family: Helvetica,Arial,sans-serif; color:#333333; text-shadow:0 1px 0 #FFFFFF; border-width:1px; border-style:solid; } .messages .notice { border-color: #F7C942 /*{e-bar-border}*/; background: #fadb4e /*{e-bar-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); } .messages .success { border-color: #7EF742 /*{e-bar-border}*/; background: #87FA4E /*{e-bar-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #C3FCA7 /*{e-bar-background-start}*/), to( #87FA4E /*{e-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#C3FCA7 /*{e-bar-background-start}*/, #87FA4E /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(#C3FCA7 /*{e-bar-background-start}*/, #87FA4E /*{e-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient(#C3FCA7 /*{e-bar-background-start}*/, #87FA4E /*{e-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient(#C3FCA7 /*{e-bar-background-start}*/, #87FA4E /*{e-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient(#C3FCA7 /*{e-bar-background-start}*/, #87FA4E /*{e-bar-background-end}*/); } .messages .error { border-color: #F74242 /*{e-bar-border}*/; background: #FA4E4E /*{e-bar-background-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #FCA7A7 /*{e-bar-background-start}*/), to( #FA4E4E /*{e-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(#FCA7A7 /*{e-bar-background-start}*/, #FA4E4E /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(#FCA7A7 /*{e-bar-background-start}*/, #FA4E4E /*{e-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient(#FCA7A7 /*{e-bar-background-start}*/, #FA4E4E /*{e-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient(#FCA7A7 /*{e-bar-background-start}*/, #FA4E4E /*{e-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient(#FCA7A7 /*{e-bar-background-start}*/, #FA4E4E /*{e-bar-background-end}*/); } /* */
/* base */ /* ------------------------------------------------------------- reset.css * Resets default browser CSS. Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from <q>, <blockquote>. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* */
/* jquery.fancybox */ /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/jquery-plugins/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/images/jquery-plugins/fancybox/loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/images/jquery-plugins/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/images/jquery-plugins/fancybox/overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* */
/* frontend */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } @font-face { font-family: "FranklinGothicITC W05 Book"; src: url("/fonts/5212476/c3f2daba-4a4a-4083-a6bf-5a0f18260310.eot?#iefix"); src: url("/fonts/5212476/c3f2daba-4a4a-4083-a6bf-5a0f18260310.eot?#iefix") format("eot"), url("/fonts/5212476/c9d5ed86-661a-4989-a50f-9773df1655c9.woff2") format("woff2"), url("/fonts/5212476/38a468e2-bcba-44d1-af3b-6f579e6af3d4.woff") format("woff"), url("/fonts/5212476/eda3347f-d201-4d3c-8af9-31fd6d68da18.ttf") format("truetype"); } @font-face { font-family: "FranklinGothicCondITC W05 Md"; src: url("/fonts/5686903/429ec46d-3ee6-4dab-ad1e-5e7c14b05723.eot?#iefix"); src: url("/fonts/5686903/429ec46d-3ee6-4dab-ad1e-5e7c14b05723.eot?#iefix") format("eot"), url("/fonts/5686903/90f036a8-8aaa-4ce5-8c80-13d9c469c027.woff2") format("woff2"), url("/fonts/5686903/10cabd80-1433-4335-858b-2893e5ebf530.woff") format("woff"), url("/fonts/5686903/8a7b2774-c885-4c43-a1a3-2975c1694e2e.ttf") format("truetype"); } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { background-color: white; overflow-y: scroll; } body { width: 100%; margin: 0; padding: 0; font-size: 14px; font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; color: black; background: none; } body:after { display: none; } a img { vertical-align: bottom; } a:hover, a.active { color: #0099DA; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: black; } h1 { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; font-size: 20px; line-height: 1.2em; } h2 { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; font-size: 20px; line-height: 1.2em; } h3 { font-size: 13px; } h4 { font-size: 16px; font-weight: normal; } p { line-height: 1.4em; margin: 5px 0; } em { font-style: italic; } figure { line-height: 0; } nav ul { list-style: none; margin: 0; } textarea { height: 200px; } input[type="search"] { -webkit-appearance: textfield; } ul.horizontal li { float: left; } .bold { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; } .light { font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; } .medium { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; } .regular { font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; } .blue { color: #0099DA; } .darkblue { color: #0079A3; } .lightgrey { color: #9C9C9C; } .grey { color: #9C9C9C; } .darkgrey { color: #808080; } .lightgrey h1, .lightgrey h2, .lightgrey h3 { color: #9C9C9C; } header a, footer a { text-decoration: none; color: black; } header h1 { margin: 0; } .center { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .fullWidth { width: 100% !important; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .clear { zoom: 1; } ::-moz-selection { background: #0099DA; color: white; text-shadow: none; } ::selection { background: #0099DA; color: white; text-shadow: none; } .languageSelector { float: right; font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; font-size: 14px; text-transform: lowercase; color: #9C9C9C; line-height: 1.0em; } .languageSelector .separator { padding: 0 3px; } .languageSelector a { color: black; } .languageSelector a:hover { color: #0099DA; } .languageSelector .active { color: #0099DA; } .social { background: url(/images/layout/icons/sprite-social-icons.png) 0 0 no-repeat; padding-left: 25px; width: 19px; height: 18px; display: inline-block; } .social.twitter { background-position: 0 0; } .social.linkedin { background-position: 0 -27px; } .social.facebook { background-position: 0 -54px; } .social.pinterest { background-position: 0 -81px; } .social.rss { background-position: 0 -108px; } #goToAdmin { position: fixed; right: 0; top: 0; z-index: 1000; padding: 5px; margin-top: 1px; margin-right: 1px; } #goToAdmin.dev { margin-right: 21px; } @media all and (max-width: 940px) { #goToAdmin.adminButton, #gotoAdmin.adminButton.dev { left: 50%; transform: translateX(-50%); right: auto; margin: auto; } } html, body { width: 100%; height: 100%; } a { text-decoration: none; } sup { line-height: 1em; font-size: .7em; vertical-align: top; } sub { line-height: 1em; font-size: .7em; vertical-align: bottom; } body:after { content: 'large'; } .linkToMore { cursor: pointer; } .metadata { font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; text-transform: lowercase; color: black; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } .metadata a { text-decoration: underline; } .background { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #0099DA; -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70); } @media all and (min-width: 940px) { .overlay { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; max-width: 100%; height: 100%; background-color: #0099DA; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); display: none; } } .itemSpacer { width: 100%; height: 40px; clear: both; } .backgroundImage { background-position: center center; background-repeat: no-repeat; } .indentLeft { margin-left: 135px; } .background-gradient { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('/images/layout/overlay-gradient.png'); background-repeat: repeat-x; background-position: 0 bottom; } #goToAdmin { background-color: black; color: white; line-height: 1em; font-weight: bold; padding: 3px 6px !important; } .fullscreen { top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } .fullscreen.overlay { position: absolute; z-index: 1500; display: none; background-color: transparent; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .fullscreen.overlay .background { position: fixed; z-index: -1; background: transparent; -moz-opacity: .9; opacity: .9; filter: alpha(opacity=90); } .fullscreen.overlay .content { position: relative; z-index: 10; top: 100px; } .fullscreen.overlay .viewport { width: 700px; height: 640px; margin: 20px; } .fullscreen.overlay .loading { width: 100%; height: 50px; margin: 10px 0; background-image: url(/images/layout/loading.gif); background-repeat: no-repeat; background-position: left center; } .fullscreen.overlay .slideshow { position: absolute; left: 0; top: 0; z-index: 90; } .fullscreen.overlay .controls { position: absolute; left: 0; top: 0; z-index: 2000; width: 740px; height: 640px; margin-top: 20px; } .fullscreen.overlay .controls .control { position: absolute; top: 0; z-index: 2500; width: 50%; height: 100%; cursor: pointer; background-color: transparent; background-image: url(/images/layout/transparent.png); } .fullscreen.overlay .controls .control .arrow { display: none; position: absolute; top: 200px; width: 30px; height: 40px; -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70); background-color: #0099DA; background-repeat: no-repeat; background-position: center center; } .fullscreen.overlay .controls .control:hover .arrow { display: block; } .fullscreen.overlay .controls .prev { left: 0px; } .fullscreen.overlay .controls .prev .arrow { left: 20px; background-image: url(/images/layout/icons/prev.png); } .fullscreen.overlay .controls .next { right: 0px; } .fullscreen.overlay .controls .next .arrow { right: 20px; background-image: url(/images/layout/icons/next.png); } .openFullscreen { cursor: pointer; } .openFullscreen .overlay { background-color: transparent; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .openFullscreen .overlay .icon { display: block; position: absolute; right: 0; top: 0; width: 27px; height: 27px; background-color: #0099DA; background-image: url(/images/layout/icons/fullscreen.png); background-repeat: no-repeat; background-position: right top; } .fullscreen .slideshow .slide { width: 100%; text-align: center; background-color: transparent; } .fullscreen .slideshow .slide img { display: block; margin: 0 auto; } .fullscreen .slideshow .slide .metadata { position: absolute; left: 0; top: -20px; width: 100%; text-align: center; color: white; } .fullscreen .slideshow .slide .metadata a { color: white !important; } #pageHeader { position: relative; width: 100%; height: 130px; padding-top: 40px; } #pageHeader .content { position: relative; height: 100%; zoom: 1; } #pageHeader .content:before, #pageHeader .content:after { content: ""; display: table; } #pageHeader .content:after { clear: both; } #pageHeader .logo { float: left; } #pageHeader .navigation { position: relative; float: right; width: 580px; height: 100%; } #pageHeader .searchWidget { float: right; clear: both; margin-top: 18px; } #mainMenu { position: absolute; right: 0; bottom: 0; } #mainMenu li { margin-left: 22px; } #mainMenu li.first { margin-left: 0; } #mainMenu li.last a { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; } #mainMenu li.active { border-bottom: 2px solid #0099DA; padding-bottom: 55px; } #mainMenu li.active a { color: #0099DA; } #mainMenu a { display: block; font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; font-size: 18px; font-weight: normal; text-transform: lowercase; line-height: 1.0em; } #mainMenu .nav-search .searchWidget { margin-top: 0; } #mainMenu .nav-search .input-search { display: none; } #mainMenu .nav-search .search-widget-link { display: none; } #mainMenu .btn-nav-toggle { display: none; } #pageFooter { position: relative; width: 100%; background-color: white; color: black; font-size: 11px; line-height: 12px; } #pageFooter .content { padding-top: 40px; } #pageFooter h4 { color: white; font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; font-size: 20px; padding-bottom: 5px; line-height: 20px; } #pageFooter a { color: black; } #pageFooter a:hover { color: #0099DA; text-decoration: underline; } #pageFooter p { line-height: 1.6em; font-size: 14px; } #pageFooter ul { margin: 5px 0; line-height: 1.6em; font-size: 14px; list-style: none; } #pageFooter ::-moz-selection { background: white !important; color: #0099DA; text-shadow: none; } #pageFooter ::selection { background: white !important; color: #0099DA; text-shadow: none; } #pageFooter .column { margin-bottom: 20px; box-sizing: border-box; } #pageFooter .column h4 { display: none; } #pageFooter .column-message { max-width: 400px; } #pageFooter .column-message p { color: black; box-sizing: border-box; } #pageFooter .column-message a { color: #0099DA; } #pageFooter .column-social { zoom: 1; } #pageFooter .column-social:before, #pageFooter .column-social:after { content: ""; display: table; } #pageFooter .column-social:after { clear: both; } #pageFooter .column-social li { display: block; float: left; width: 24px; height: 24px; margin-right: 10px; margin-bottom: 10px; background-color: black; border-radius: 50%; } #pageFooter .column-social li .social { width: 100%; height: 100%; text-indent: -9999px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; padding-left: 0; } #pageFooter .column-contact img { display: none; } @media all and (min-width: 640px) { #pageFooter .content { display: flex; flex-wrap: nowrap; zoom: 1; } #pageFooter .content:before, #pageFooter .content:after { content: ""; display: table; } #pageFooter .content:after { clear: both; } #pageFooter .column { padding-top: 0; float: left; margin-left: 2%; max-width: none; } #pageFooter .column-message { width: 60%; order: 2; flex-grow: 1; } #pageFooter .column-social { width: 20%; order: 1; margin-left: 0; } #pageFooter .column-contact { width: 20%; order: 3; text-align: right; } } .push { height: 400px; display: none; } #pageContent a { color: #0099DA; } #pageContent .metadata a { color: #808080; } #pageContent .content-sub-header { margin: 60px 0 20px 0; display: inline-block; font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; font-size: 26px; color: black; border-bottom: 1px solid #0099DA; } #pageContent .breadcrumbs { margin: 20px 0 40px 0; font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; color: #9C9C9C; line-height: 1.0em; font-size: 16px; } #pageContent .breadcrumbs a, #pageContent .breadcrumbs .active { padding: 0 5px; } #pageContent .breadcrumbs a { color: black; } #pageContent .breadcrumbs a.first { padding-left: 0; } #pageContent .breadcrumbs a:hover { color: #0099DA; } #pageContent .breadcrumbs .active { color: #0099DA; } #pageContent .filterTerms { position: relative; float: right; width: 600px; margin-bottom: 10px; margin-top: 10px; } #pageContent .filterTerms a { display: inline-block; margin-right: 10px; color: #0099DA; line-height: 1.0em; width: 100%; } #pageContent .filterTerms .remove { display: inline-block; padding: 0 2px; background-color: #0099DA; color: white; } #pageContent .sideMenu { color: #9C9C9C; margin-bottom: 20px; } #pageContent .sideMenu h4 { font-size: 16px; font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; color: black; } #pageContent .sideMenu ul { list-style: none; } #pageContent .sideMenu a { color: #9C9C9C; } #pageContent .sideMenu .active { color: #0099DA; } #pageContent .sideMenu .social { display: inline-block; } #pageContent .sideMenu .itemSpacer { height: 20px; } #pageContent .sideMenu .filters { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; zoom: 1; width: 68%; float: left; padding-right: 2%; } #pageContent .sideMenu .filters:before, #pageContent .sideMenu .filters:after { content: ""; display: table; } #pageContent .sideMenu .filters:after { clear: both; } #pageContent .sideMenu .filters .data-filter-toggle { cursor: pointer; } @media all and (max-width: 940px) { #pageContent .sideMenu .filters .data-filter-collapse { display: none; } } #pageContent .sideMenu .filters .project_type { width: 33%; } #pageContent .sideMenu .filters .function_id { width: 66%; } #pageContent .sideMenu .filters .function_id ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 47%; } #pageContent .sideMenu .filters .function_id ul:last-child { display: none; } #pageContent .sideMenu .filters ul { float: left; padding-right: 2%; } #pageContent .sideMenu .filter-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32%; float: left; padding-bottom: 20px; } #pageContent .sideMenu .filter-search h4 { padding-top: 20px; margin-bottom: 10px; } #pageContent .sideMenu .filter-search .filterTerms { float: none; width: auto; position: static; } #pageContent .sideMenu .filter-search .filterTerms .remove { display: inline-block; padding: 3px 4px 0 4px; } #pageContent .sideMenu .filter-search #toArchive { display: inline-block; } #pageContent .sideMenu .filter-search #toArchive span { background-color: #0099DA; font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; padding: 8px; margin-bottom: 0; } #pageContent .sideMenu .filter-search .search-widget-link { display: none; } #pageContent .sideMenu .filter-search .searchWidget { position: relative; margin-bottom: 20px; } @media all and (min-width: 940px) { #pageContent .sideMenu .filter-search .searchWidget { margin-right: 0; } } #pageContent .sideMenu .filter-search .searchWidget input[type="search"], #pageContent .sideMenu .filter-search .searchWidget input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: none; line-height: 2; padding-right: 30px; padding-left: 8px; height: 30px; } #pageContent .sideMenu .filter-search .searchWidget input[type="submit"] { position: absolute; top: 8px; right: 8px; } #pageContent .sideMenu .filter-search .searchWidget input[type="search"] { background-color: #f2f2f2; } #pageContent .sideMenu .filters { padding-bottom: 20px; } #pageContent .sideMenu .filters h4 { padding-top: 20px; } #pageContent .sideMenu .filters h4 .icon-filter-indicator { display: inline-block; padding-bottom: 2px; margin-left: 2px; width: 10px; height: 7px; background-image: url('/images/layout/icons/icon-filter-indicator.png'); background-repeat: no-repeat; background-position: left top; } #pageContent .sideMenu .filters h4 .icon-filter-indicator:before { content: ''; width: 10px; } #pageContent .sideMenu .filters h4 .icon-filter-indicator.is-closed { background-position: right top; } #pageContent .sideMenu .filters h5 { margin-left: 0; } #pageContent .sideMenu .filters li { text-transform: none; } #pageContent .sideMenu .collapsible li { word-wrap: break-word; } .facts.article-ccontent.show-partially { height: 500px !important; } @media all and (max-width: 940px) { .facts.article-ccontent { margin-top: 40px; } } .show-partially-button { display: none; } .show-partially { cursor: pointer; height: 182px; overflow: hidden; position: relative; } .no-js .show-partially { cursor: default; } .show-partially .show-partially-button { display: block; position: absolute; bottom: 0; left: 0; font-size: 16px; color: black; z-index: 1; padding-top: 5px; border-top: 2px solid #0099DA; } .show-partially .show-partially-button:after { padding-left: 5px; content: ' ˅'; font-size: 11px; font-weight: bold; vertical-align: middle; } .show-partially:after { content: ''; position: absolute; left: 0; bottom: 0; background-image: url(/images/layout/gradient-white.png); background-repeat: repeat-x; background-position: 0 bottom; width: 100%; height: 100%; } .searchWidget input[type="search"], .searchWidget input[type="text"] { width: 85px; } .searchWidget input[type="submit"] { width: 16px; height: 16px; border: 0; margin: 0; padding: 0; background-color: transparent; cursor: pointer; background-image: url(/images/layout/icons/search.png); background-repeat: no-repeat; background-position: center 0px; } .searchWidget input[type="submit"]:hover { background-position: center -16px; } #pageContent .itemList .item, #pageContent .intro .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; vertical-align: top; width: 100%; overflow: hidden; float: left; } #pageContent .itemList .item:last-child, #pageContent .intro .item:last-child { margin-right: 0; } #pageContent .itemList .item .image, #pageContent .intro .item .image { width: 100%; } #pageContent .itemList .item .image img, #pageContent .intro .item .image img { max-width: 100%; width: 100%; height: auto; } #pageContent .itemList .item .item-text, #pageContent .intro .item .item-text { margin-bottom: 35px; } #pageContent .itemList .item .item-text h2, #pageContent .intro .item .item-text h2 { margin: 20px 0; } #pageContent .itemList .item .item-text p, #pageContent .intro .item .item-text p { margin: 20px 0; } @media all and (min-width: 940px) { #pageContent .itemList .item, #pageContent .intro .item { width: 32%; margin-right: 2%; } #pageContent .itemList .item:nth-child(3n+0), #pageContent .intro .item:nth-child(3n+0) { margin-right: 0; } } @media all and (max-width: 940px) { #pageContent .itemList .item, #pageContent .intro .item { width: 49%; margin-right: 2%; } #pageContent .itemList .item:nth-child(2n+0), #pageContent .intro .item:nth-child(2n+0) { margin-right: 0; } } @media all and (max-width: 480px) { #pageContent .itemList .item, #pageContent .intro .item { height: auto; max-width: 100%; width: 100%; } #pageContent .itemList .item .image img, #pageContent .intro .item .image img { width: 100%; max-width: 100%; } #pageContent .itemList .item .item-text p, #pageContent .intro .item .item-text p { margin: 20px 0; } } #pageContent .itemList .arrow-down, #pageContent .intro .arrow-down { background-image: url(/images/arrow-down.png); } #pageContent .itemList .first.item, #pageContent .intro .first.item { width: 100%; max-width: 100%; margin-right: 0; } #pageContent .itemList .first .item-text, #pageContent .intro .first .item-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33%; } #pageContent .itemList .first .item-text .more, #pageContent .intro .first .item-text .more { margin-top: 10px; background-color: #0099DA; color: white; padding: 10px 20px; font-size: 14px; } #pageContent .itemList .first .item-text .more:after, #pageContent .intro .first .item-text .more:after { display: none; } #pageContent .itemList .first .item-text .more.hover, #pageContent .intro .first .item-text .more.hover { background-color: #0099DA; color: white; } #pageContent .itemList .first .image, #pageContent .intro .first .image { width: 64%; margin-right: 2%; } #pageContent .itemList .first .image img, #pageContent .intro .first .image img { max-width: 100%; height: auto; vertical-align: top; width: auto; } #pageContent .itemList .first .item-text, #pageContent .intro .first .item-text { display: inline-block; vertical-align: top; width: 33%; } #pageContent .itemList .first .item-text h2, #pageContent .intro .first .item-text h2 { background-color: #0099DA; color: white; padding: 15px; margin: 0; } #pageContent .itemList .first .item-text h3, #pageContent .intro .first .item-text h3 { background-color: #0099DA; color: white; padding: 10px 15px; font-size: 16px; } #pageContent .itemList .image, #pageContent .intro .image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: top; } #pageContent .itemList .item-text, #pageContent .intro .item-text { display: inline-block; vertical-align: top; } #pageContent .itemList .item-text .more, #pageContent .intro .item-text .more { display: inline-block; font-size: 12px; } #pageContent .itemList .item-text .more:after, #pageContent .intro .item-text .more:after { content: ' >'; } #pageContent .itemList .item-text .more.hover, #pageContent .itemList .item-text .more:hover, #pageContent .intro .item-text .more.hover, #pageContent .intro .item-text .more:hover { color: #0099DA; background-color: transparent; } #pageContent .itemList .details, #pageContent .intro .details { width: 100%; margin-right: 20px; margin-bottom: 20px; } #pageContent .itemList .intro-image, #pageContent .intro .intro-image { margin-bottom: 20px; } @media all and (min-width: 480px) { #pageContent .itemList .intro-image, #pageContent .intro .intro-image { float: left; margin-right: 20px; } } #pageContent .itemList .intro-details, #pageContent .intro .intro-details { margin-bottom: 20px; } @media all and (min-width: 480px) { #pageContent .itemList .intro-details, #pageContent .intro .intro-details { width: 490px; } } #pageContent .itemList .intro-border, #pageContent .intro .intro-border { border-bottom: 1px solid #A5A5A5; } #pageContent .itemList h1, #pageContent .intro h1 { color: #0099DA; line-height: .8em; } #pageContent .itemList img, #pageContent .intro img { display: block; } #pageContent .itemList a.more, #pageContent .intro a.more { color: #0099DA; font-size: 16px; padding: 0 3px; margin-left: -3px; line-height: .9em; } #pageContent .itemList a.more:hover, #pageContent .itemList a.hover, #pageContent .intro a.more:hover, #pageContent .intro a.hover { color: white; background-color: #0099DA; } #pageContent .intro { padding-bottom: 20px; margin-bottom: 25px; } #pageContent .itemList h1 { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #9C9C9C; } #pageContent .itemList article { margin-bottom: 20px; } #pageContent .itemList article img { background-color: #9C9C9C; } #pageContent .itemList.news-items-list .item-text h2, #pageContent .itemList.news-items-list .item-text h3 { background-color: transparent; color: black; } @media all and (min-width: 480px) { #pageContent .itemList.news-items-list .item { display: flex; flex-direction: column; position: relative; margin-bottom: 35px; } #pageContent .itemList.news-items-list .item-text { flex-grow: 1; } #pageContent .itemList.news-items-list .item-text h2 { margin-bottom: 10px; } #pageContent .itemList.news-items-list .item-text .metadata { margin-top: 0; } #pageContent .itemList.news-items-list .more { position: absolute; bottom: 0; } } #pageContent .itemList article:hover h2 { color: #0099DA; } #pageContent .pagination { float: right; width: 100%; font-size: 16px; } #pageContent .pagination a { color: #9C9C9C; } #pageContent .pagination a:hover { color: #0099DA; } #pageContent .pagination .first, #pageContent .pagination .prev, #pageContent .pagination .next, #pageContent .pagination .last { position: relative; top: -23px; } #pageContent .pagination .first, #pageContent .pagination .prev { float: left; } #pageContent .pagination .last, #pageContent .pagination .next { float: right; } #pageContent .pagination .disabled { display: none; } #pageContent .pagination .pages { position: relative; text-align: center; } #pageContent .pagination .pages a, #pageContent .pagination .pages .active { padding-left: 5px; padding-right: 5px; } #pageContent .detail-page .detail-page-images.news-item-images { clear: none; } #pageContent .portalHeader, #pageContent .articleHeader { position: relative; width: 100%; color: white; margin-bottom: 20px; } #pageContent .portalHeader hgroup, #pageContent .articleHeader hgroup { position: static; display: block; background-color: #0099DA; bottom: 20px; left: 0; min-height: 0; z-index: 5; } @media all and (min-width: 940px) { #pageContent .portalHeader hgroup.home, #pageContent .articleHeader hgroup.home { position: absolute; width: 270px; min-height: 0; top: 75%; } } #pageContent .portalHeader hgroup.imageLink, #pageContent .articleHeader hgroup.imageLink { width: 170px; height: 76px; right: 0; left: auto; } #pageContent .portalHeader hgroup.imageLink h2, #pageContent .articleHeader hgroup.imageLink h2 { font-size: 14px; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; text-transform: none; padding-right: 1rem; font-weight: normal; } #pageContent .portalHeader hgroup.imageLink .arrow, #pageContent .articleHeader hgroup.imageLink .arrow { width: 30px; height: 30px; margin-top: -17px; margin-right: 5px; } @media all and (max-width: 940px) { #pageContent .portalHeader hgroup.imageLink, #pageContent .articleHeader hgroup.imageLink { display: block; width: 100%; margin-top: 5px; } #pageContent .portalHeader hgroup.imageLink h2, #pageContent .articleHeader hgroup.imageLink h2 { padding-top: 10px; padding-bottom: 10px; } } #pageContent .portalHeader hgroup h2, #pageContent .articleHeader hgroup h2 { font-size: 18px; padding-bottom: 0.25rem; } @media all and (min-width: 940px) { #pageContent .portalHeader hgroup, #pageContent .articleHeader hgroup { position: absolute; display: inline-block; bottom: 40px; left: 0; min-width: 270px; } } #pageContent .portalHeader h1, #pageContent .portalHeader h2, #pageContent .articleHeader h1, #pageContent .articleHeader h2 { color: white; font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; line-height: 1.2em; background-color: #0099DA; padding: 10px 15px; display: inline-block; } #pageContent .portalHeader p, #pageContent .articleHeader p { display: inline-block; margin: 0; background-color: #0099DA; padding: 10px 15px; color: white; } #pageContent .portalHeader a.more, #pageContent .articleHeader a.more { color: white; display: block; } #pageContent .portalHeader .arrow, #pageContent .articleHeader .arrow { display: block; position: absolute; right: 0; top: 50%; margin-top: -20px; width: 30px; height: 40px; background-color: #0099DA; background-repeat: no-repeat; background-position: center center; background-image: url(/images/layout/icons/next.png); } #pageContent .portalHeader .arrow.down, #pageContent .articleHeader .arrow.down { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #pageContent .portalHeader .slide img, #pageContent .articleHeader .slide img { position: relative; max-width: 100%; width: 1100px; height: auto; vertical-align: top; } #pageContent .portalHeader .slide-nav, #pageContent .articleHeader .slide-nav { position: absolute; margin: 0 0 100px 0; top: 0; bottom: 0; z-index: 10; display: inline-block; width: 50px; } #pageContent .portalHeader .slide-nav span, #pageContent .articleHeader .slide-nav span { display: block; position: absolute; top: 50%; vertical-align: middle; text-align: center; line-height: 25px; width: 25px; height: 25px; background: #0099DA; color: white; margin-top: -12px; } @media all and (min-width: 640px) { #pageContent .portalHeader .slide-nav span, #pageContent .articleHeader .slide-nav span { width: 50px; height: 50px; line-height: 50px; font-size: 25px; margin-top: -25px; } } @media all and (min-width: 940px) { #pageContent .portalHeader .slide-nav span, #pageContent .articleHeader .slide-nav span { top: auto; bottom: 0; margin: 0; width: 37px; height: 30px; line-height: 30px; font-size: 20px; } } @media all and (min-width: 640px) { #pageContent .portalHeader .slide-nav, #pageContent .articleHeader .slide-nav { width: 80px; } } @media all and (min-width: 940px) { #pageContent .portalHeader .slide-nav, #pageContent .articleHeader .slide-nav { top: auto; bottom: 0px; height: 40px; margin: 0 0 50px 0; width: 40px; } #pageContent .portalHeader .slide-nav span, #pageContent .articleHeader .slide-nav span { top: auto; } } #pageContent .portalHeader .slide-nav-prev, #pageContent .articleHeader .slide-nav-prev { left: 0; } @media all and (min-width: 940px) { #pageContent .portalHeader .slide-nav-prev, #pageContent .articleHeader .slide-nav-prev { left: auto; right: 42px; } } #pageContent .portalHeader .slide-nav-next, #pageContent .articleHeader .slide-nav-next { right: 0; left: auto; } #pageContent .portalHeader .slide-nav-next span, #pageContent .articleHeader .slide-nav-next span { right: 0; } #pageContent .portalHeader img { max-width: 100%; width: 100%; height: auto; vertical-align: top; } #pageContent .portalHeader .tile a.more { padding: 0; } #pageContent .articleData, #pageContent .articleBody { font-size: 16px; } #pageContent .articleData h1, #pageContent .articleBody h1 { margin-bottom: 20px; } #pageContent .articleData h3, #pageContent .articleBody h3 { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; font-size: 16px; line-height: 1.2em; margin-top: 10px; } #pageContent .articleData p, #pageContent .articleBody p { margin: 0 0 7px; font-size: 16px; } #pageContent .articleData a:hover, #pageContent .articleBody a:hover { text-decoration: underline; } #pageContent .articleData ul, #pageContent .articleData ol, #pageContent .articleData li, #pageContent .articleBody ul, #pageContent .articleBody ol, #pageContent .articleBody li { font-size: 16px; list-style-position: inside; } #pageContent .articleData .metadata, #pageContent .articleBody .metadata { font-size: 16px; margin-bottom: 20px; } #pageContent .articleData .article-ccontent.facts h4, #pageContent .articleBody .article-ccontent.facts h4 { font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; margin-top: 0; } @media all and (min-width: 940px) { #pageContent .articleData .article-ccontent.facts, #pageContent .articleBody .article-ccontent.facts { float: right; } } @media all and (min-width: 940px) { #pageContent .articleData .article-ccontent.blog, #pageContent .articleData .article-ccontent.office, #pageContent .articleBody .article-ccontent.blog, #pageContent .articleBody .article-ccontent.office { position: relative; zoom: 1; } #pageContent .articleData .article-ccontent.blog:before, #pageContent .articleData .article-ccontent.blog:after, #pageContent .articleData .article-ccontent.office:before, #pageContent .articleData .article-ccontent.office:after, #pageContent .articleBody .article-ccontent.blog:before, #pageContent .articleBody .article-ccontent.blog:after, #pageContent .articleBody .article-ccontent.office:before, #pageContent .articleBody .article-ccontent.office:after { content: ""; display: table; } #pageContent .articleData .article-ccontent.blog:after, #pageContent .articleData .article-ccontent.office:after, #pageContent .articleBody .article-ccontent.blog:after, #pageContent .articleBody .article-ccontent.office:after { clear: both; } #pageContent .articleData .article-ccontent.blog p, #pageContent .articleData .article-ccontent.office p, #pageContent .articleBody .article-ccontent.blog p, #pageContent .articleBody .article-ccontent.office p { margin-left: 0; margin-right: 0; } #pageContent .articleData .article-ccontent.blog .articleMedia, #pageContent .articleData .article-ccontent.office .articleMedia, #pageContent .articleBody .article-ccontent.blog .articleMedia, #pageContent .articleBody .article-ccontent.office .articleMedia { width: 30%; float: right; position: absolute; top: 0; right: 0; } } @media all and (min-width: 940px) { #pageContent .articleData .article-ccontent.office, #pageContent .articleBody .article-ccontent.office { column-count: 2; column-gap: 40px; } } #pageContent .articleData .article-ccontent.person, #pageContent .articleBody .article-ccontent.person { position: relative; min-height: 300px; } @media all and (min-width: 940px) { #pageContent .articleData .article-ccontent.person, #pageContent .articleBody .article-ccontent.person { zoom: 1; } #pageContent .articleData .article-ccontent.person:before, #pageContent .articleData .article-ccontent.person:after, #pageContent .articleBody .article-ccontent.person:before, #pageContent .articleBody .article-ccontent.person:after { content: ""; display: table; } #pageContent .articleData .article-ccontent.person:after, #pageContent .articleBody .article-ccontent.person:after { clear: both; } #pageContent .articleData .article-ccontent.person p, #pageContent .articleBody .article-ccontent.person p { width: 60%; float: left; } #pageContent .articleData .article-ccontent.person .articleMedia, #pageContent .articleBody .article-ccontent.person .articleMedia { width: 30%; float: right; position: absolute; top: 0; right: 0; } } #pageContent .articleData .article-ccontent ul, #pageContent .articleBody .article-ccontent ul { font-size: 18px; list-style-position: inside; } #pageContent .articleData.office h1, #pageContent .articleBody.office h1 { margin-bottom: 40px; } #pageContent .team-faces h1 { margin-bottom: 40px; } #pageContent .detail-page { zoom: 1; } #pageContent .detail-page:before, #pageContent .detail-page:after { content: ""; display: table; } #pageContent .detail-page:after { clear: both; } #pageContent .detail-page .metadata { margin-bottom: 20px; } #pageContent .detail-page .articleData { width: 100%; } #pageContent .detail-page .articleData .column { width: 45%; display: inline-block; float: none; vertical-align: top; } @media all and (min-width: 940px) { #pageContent .detail-page .articleData { float: right; width: 30%; } } @media all and (min-width: 940px) { #pageContent .detail-page .project-item-text { float: left; width: 60%; padding-right: 20px; box-sizing: border-box; } } #pageContent .detail-page .detail-page-images { zoom: 1; clear: both; } #pageContent .detail-page .detail-page-images:before, #pageContent .detail-page .detail-page-images:after { content: ""; display: table; } #pageContent .detail-page .detail-page-images:after { clear: both; } #pageContent .detail-page .detail-page-images figure { margin: 0; } #pageContent .detail-page .detail-page-images ul { list-style-type: none; } #pageContent .detail-page .detail-page-images ul li { margin-bottom: 40px; display: block; } #pageContent .detail-page .detail-page-images ul img { height: auto; max-width: 100%; width: 100%; display: inline-block; vertical-align: top; } #pageContent .detail-page .detail-page-images ul figcaption { margin-top: 5px; line-height: 1.1em; hyphens: auto; } @media all and (max-width: 940px) { #pageContent .detail-page .detail-page-images ul li { margin-bottom: 30px; } } @media all and (max-width: 790px) { #pageContent .detail-page .detail-page-images ul li { margin-bottom: 20px; } } @media all and (max-width: 640px) { #pageContent .detail-page .detail-page-images ul li { margin-bottom: 20px; } } #pageContent .detail-page .blog-images ul li { margin-bottom: 20px; } #pageContent .detail-page .blog-images ul li p { margin: 0; padding-top: 10px; color: black; } @media all and (min-width: 940px) { #pageContent .detail-page .blog-images { float: right; width: 30%; clear: none; } } .portalHeader .slideshow, .articleHeader .slideshow { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .portalHeader .slideshow .slide, .articleHeader .slideshow .slide { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #0099DA; } #pageContent .articleMedia, #pageContent .articleData { margin-top: 0; } #pageContent .articleMedia figure { position: relative; margin: 0; padding: 0; } #pageContent .articleMedia .metadata { width: 100%; margin: -5px 0 10px; } #pageContent .articleMedia.office h1 { margin: 40px 0; } #pageContent .articleMedia.office .office-images { text-align: center; } #pageContent .articleMedia.office .office-images img { max-width: 100%; height: auto; } #pageContent .articleMedia.office figure { display: inline-block; vertical-align: top; margin-bottom: 40px; } #pageContent .articleMedia.office figure:last-child { margin-bottom: 0; } #pageContent .articleMedia.office .metadata { display: none; } #pageContent .articleData { width: 255px; font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; color: #808080; font-size: 16px; } #pageContent .articleData .column { float: left; width: 120px; } #pageContent .articleData .column.last { float: right; } #pageContent .articleData a { color: #808080; } #pageContent .articleData a:hover { text-decoration: underline; } #pageContent .articleData h4 { margin-top: 10px; } #pageContent .articleData h5 { text-transform: lowercase; } #pageContent .articleData .nowrap { white-space: nowrap; } #pageContent .contact-page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pageContent .contact-page h3 { font-size: 18px; } #pageContent .contact-page ul { list-style-position: inside; font-size: 16px; } #pageContent .contact-page .article-ccontent { margin-left: 0; padding-right: 0; } #pageContent .contact-page-data { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: 25%; } #pageContent .contact-page-data h4, #pageContent .contact-page-data p { font-size: 16px; } #pageContent .tile { position: relative; overflow: hidden; float: left; background-color: #0099DA; color: white; margin-left: 2%; width: 32%; } #pageContent .tile.first { margin-left: 0; } #pageContent .tile img { max-width: 100%; width: 365px; height: auto; vertical-align: top; } #pageContent .tile hgroup { position: relative; left: 0; bottom: 0; z-index: 5; width: 100%; min-height: 100px; padding: 15px; box-sizing: border-box; background-color: #0099DA; } @media all and (min-width: 940px) { #pageContent .tile hgroup { min-height: 75px; } } #pageContent .tile a h2 { color: white; font-size: 18px; line-height: 18px; } .smallTile { position: relative; float: left; width: 49%; margin-right: 2%; margin-top: 2%; overflow: hidden; } @media all and (min-width: 640px) { .smallTile { width: 23.5%; height: auto; } } @media all and (max-width: 639px) { .smallTile:nth-child(2n + 0) { margin-right: 0; } } @media all and (min-width: 640px) { .smallTile:nth-child(4n + 0) { margin-right: 0; } } @media all and (max-width: 639px) { .smallTile:nth-child(-n + 2) { margin-top: 0; } } @media all and (min-width: 640px) { .smallTile:nth-child(-n + 4) { margin-top: 0; } } .smallTile.contactTile { font-size: 16px; } .smallTile img { display: block; background-color: black; color: white; width: 100%; height: 100%; } .smallTile.static hgroup { bottom: 0; } .smallTile hgroup { text-align: left; position: absolute; left: 0; bottom: -65px; z-index: 5; width: 100%; height: 45px; padding: 10px; color: white; } .smallTile hgroup h3 { color: white; font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; font-size: 17px; line-height: 1.15em; } .smallTile hgroup p { margin: 2px 0 0; line-height: 1em; } .portfolio-text-block { float: left; margin-bottom: 20px; min-width: 185px; width: 25%; margin-top: 20px; } .portfolio-items-block { float: left; width: 75%; margin-top: 20px; } .portfolio-items-block a div { float: left; width: 25%; height: 240px; text-align: center; min-width: 150px; } @media all and (max-width: 940px) { .portfolio-items-block a div { width: 33%; } } @media all and (max-width: 640px) { .portfolio-items-block a div { width: 50%; } } .portfolio-items-block a div img { display: inline; } .portfolio-items-block a div h3 { font-size: 17px; margin-top: 10px; line-height: 1.1rem; } @media all and (max-width: 940px) { .portfolio-items-block { width: 100%; } } .archive .languageSelector .active, .archive .languageSelector a:hover { color: black; } .archive .articleHeader .background { background-color: #F3E521; } .archive #mainMenu li.active a { background-color: black; color: white; } .archive #pageContent .itemList .overlay { background-color: #F3E521; } .archive #pageContent .itemList a.more, .archive #pageContent .intro a.more { color: black; } .archive #pageContent a.more:hover, .archive #pageContent a.more.hover { color: white; background-color: black; } .archive #pageContent .itemList h2 span { width: auto; } .archive #pageContent .itemList article:hover h2 span { color: white; background-color: black; } .archive #pageContent .fullscreen .control .arrow { background-color: black; } .archive #pageContent .breadcrumbs .active { color: black; } .archive #pageContent .filterTerms a { color: black; } .archive #pageContent .filterTerms a .remove { background-color: black; } .archive #pageContent .sortBy .active, .archive #pageContent .sortBy a:hover { color: black; } .archive #pageContent .sideMenu a.active { color: black; } .archive #pageContent .intro h1, .archive #pageContent .intro a { color: black; } .archive #pageContent .intro a:hover { background-color: black; color: white; } .archive #pageContent .portalHeader, .archive #pageContent .articleHeader { color: black; } .archive #pageContent .portalHeader hgroup, .archive #pageContent .articleHeader hgroup { background-color: #F3E521; } .archive #pageContent .portalHeader h1, .archive #pageContent .portalHeader h2, .archive #pageContent .articleHeader h1, .archive #pageContent .articleHeader h2 { color: black; } .archive #pageContent .portalHeader h1, .archive #pageContent .portalHeader h2, .archive #pageContent .articleHeader h1, .archive #pageContent .articleHeader h2 { background-color: #F3E521; } .archive #pageContent .portalHeader p, .archive #pageContent .articleHeader p { margin: 0; background-color: #F3E521; } .archive #pageContent .portalHeader a.more, .archive #pageContent .articleHeader a.more { color: black; } .archive #pageContent .portalHeader .arrow, .archive #pageContent .articleHeader .arrow { background-color: #F3E521; background-image: url(/images/layout/icons/next.png); } .archive #pageFooter { background-color: #F3E521; color: black; } .archive #pageFooter h4, .archive #pageFooter a, .archive #pageFooter a:hover { color: black; } .archive .openFullscreen .overlay .icon { background-color: black; } .share { display: block; margin-bottom: 20px; zoom: 1; } .share:before, .share:after { content: ""; display: table; } .share:after { clear: both; } @media all and (min-width: 640px) { .share { float: right; top: 0; right: 0; display: inline-block; } } .share ul { line-height: 1.6em; font-size: 14px; list-style: none; float: right; zoom: 1; } .share ul:before, .share ul:after { content: ""; display: table; } .share ul:after { clear: both; } .share li { display: block; float: left; width: 16px; height: 16px; margin-left: 4px; margin-bottom: 4px; background-color: #0099DA; } .share li .share-btn { width: 100%; height: 100%; text-indent: -9999px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; padding-left: 0; } #toArchive { display: block; } #toArchive span { display: inline-block; padding: 0 10px; background-color: black; color: white !important; } #toArchive:hover span { background-color: #F3E521 !important; color: black !important; } #toPortfolio { display: block; margin-top: 10px; } #toPortfolio h4 { display: inline-block; width: 80px; text-align: center; padding: 0 10px; background-color: #0099DA; color: white !important; } #toPortfolio:hover h4 { background-color: black; color: white !important; } .contactForm { float: left; width: 100%; } .contactForm input, .contactForm textarea { font-family: "FranklinGothicITC W05 Book", "Franklin Gothic Book", Arial; line-height: 1.6; width: 100%; margin-bottom: 15px; background-color: #e4e4e4; border: 1px solid #c0c0c0; font-size: 16px; } .contactForm input:focus, .contactForm textarea:focus { background-color: white; } .contactForm textarea { height: 125px; line-height: 1.2; resize: vertical; } .contactForm input[type="submit"] { width: auto; border: 0; margin: 0; padding: 2px 8px; background-color: #0099DA; color: white; cursor: pointer; font-size: 16px; } .contactForm .error_list { color: red; } .contactMap { display: block; float: right; margin-right: 20px; } #contactMap { height: 350px; background: black; margin-bottom: 20px; } .contactDetails { float: right; } .contactDetails p { margin: 0 0 15px; } .messages { margin-bottom: 20px; } .messages .message { border: 2px solid #0099DA !important; background: none !important; padding: 0 5px; } #pageContent .sortBy { color: #9C9C9C; line-height: 1.0em; text-align: right; margin-bottom: 30px; margin-top: 20px; } #pageContent .sortBy a, #pageContent .sortBy .active { padding: 0 5px; } #pageContent .sortBy a { color: #9C9C9C; } #pageContent .sortBy a:hover { color: #0099DA; } #pageContent .sortBy .active { color: #0099DA; } .collapsible { margin: 5px 0; float: left; } .collapsible h5 { margin-left: -8px; } .collapsible h5 span { display: inline-block; width: 8px; } .collapsible ul { margin-left: 0px; } .collapsible .toggle:hover { cursor: pointer; color: #0099DA; } .collapsible .collapse { display: none; } .tile-400 { height: 400px; } .tile-450 { height: 450px; } .tile-500 { height: 500px; } .tile-550 { height: 550px; } @media all and (max-width: 640px) { body:after { content: 'small'; } #pageContent .tile { margin-top: 30px; float: none; width: 100%; margin-left: 0; } #pageContent .tile.first { margin-top: 0; } #pageContent .tile img { width: 100%; height: auto; max-width: 100%; } #pageContent .contact-page, #pageContent .contact-page-data { float: none; width: 100%; } #pageContent .contact-page-data { margin: 20px 0; } #pageContent .smallTile.contactTile { width: 100%; height: 181px; } #pageContent .smallTile hgroup { width: 100%; } #pageContent .smallTile img { width: 100%; height: auto; } #pageContent .portfolio-tile.contactTile { width: 181px; } #pageContent .portfolio-tile.contactTile img { width: auto; } } @media (max-width: 940px) { body:after { content: 'medium'; } .fixed .placeholder { display: block; } #pageHeader { padding-top: 10px; height: auto; margin-bottom: 30px; } .fixed #pageHeader { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 0 70px -1px black; -webkit-box-shadow: 0 0 70px -1px black; box-shadow: 0 0 70px -1px black; position: fixed; background-color: white; z-index: 99; width: 100%; left: 0; top: 0; padding: 10px 20px 20px 20px; } #pageHeader .logo { position: absolute; display: block; z-index: 100; } #pageHeader .logo img { width: 81px; height: auto; } #pageHeader .navigation { float: none; width: auto; height: auto; } #pageHeader .navigation .languageSelector { float: none; font-size: 14px; margin: 0 0 0 auto; width: 80px; overflow: hidden; z-index: 500; } #pageHeader .navigation #mainMenu { position: relative; text-align: right; margin-top: 22px; } #pageHeader .navigation #mainMenu .btn-nav-toggle { display: inline-block; font-family: "FranklinGothicCondITC W05 Md", "Franklin Gothic Medium Cond", Arial; font-size: 18px; font-weight: normal; line-height: 1em; border: none; background: none; cursor: pointer; } .no-js #pageHeader .navigation #mainMenu .btn-nav-toggle { display: none; } #pageHeader .navigation #mainMenu .horizontal { margin-top: 10px; position: relative; } #pageHeader .navigation #mainMenu .horizontal.is-hidden { display: none; } .no-js #pageHeader .navigation #mainMenu .horizontal { display: block; padding-top: 50px; } #pageHeader .navigation #mainMenu .horizontal li { float: none; margin: 0; padding: 0 6px 12px 0; } #pageHeader .navigation #mainMenu .horizontal li.active { border: none; } #pageHeader .navigation #mainMenu .horizontal li.active .search-widget-link .search-widget-link-loop { background: url('/images/layout/icons/search.png') no-repeat left bottom; } #pageHeader .navigation #mainMenu .horizontal li.nav-search .searchWidget { display: none; } #pageHeader .navigation #mainMenu .horizontal li.nav-search .search-widget-link { display: block; } #pageHeader .navigation #mainMenu .horizontal li.nav-search .search-widget-link:hover .search-widget-link-loop { background: url('/images/layout/icons/search.png') no-repeat left bottom; } #pageHeader .navigation #mainMenu .horizontal li.nav-search .search-widget-link-loop { display: inline-block; margin-right: 4px; width: 16px; height: 16px; background: url('/images/layout/icons/search.png') no-repeat left top; vertical-align: top; } #pageContent .articleData .article-ccontent, #pageContent .articleBody .article-ccontent { margin-left: 0; padding-right: 0; } #pageContent .article-ccontent { width: 100%; } #pageContent .articleMedia.office figure { width: 100%; } #pageContent .content-sub-header { margin: 30px 0 10px 0; } #pageContent .sideMenu .filter-search { width: 100%; } #pageContent .sideMenu .filter-search .filterTerms a { width: 100%; } #pageContent .sideMenu .filters { width: 100%; } #pageContent .sideMenu .filters ul { float: none; padding-right: 0; } #pageContent .sideMenu .filters .project_type { width: 100%; } #pageContent .sideMenu .filters .function_id { width: 100%; } #pageContent .sideMenu .filters .function_id ul { width: 100%; } #pageContent .sideMenu .collapsible { float: none; } #pageContent .itemList .item.blog-posts .image, #pageContent .intro .item.blog-posts .image { display: block; width: 100%; margin-right: 0; } #pageContent .itemList .item.blog-posts .item-text, #pageContent .intro .item.blog-posts .item-text { width: 100%; } .smallTile.contactTile { margin-left: 2%; width: 47%; } .smallTile.contactTile hgroup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #sfWebDebug #sfWebDebugBar img { width: 14px; } .swiper-container-frontpage { height: calc(100vh - 60px - 30px); } .swiper-container-frontpage .swiper-button-prev, .swiper-container-frontpage .swiper-button-next { display: none; } @media all and (min-width: 940px) { .swiper-container-frontpage { height: calc(100vh - 130px - 40px); } .swiper-container-frontpage .swiper-button-prev { display: block; right: calc(20px + 27px + 20px); bottom: 40px; top: auto; margin-top: 0; left: auto; } .swiper-container-frontpage .swiper-button-next { display: block; bottom: 40px; right: 20px; top: auto; margin-top: 0; } } .swiper-slide-frontpage { background-position: center center; background-size: cover; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { background-size: 75% 75%; } #pageContent .portalHeader .caption { position: absolute; bottom: 20px; left: 0; background-color: #0099DA; width: 270px; } #pageContent .portalHeader .caption .caption-text { padding-top: 0; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px,-50%,0); transform: translate3d(0px,-50%,0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } /* */ .icon-plus { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22510px%22%20height%3D%22510px%22%20viewBox%3D%220%200%20510%20510%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M86.33334%2C223.375%20L223.375%2C223.375%20L223.375%2C86.33334%20L286.625%2C86.33334%20L286.625%2C223.375%20L423.6667%2C223.375%20L423.6667%2C286.625%20L286.625%2C286.625%20L286.625%2C423.6667%20L223.375%2C423.6667%20L223.375%2C286.625%20L86.33334%2C286.625%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%3C%2Fsvg%3E'); } .icon-pdf { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22510px%22%20height%3D%22510px%22%20viewBox%3D%220%200%20510%20510%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%3Cg%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M171.7237%2C360.721%20L171.4063%2C361.2981%20L158.2412%2C384.013%20L144.9338%2C404.3696%20L131.5921%2C421.8513%20L118.4024%2C436.2732%20L105.5042%2C447.8352%20L93.01813%2C456.741%20L81.05947%2C463.1752%20L71.57088%2C466.7709%20L66.11156%2C468.1971%20L60.83862%2C469.0861%20L55.76267%2C469.4481%20L46.2477%2C468.5638%20L41.84198%2C467.2805%20L37.73649%2C465.3936%20L32.8638%2C461.8737%20L29.8322%2C458.4733%20L27.52181%2C454.4937%20L26.08877%2C450.1581%20L25.53363%2C445.7568%20L25.73371%2C441.3683%20L26.58941%2C436.976%20L28.06989%2C432.507%20L32.33702%2C424.0174%20L35.31268%2C419.484%20L38.71617%2C414.9588%20L43.10231%2C409.7927%20L51.96233%2C400.7778%20L62.1938%2C391.8895%20L73.63565%2C383.253%20L86.12083%2C375.0317%20L107.3832%2C363.3556%20C116.8131%2C358.7113%20126.4866%2C354.5717%20136.2943%2C350.7884%20L157.1857%2C343.2899%20L173.741%2C310.4932%20L192.2887%2C269.6884%20C201.5475%2C248.2523%20210.1599%2C226.6959%20217.7433%2C206.4075%20L221.6806%2C195.7355%20L219.3498%2C190.4866%20L213.3594%2C175.6324%20L208.4993%2C161.2778%20C205.4986%2C151.4156%20203.1577%2C141.3472%20201.6934%2C131.1427%20C200.432%2C122.3522%20199.8211%2C113.4606%20200.0757%2C104.5846%20L200.9616%2C92.78093%20L202.864%2C82.02522%20L205.706%2C72.35635%20L209.4509%2C63.81648%20L214.0583%2C56.48034%20L219.4604%2C50.43554%20L225.5782%2C45.75588%20L232.2519%2C42.55041%20C236.7635%2C40.96741%20241.6452%2C40.389%20246.3859%2C40.96986%20C251.0527%2C41.54166%20255.5829%2C43.23682%20259.5129%2C45.82719%20L265.3062%2C50.83157%20L269.976%2C58.07416%20L272.7748%2C67.1757%20L273.7287%2C78.13035%20L272.9342%2C91.47379%20L271.8533%2C99.25009%20L270.2868%2C107.8739%20L268.2128%2C117.4255%20L265.5947%2C127.9775%20L258.6028%2C152.3677%20L254.1768%2C166.308%20L249.1529%2C181.2983%20L244.4771%2C194.6628%20L249.7578%2C205.1179%20L262.5742%2C227.7664%20L279.8578%2C254.3102%20L299.9191%2C281.3775%20L315.0477%2C299.8464%20L320.9735%2C306.7062%20L346.8368%2C306.3995%20L363.4173%2C307.3638%20L380.2406%2C309.2624%20L396.8932%2C312.1447%20L412.9705%2C316.0773%20L428.0776%2C321.1453%20L441.8382%2C327.5051%20L453.8641%2C335.3915%20C457.4858%2C338.2779%20460.8267%2C341.5341%20463.6465%2C345.2029%20C466.363%2C348.7373%20468.5959%2C352.6544%20470.2293%2C356.8051%20C471.7887%2C360.7677%20472.8017%2C364.9431%20473.2215%2C369.1812%20L473.3957%2C371.5886%20C473.5866%2C375.7673%20473.1987%2C379.9747%20472.2084%2C384.0388%20L470.295%2C389.9537%20L468.1303%2C394.4532%20L464.216%2C400.191%20L459.2436%2C405.1951%20L453.274%2C409.2549%20L446.428%2C412.1595%20L438.8726%2C413.7524%20L430.7845%2C413.9405%20L422.2928%2C412.6888%20L413.6113%2C410.0756%20L404.7873%2C406.2906%20L395.7723%2C401.4709%20L390.6774%2C398.3816%20L381.3517%2C392.1405%20L371.8593%2C385.094%20L362.2398%2C377.3246%20L347.8999%2C364.7099%20L329.872%2C347.2699%20L312.22%2C328.5799%20L312.1303%2C328.4809%20L288.7492%2C331.4836%20L260.272%2C337.1201%20L230.0659%2C344.4529%20L197.5885%2C353.0309%20z%0D%0A%20%20M141.1533%2C371.5297%20L130.0896%2C388.7659%20L124.6314%2C396.5083%20L115.4043%2C408.3398%20L105.493%2C419.3484%20L95.97953%2C428.3322%20L86.9706%2C435.4322%20L78.5785%2C440.7981%20L70.92286%2C444.593%20L65.40892%2C446.608%20L59.38817%2C448.0061%20L54.46361%2C448.3682%20L50.76175%2C447.9677%20L48.36498%2C447.1664%20L47.32472%2C446.5201%20L46.99417%2C446.2098%20L46.82458%2C445.9904%20L46.67057%2C445.5907%20L46.60273%2C444.9766%20L46.61185%2C444.4588%20L46.7683%2C443.2903%20L47.30964%2C441.2717%20L48.32254%2C438.7531%20L49.84569%2C435.8349%20L54.38873%2C429.1392%20L57.37003%2C425.4915%20L64.04881%2C418.4019%20L72.72336%2C410.5353%20L82.71797%2C402.6889%20L93.81266%2C395.0933%20L106.8245%2C387.3928%20L123.4888%2C379.0476%20z%0D%0A%20%20M339.9123%2C327.3463%20L346.1779%2C327.4729%20L361.6335%2C328.3721%20L377.2824%2C330.1372%20L392.6282%2C332.7942%20L407.1665%2C336.3463%20L420.3821%2C340.782%20L431.7428%2C346.0155%20L436.5632%2C348.8863%20L440.7274%2C351.8825%20L444.1906%2C354.9559%20L446.9362%2C358.0591%20L450.6161%2C364.5294%20L452.2405%2C371.2527%20L452.2121%2C376.2201%20L451.3059%2C380.508%20L449.732%2C384.1584%20L447.9376%2C386.7921%20L445.7529%2C388.9956%20L443.1677%2C390.7527%20L440.1129%2C392.0469%20L436.4725%2C392.807%20L432.1217%2C392.9002%20L426.9823%2C392.133%20L424.0664%2C391.3544%20L420.9105%2C390.2922%20L413.9819%2C387.3173%20L406.3769%2C383.247%20L401.9127%2C380.5415%20L393.5331%2C374.9268%20L384.7914%2C368.437%20L375.7811%2C361.163%20L357.8308%2C345.139%20z%0D%0A%20%20M234.5985%2C221.4617%20L211.5832%2C278.1885%20L208.9418%2C284.2588%20L185.4286%2C334.5591%20L215.3073%2C326.4652%20L232.7424%2C322.0372%20L255.6329%2C316.5482%20L277.937%2C311.9619%20L287.8336%2C310.2782%20L295.3327%2C309.1783%20L291.9886%2C305.1473%20L283.3517%2C294.4167%20L262.5508%2C266.3545%20L244.5426%2C238.6922%20L238.0098%2C227.5708%20z%0D%0A%20%20M247.91%2C63.43058%20L249.3315%2C64.59802%20L249.911%2C65.29396%20L250.4803%2C66.1964%20L251.0566%2C67.43767%20L251.618%2C69.13408%20L252.1081%2C71.37308%20L252.4679%2C74.22066%20L252.6398%2C77.71409%20L252.2906%2C86.01657%20L250.7232%2C97.76295%20L247.6787%2C112.6358%20L242.9564%2C130.893%20L237.7374%2C148.4762%20L232.1771%2C165.6913%20L228.6694%2C155.1392%20C225.9803%2C146.3051%20223.878%2C137.2862%20222.5674%2C128.1459%20L221.3337%2C116.1291%20L221.1498%2C105.1883%20L221.8845%2C95.3904%20L223.3966%2C86.8123%20L225.5343%2C79.53271%20L228.1104%2C73.63204%20L230.9339%2C69.12039%20L233.8313%2C65.86286%20L236.634%2C63.70255%20L239.246%2C62.4422%20L241.6258%2C61.88626%20L243.82%2C61.89766%20L245.8989%2C62.40192%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E'); } .icon-pinterest { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22510px%22%20height%3D%22510px%22%20viewBox%3D%220%200%20510%20510%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M162.8026%2C475.4929%20C160.5888%2C455.4848%20158.5859%2C424.7875%20163.6881%2C402.9452%20L193.3523%2C277.1831%20C193.3523%2C277.1831%20185.7834%2C262.0242%20185.7834%2C239.6126%20C185.7834%2C204.4456%20206.171%2C178.1758%20231.5553%2C178.1758%20C253.1236%2C178.1758%20263.5598%2C194.3888%20263.5598%2C213.8066%20C263.5598%2C235.5013%20249.7502%2C267.9486%20242.603%2C298.0345%20C236.6364%2C323.208%20255.2319%2C343.7643%20280.0681%2C343.7643%20C325.0388%2C343.7643%20359.5944%2C296.3478%20359.5944%2C227.9113%20C359.5944%2C167.3389%20316.0784%2C124.9825%20253.9247%2C124.9825%20C181.9462%2C124.9825%20139.6953%2C178.9769%20139.6953%2C234.7634%20C139.6953%2C256.5003%20148.0653%2C279.8396%20158.5227%2C292.4896%20C160.5888%2C294.9985%20160.884%2C297.2122%20160.2726%2C299.7633%20L153.2518%2C328.4367%20C152.1344%2C333.075%20149.5833%2C334.0659%20144.7763%2C331.8311%20C113.1724%2C317.1149%2093.41734%2C270.9213%2093.41734%2C233.8147%20C93.41734%2C154.0143%20151.3965%2C80.7075%20260.5871%2C80.7075%20C348.357%2C80.7075%20416.5616%2C143.2617%20416.5616%2C226.8361%20C416.5616%2C314.0367%20361.5973%2C384.2021%20285.2757%2C384.2021%20C259.6383%2C384.2021%20235.5401%2C370.8985%20227.2965%2C355.1493%20L211.5262%2C415.3%20C205.8126%2C437.2899%20190.4007%2C464.8458%20180.0698%2C481.6282%20C169.8944%2C497.9986%20164.1386%2C495.9535%20162.8026%2C475.4929%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%3C%2Fsvg%3E'); } .icon-facebook { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22510px%22%20height%3D%22510px%22%20viewBox%3D%220%200%20510%20510%22%20overflow%3D%22visible%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M318.25%2C170.6667%20L289.7875%2C170.6667%20C278.4447%2C170.6667%20276.0833%2C175.3261%20276.0833%2C187.0695%20L276.0833%2C212.8333%20L318.25%2C212.8333%20L313.8436%2C255%20L276.0833%2C255%20L276.0833%2C402.5833%20L212.8333%2C402.5833%20L212.8333%2C255%20L170.6667%2C255%20L170.6667%2C212.8333%20L212.8333%2C212.8333%20L212.8333%2C164.173%20C212.8333%2C126.8766%20232.4619%2C107.4167%20276.6948%2C107.4167%20L318.25%2C107.4167%20z%22%20fill%3D%22%23ffffff%22%20%20%2F%3E%0D%0A%3C%2Fsvg%3E'); } .icon-linkedin { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22510px%22%20height%3D%22510px%22%20viewBox%3D%220%200%20510%20510%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M360.4167%2C339.3333%20L318.2922%2C339.3333%20L318.2922%2C279.0139%20C318.2922%2C239.3562%20276.0833%2C242.7084%20276.0833%2C279.0139%20L276.0833%2C339.3333%20L233.9167%2C339.3333%20L233.9167%2C212.8333%20L276.0833%2C212.8333%20L276.0833%2C235.8774%20C294.468%2C201.8067%20360.4167%2C199.2767%20360.4167%2C268.5144%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M191.75%2C194.0481%20C178.9524%2C194.0481%20168.5583%2C183.5907%20168.5583%2C170.6667%20C168.5583%2C157.7637%20178.9313%2C147.2852%20191.75%2C147.2852%20C204.5687%2C147.2852%20214.9417%2C157.7637%20214.9417%2C170.6667%20C214.9417%2C183.5907%20204.5476%2C194.0481%20191.75%2C194.0481%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M212.8333%2C339.3333%20L170.6667%2C339.3333%20L170.6667%2C212.8333%20L212.8333%2C212.8333%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%3C%2Fsvg%3E'); } .icon-twitter { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22510px%22%20height%3D%22510px%22%20viewBox%3D%220%200%20510%20510%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%3Cpath%20d%3D%22M382.8915%2C205.3488%20C386.7498%2C290.5254%20323.2257%2C385.4847%20210.7672%2C385.4847%20C176.57%2C385.4847%20144.7552%2C375.4491%20117.9583%2C358.2662%20C150.0893%2C362.0612%20182.1571%2C353.1218%20207.6047%2C333.1981%20C181.124%2C332.7132%20158.7546%2C315.1929%20151.017%2C291.1368%20C160.5256%2C292.95%20169.8866%2C292.4229%20178.3832%2C290.1038%20C149.2671%2C284.2426%20129.1536%2C258.0149%20129.8072%2C229.953%20C137.9875%2C234.4859%20147.3063%2C237.2057%20157.2366%2C237.5219%20C130.271%2C219.4957%20122.6388%2C183.8859%20138.4935%2C156.6673%20C168.3475%2C193.3102%20212.9809%2C217.4084%20263.3068%2C219.9384%20C254.4729%2C182.0728%20283.2095%2C145.5775%20322.3191%2C145.5775%20C339.7128%2C145.5775%20355.4621%2C152.9356%20366.5097%2C164.7001%20C380.2982%2C162.0014%20393.2856%2C156.9414%20404.9658%2C150.005%20C400.4328%2C164.1519%20390.8399%2C176.0007%20378.3375%2C183.5064%20C390.5869%2C182.0306%20402.2671%2C178.7838%20413.1039%2C173.9557%20C405.0079%2C186.1418%20394.7614%2C196.81%20382.8915%2C205.3488%20z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0D%0A%3C%2Fsvg%3E'); } .media-icon-list { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: 0px 0px; background-repeat: none; } .media-icon-list2 { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px 0px; background-repeat: none; } .media-icon-thumbs { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -32px 0px; background-repeat: none; } .media-icon-flat { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -48px 0px; background-repeat: none; } .media-icon-tree { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -64px 0px; background-repeat: none; } .media-icon-a-to-z { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -80px 0px; background-repeat: none; } .media-icon-z-to-a { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -96px 0px; background-repeat: none; } .media-icon-file { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: 0px -16px; background-repeat: none; } .media-icon-img { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-image { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-gif { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-imagegif { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-jpg { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-imagejpg { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-jpeg { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-imagejpeg { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-png { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-imagepng { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -16px; background-repeat: none; } .media-icon-doc { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -32px -16px; background-repeat: none; } .media-icon-docx { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -32px -16px; background-repeat: none; } .media-icon-xls { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -48px -16px; background-repeat: none; } .media-icon-ppt { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -64px -16px; background-repeat: none; } .media-icon-odf { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -80px -16px; background-repeat: none; } .media-icon-odg { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -96px -16px; background-repeat: none; } .media-icon-odi { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -96px -16px; background-repeat: none; } .media-icon-odp { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -112px -16px; background-repeat: none; } .media-icon-odc { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -128px -16px; background-repeat: none; } .media-icon-ods { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -128px -16px; background-repeat: none; } .media-icon-odt { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -144px -16px; background-repeat: none; } .media-icon-pdf { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -160px -16px; background-repeat: none; } .media-icon-txt { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -176px -16px; background-repeat: none; } .media-icon-rtf { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -192px -16px; background-repeat: none; } .media-icon-rtx { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -192px -16px; background-repeat: none; } .media-icon-xml { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -208px -16px; background-repeat: none; } .media-icon-css { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -224px -16px; background-repeat: none; } .media-icon-js { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -240px -16px; background-repeat: none; } .media-icon-php { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: 0px -32px; background-repeat: none; } .media-icon-htm { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -32px; background-repeat: none; } .media-icon-html { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -32px; background-repeat: none; } .media-icon-zip { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -32px -32px; background-repeat: none; } .media-icon-bz { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -48px -32px; background-repeat: none; } .media-icon-gz { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -64px -32px; background-repeat: none; } .media-icon-tgz { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -64px -32px; background-repeat: none; } .media-icon-tar { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -80px -32px; background-repeat: none; } .media-icon-zip { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -96px -32px; background-repeat: none; } .media-icon-7z { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -96px -32px; background-repeat: none; } .media-icon-iso { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -112px -32px; background-repeat: none; } .media-icon-aiff { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -128px -32px; background-repeat: none; } .media-icon-mp3 { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -144px -32px; background-repeat: none; } .media-icon-wav { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -160px -32px; background-repeat: none; } .media-icon-wma { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -176px -32px; background-repeat: none; } .media-icon-divx { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -192px -32px; background-repeat: none; } .media-icon-wmv { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -208px -32px; background-repeat: none; } .media-icon-mov { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -224px -32px; background-repeat: none; } .media-icon-xvid { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -240px -32px; background-repeat: none; } .media-icon-ram { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: 0px -48px; background-repeat: none; } .media-icon-ai { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -16px -48px; background-repeat: none; } .media-icon-kml { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -32px -48px; background-repeat: none; } .media-icon-kmz { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -32px -48px; background-repeat: none; } .media-icon-swf { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -48px -48px; background-repeat: none; } .media-icon-facebook { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -48px -64px; background-repeat: none; } .media-icon-google { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -64px -64px; background-repeat: none; } .media-icon-live { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -80px -64px; background-repeat: none; } .media-icon-rss { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -96px -64px; background-repeat: none; } .media-icon-slideshare { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -112px -64px; background-repeat: none; } .media-icon-twitter { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -128px -64px; background-repeat: none; } .media-icon-yahoo { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -144px -64px; background-repeat: none; } .media-icon-youtube { display: inline-block; float: left; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url(/images/layout/icons/icons-media.png); background-position: -160px -64px; background-repeat: none; } /* */