/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {/*sharad width: 92%; */width: 84%;min-width: 1024px;}/* align the site */.leftaligned {margin: 0 auto 0 0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_exploredu,.grid_100,.grid_0_5,.grid_1,.grid_1_5,.grid_2,.grid_3,.grid_3_5,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%;}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_exploredu {width:100%}.container .grid_100 {width:103%}.container .grid_0_5 { width:2.1% }.container .grid_1 { width:6.333% }.container .grid_1_5 { width:10.567% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_3_5 { width:28.01% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 84%;min-width: 768px;max-width: 1024px}.du_title{padding-left:20px;}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_0_5,.container .grid_1,.container .grid_1_5,.container .grid_2,.container .grid_3,.container .grid_3_5,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.search{visibility:hidden;}.container .grid_0_5,.container .grid_1,.container .grid_1_5,.container .grid_2,.container .grid_3,.container .grid_3_5,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.search{visibility:hidden;}.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== *//*@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here *//*}*//* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1} /* Stylesheet: du_core Modified On 2014-05-01 06:57:52 */ /* Default styles for screens up to 1024px width *//* realign logo for mobile devices *//* realign navigation for mobile devices */nav.main-navigation {float: none;margin: 0;height: auto;line-height: 1}nav.main-navigation > ul {float:none;position: relative;padding: 0}nav.main-navigation ul li {background: #f1f1f1;display: block;position: relative;border-radius: 4px 4px 0 0;padding: 0 10px;margin: 0 1px}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader > span {font-size: 12px;line-height: 28px;}/* second level navigation */nav.main-navigation ul li ul {top: -999em;left: -999em;width: 200px;height: auto;display: block;position: absolute;}nav.main-navigation > ul > li:hover > ul,nav.main-navigation > ul > li.active > ul {top: 28px;left: 0;z-index: 999;right: auto}nav.main-navigation ul ul li {position: relative;background: #fff;line-height: 1;height: auto;margin: 0;padding: 0}nav.main-navigation > ul > li li a {line-height: 1}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {left: 0;top: 28px}.search input {text-align: center;padding: 5px 0 3px 0;display: block}/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {/* realign navigation for mobile devices */nav.main-navigation {float: none;margin: 0;line-height: 1}nav.main-navigation ul li {position: static}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader > span {font-size: 14px}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {nav.main-navigation ul li {position: static}nav.main-navigation > ul > li > a.nav.main-navigation > ul > li.sectionheader > span {font-size: 10px}.search input {width: 80%;text-align: center;padding: 5px 0 3px 0;display: block}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 480px) {.search input {width: 80%;text-align: center;padding: 5px 0 3px 0;display: block}/* hiding footer navigation or it is squeezed to much */.footer-navigation {display: none}.footer .copyright {text-align: center}} /* Stylesheet: du_mobile Modified On 2014-04-28 18:56:51 */ ul.gtabNavigation {width: 100%;height: 22px;background-color:;}ul.gtabNavigation li {height: 22px;width:16.567%;margin-right:0.1%;float: left;list-style-type: none;background-color:#f1f1f1;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center;}ul.gtabNavigation li a {height: 10px;padding: 3px 3px 9px 3px;text-decoration: none;color: #421c52;display: block;font-size: 13px;}ul.gtabNavigation li a:hover {background-color:#421c52;opacity:0.8;border-top-left-radius:6px;border-top-right-radius:6px;border-left: #ccc solid 1px;border-top: #ccc solid 1px;border-right: #ccc solid 1px;color: #fff;}ul.gtabNavigation li a.selected {border-top-left-radius:6px;border-top-right-radius:6px;border-left: #ccc solid 1px;border-top: #ccc solid 1px;border-right: #ccc solid 1px;background-color:#f1f1f1;color:#300030;font-size:14px;font-weight:bold;}#gtab-1,#gtab-2,#gtab-3,#gtab-4,#gtab-5,#gtab-6 {padding: 30px;/*iic border-top: #ccc solid 2px;*/border-left: #ccc solid 1px;border-bottom: #ccc solid 1px;border-right: #ccc solid 1px;border-top: #ccc solid 1px;background-color:#F1F1F1;}.gtabs{margin-top:20px;} /* Stylesheet: gallery_multitab Modified On 2014-04-21 01:38:59 */ .minimal_menu ul{ list-style-type:none; } .minimal_menu a{ font-size:14px; text-decoration:none; line-height:1.5em; } /* Stylesheet: du_minimal_menu Modified On 2014-04-28 18:58:04 */ /*********** INFORMATION ***************************** - document: Tabbed - HTML5 and CSS3 Tabs Pack - element: Tabs with all elements preview - author: Capelle @ Codecanyon - profile: http://codecanyon.net/user/Capelle *****************************************************/ /* ================== 2. ITEM RESET ================== */ #tabbed * { margin: 0; padding: 0; border: 0; outline: 0; font-weight: 300; font-style: normal; font-size: 100%; /* Edit this if you want to match the font with your template design. IF you change it to your font, don't forget to delete the @import above */ vertical-align: baseline; line-height: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tabbed label { cursor: pointer; } #tabbed input[type="radio"] { display: none; visibility: hidden; opacity: 0; } #tabbed a { text-decoration: none; } #tabbed { width: 100%; /* <-- Adjust this value to change the width of the tabs */ position: relative; float: left; text-align: left; /* This value positions the tab labels on top. You can set: left, right or center. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } /* === Note === If you experience issues with reset above, please adjust the selectors and values according to your template/website. When adjusting the reset is adviced to check up the elements on your page, as they might distort. */ /* ================== 3. MAIN STYLES ================== */ /***** Wrapper *****/ #tabbed .wrapper { background: #fff; position: relative; width: 100%; height: auto; float: left; text-align: left; } #tabbed .wrapper > div { position: absolute; top: 0; left: 0; height: auto; width: 100%; background: #fff; z-index: -1; opacity: 0; visibility: hidden; padding: 40px; float: left; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } /***** Tab labels *****/ #tabbed input#t-1:checked ~ .wrapper .tab-1, #tabbed input#t-2:checked ~ .wrapper .tab-2, #tabbed input#t-3:checked ~ .wrapper .tab-3, #tabbed input#t-4:checked ~ .wrapper .tab-4, #tabbed input#t-5:checked ~ .wrapper .tab-5, #tabbed input#t-6:checked ~ .wrapper .tab-6 { position: relative; float: left; z-index: 10; opacity: 1; visibility: visible; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; } #tabbed label.tabs { display: inline-block; background: #663399; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase; padding: 0 40px; width: auto; height: 44px; line-height: 44px; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; } #tabbed label.tabs:hover, #tabbed label.tabs:focus { background: #421c52; } #tabbed input:checked + label.tabs { background: #fff; color: #333; } #tabbed label.tabs:hover, #tabbed label.tabs:focus, #tabbed input:checked + label.tabs { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #tabbed label.tabs:before { padding-right: 10px; } /* ================== 4. LAYOUT ================== */ /***** 6 column grid *****/ #tabbed .row { display: block; float: left; width: 100%; clear: both; } #tabbed .cell { display: inline-block; float: left; position: relative; margin: 1% 2% 1% 0; } #tabbed .cell:last-child { margin-right: 0; } /* full width */ #tabbed .cell.w-100 { width: 100%; } /* four fifths */ #tabbed .cell.w-83 { width: 83%; } /* three fifths */ #tabbed .cell.w-66 { width: 66%; } /* half width */ #tabbed .cell.w-49 { width: 49%; } /* two fifths */ #tabbed .cell.w-32 { width: 32%; } /* one fifth */ #tabbed .cell.w-15 { width: 15%; } /* table */ #tabbed .cell.table.first { padding-left: 10px; } #tabbed .cell.table.first.blue { background: #6E98E3; } #tabbed .cell.table.first.black { background: #333; } #tabbed .cell.table.first p { color: #fff; } #tabbed .cell.table.exposed p { color: #f00; } /***** Helper margins *****/ #tabbed .mt-5 { margin-top: 5px; } #tabbed .mt-10 { margin-top: 10px; } #tabbed .mt-15 { margin-top: 15px; } #tabbed .mt-20 { margin-top: 20px; } #tabbed .mt-30 { margin-top: 30px; } /***** Clearfixes *****/ #tabbed .clrfx { display: block; float: left; width: 100%; height: auto; clear: both; content: ""; } /***** Floats *****/ #tabbed .fl-left { float: left; } #tabbed .fl-right { float: right; } /* ================== 5. CONTENT ================== */ /***** Titles *****/ #tabbed .title.large { font-size: 28px; color: #4877cb; text-transform: uppercase; border-bottom: solid 8px #f0f0f0; padding-bottom: 16px; } #tabbed .title.normal { font-size: 24px; color: #333; text-transform: uppercase; font-weight: 400; } #tabbed .title.small { font-size: 20px; color: #333; font-weight: 400; } #tabbed .title.mini { font-size: 16px; color: #666; font-weight: 400; } #tabbed .title.inline { font-size: 16px; text-transform: uppercase; display: block; padding-bottom: 6px; } #tabbed .title.table { font-size: 14px; color: #333; padding: 6px 0; border-bottom: solid 2px #f0f0f0; } #tabbed .title.table.headline { text-transform: uppercase; color: #fff; border-bottom: solid 2px #fff; } #tabbed .title.icon:before { padding-right: 10px; color: #bbb; } /***** Paragraphs *****/ #tabbed p { display: block; } #tabbed p.large { font-size: 18px; line-height: 24px; color: #555; } #tabbed p.normal { font-size: 14px; line-height: 22px; color: #999; } #tabbed p.small { font-size: 10px; line-height: 16px; color: #bbb; } #tabbed p b { color: #555; font-weight: inherit; } #tabbed p.small span.icon { padding-right: 8px; } #tabbed p.normal span.icon { padding-right: 10px; } #tabbed p.large span.icon { padding-right: 12px; } /***** Quoted paragraphs *****/ #tabbed p.quote { font-size: 12px; color: #6E99E3; font-weight: 400; line-height: 20px; font-style: italic; padding-left: 16px; border-left: solid 6px #f0f0f0; } #tabbed p.framed-quote { background: #6e98e3; color: #fff; font-size: 12px; padding: 20px; line-height: 18px; position: relative; } #tabbed p.framed-quote:before { content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; } #tabbed p.framed-quote.arrow-left:before { left: -10px; /* Same as the border width */ top: 50%; margin-top: -14px; /* Same as border height */ border-width: 14px 10px 14px 0; border-color: transparent #6e99e3 transparent transparent; } #tabbed p.framed-quote.arrow-right:before { right: -10px; /* Same as the border width */ top: 50%; margin-top: -14px; /* Same as border height */ border-width: 14px 0 14px 10px; border-color: transparent transparent transparent #6e99e3; } #tabbed p.framed-quote.arrow-top:before { left: 50%; top: -10px; /* Same as the border width */ margin-left: -14px; /* Same as border height */ border-width: 0 14px 10px 14px; border-color: transparent transparent #6e99e3 transparent; } #tabbed p.framed-quote.arrow-bottom:before { left: 50%; bottom: -10px; /* Same as the border width */ margin-left: -14px; /* Same as border height */ border-width: 10px 14px 0 14px; border-color: #6e99e3 transparent transparent transparent; } #tabbed p.framed-quote span.icon { padding-right: 6px; } /***** Links and buttons *****/ #tabbed a { color: #6e98e3; } #tabbed a:hover { color: inherit; } #tabbed .button { color: #fff; font-size: 16px; padding: 14px; text-align: center; display: inline-block; width: 100%; cursor: pointer; } #tabbed .button:hover { color: #fff; } #tabbed .button:before { float: right; } #tabbed .button.blue { background: #6e98e3; } #tabbed .button.black { background: #333; } #tabbed .button.grey.light { background: #bbb; } #tabbed .button.grey.dark { background: #777; } #tabbed .button.blue:hover { background: #333; } #tabbed .button.black:hover { background: #6e98e3; } #tabbed .button.grey:hover { background: #555; } /***** List style *****/ #tabbed ul { padding-left: 10px; } #tabbed ul > li { font-size: 13px; list-style-type: none; } #tabbed ul li:before { display: inline-block; margin-right: 6px; text-align: left; font-weight: normal; content: "\e762"; color: #bbb; } /***** Iframe for video *****/ #tabbed iframe { width: 100%; /* This value ensures that the video is 100% width of the content area */ height: 480px; /* This is video height, which can be adjusted according to the content */ } /***** Map *****/ #tabbed .map { width: 90%; height: 380px; display: inline-block; } #tabbed .map-wrap { padding: 14px; width: 260px; } #tabbed .map-wrap .b-title { font-size: 16px; text-transform: uppercase; color: #FF2424; padding-bottom: 4px; display: block; width: 100%; } #tabbed .map-wrap p { display: block; clear: both; font-size: 13px; color: #999; padding-bottom: 4px; } #tabbed .map-wrap .b-info { font-size: 12px; color: #333; margin-top: 12px; } #tabbed .map-wrap .b-info span { padding-right: 6px; } /***** Form layout *****/ #tabbed input, #tabbed select, #tabbed textarea { display: inline-block; width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 12px 20px 10px 10px; font-size: 16px; color: #333; } #tabbed input:hover, #tabbed input:focus, #tabbed select:hover, #tabbed select:focus, #tabbed textarea:hover, #tabbed textarea:focus { border-bottom-color: #333; outline: none; } #tabbed textarea { resize: none; overflow: hidden; height: 46px; } #tabbed textarea:focus { height: 140px; } #tabbed input.reset { border: none; outline: none; font-size: 12px; padding: 0; cursor: pointer; text-align: right; background: #fff; } #tabbed input.reset:hover { color: #6E98E3; } #tabbed select { background: none; background-color: rgba(0,0,0,0); height: auto; padding-left: 8px; z-index: 2; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #tabbed select.grayed { color: #999; } #arrow-select, #arrow-select-svg { background: #fff url('img/select.png') no-repeat 0 11px; width: 44px; height: 35px; position: absolute; right: 0; top: 1px; pointer-events: none; vertical-align: middle; outline: none; border: none; z-index: 3; } #tabbed select:hover ~ #arrow-select, #tabbed select:focus ~ #arrow-select, #tabbed select:hover ~ #arrow-select-svg, #tabbed select:focus ~ #arrow-select-svg { background: #fff url('img/select-focus.png') no-repeat 0 11px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #arrow-select-svg { display: none; /* <-- Hide svg arrow in webkit browsers and IE9/10 (pointer events don't work in those IE) */ } } x:-o-prefocus, #arrow-select { display: none; /* <-- Hack for Opera 12 */ } /*-- Webkit placeholder --*/ #tabbed input::-webkit-input-placeholder, #tabbed textarea::-webkit-input-placeholder { color: #999; } #tabbed input:focus::-webkit-input-placeholder, #tabbed textarea:focus::-webkit-input-placeholder { color: #ccc; } /*-- Firefox 19 down placeholder --*/ #tabbed input:-moz-placeholder, #tabbed textarea:-moz-placeholder { color: #999; } #tabbed input:focus:-moz-placeholder, #tabbed textarea:focus:-moz-placeholder { color: #ccc; } /*-- Firefox 19 up placeholder --*/ #tabbed input::-moz-placeholder, #tabbed textarea::-moz-placeholder { color: #999; } #tabbed input:focus::-moz-placeholder, #tabbed textarea:focus::-moz-placeholder { color: #ccc; } /*-- IE 10+ placeholder --*/ #tabbed input:-ms-input-placeholder, #tabbed textarea:-ms-input-placeholder { color: #999; } #tabbed input:focus:-ms-input-placeholder, #tabbed textarea:focus:-ms-input-placeholder { color: #ccc; } /*-- IE 9 placeholder --*/ #tabbed .ie9-placeholder { color: #999 !important; } #tabbed .ie9-placeholder:focus { color: #ccc !important; } /* Required field */ #tabbed input:required, #tabbed textarea:required, #tabbed select:required { background: #fff url(img/required.png) no-repeat 100% 18px; outline: none; box-shadow: none; } /* Invalid field */ #tabbed input:hover:invalid, #tabbed textarea:hover:invalid, #tabbed select:hover:invalid { background: #fff url(img/focused.png) no-repeat 100% 18px; outline: none; box-shadow: none; } /* Valid field */ #tabbed input:required:valid, #tabbed textarea:required:valid, #tabbed select:required:valid { background: #fff url(img/valid.png) no-repeat 100% 18px; outline: none; box-shadow: none; } /* Invalid field */ #tabbed input:focus:invalid, #tabbed textarea:focus:invalid, #tabbed select:focus:invalid { background: #fff url(img/invalid.png) no-repeat 100% 18px; outline: none; box-shadow: none; } /* ================== 6. VISUAL CANDIES ================== */ /***** Transitions *****/ #tabbed a, #tabbed input, #tabbed select, #tabbed textarea, #tabbed label.tabs, #tabbed input:checked ~ .wrapper > div { -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.2s; } /***** Shadows *****/ #tabbed .wrapper.shadow, #tabbed input:checked + label.tabs.shadow { -webkit-box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.3); box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.3); } /* ================== 7. MEDIA QUERIES ================== */ /***** Max width 1024px *****/ @media screen and (max-width:1024px){ #tabbed { width: 100%; } #tabbed label.tabs { padding: 0 30px; } } /***** Max width 800px *****/ @media screen and (max-width:800px){ #tabbed .cell.w-83, #tabbed .cell.w-66, #tabbed .cell.w-49, #tabbed .cell.w-32, #tabbed .cell.w-15 { width: 100%; } #tabbed .cell { margin: 2% 0; } #tabbed p.framed-quote:before { display: none; } #tabbed label.tabs { width: 100%; height: 56px; line-height: 56px; font-size: 20px; text-align: left; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #tabbed label.tabs:before { display: inline-block; padding: 0; width: 30px; } #tabbed input:checked + label.tabs.shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #tabbed .wrapper.shadow { -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.3); box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.3); } #tabbed .fl-right { float: left; } #tabbed iframe { height: 380px; } #tabbed .map { width: 100%; } } /* Stylesheet: du_multitab Modified On 2014-04-29 00:01:01 */ /* =====================================BASIC STYLES===================================== */body {background: #f1f0ff;font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif; /* sans-serif falls back to default OS and Browser font, usually Arial or Helvetica and so on */font-size: 14px;/* color: #555; */color: #300030;line-height: 1.3}/* you can change appearance of the page by adding or removing #boxed id to body tag. */body#boxed {background: #421c52;}/* add some space inside the boxed container */#boxed .container {padding: 0 1%}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be foo*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #f1f1f1}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: solid #f1f1f1;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #663399;text-decoration:none;}a:visited {/*color: #A72122; */}a:hover {color: #555;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3 {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;}h1 {color: #300030;margin: 10px 0;font-size: 28px;text-transform: uppercase;}h2 {color: #555;font-size: 22px}h3 {color: #555;font-weight: 300;font-size: 18px}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #555;font-style: italic;font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1}blockquote cite {display: block;font-size: 12px;color: #555}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 5px;border-top: 5px solid #300030}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background-color: #fff;box-shadow: 8px 8px 8px #300030;}/* ------ HEADER SECTION ------ *//* Header Area*//* the logo */.du_logo{float:left;padding-top:20px;display:block;}.du_logo img{max-width:450px;width:100%;}.du_logo a{text-decoration:none;}/* search *//* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {margin-top:-20px;text-align: center;float:right;border: 1px solid #ccc;border-radius: 5px;height: 2.5em;outline: 0;/* margin-top:1em;margin-right:-4em;*/width: 100%;/*padding: 5px 0 3px 35px;*/font-size: 14px;color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;}input.search-input:focus {border: 1px solid #300030;width: 100%;box-shadow: 0 0 3px #300030;-webkit-box-shadow: 0 0 3px #300030;-moz-box-shadow: 0 0 3px #300030;-o-box-shadow: 0 0 3px #300030;}/* ------ NAVIGATION ------ *//* first level */nav.main-navigation {z-index: 990;height: 45px;margin-left:0px;margin-right:0px;line-height: 37px;margin-top: 1px;background-color: #300030;}nav.main-navigation > ul {float:left;padding: 0}nav.main-navigation > ul > li {float: left;padding: 0;margin:0 12px;position: relative}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {margin-left: 0}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {margin-right: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;color: #fff;text-decoration: none;font-size: 14px;font-weight: 600;cursor: pointer;text-transform: uppercase}/* Second Level */nav.main-navigation ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 200px;padding: 10px;background: #f1f0ff;background: rgba(255,255,255,.95);box-shadow: 1px 1px 8px #555;-webkit-box-shadow: 1px 1px 8px #555;-moz-box-shadow: 1px 1px 8px #555;-o-box-shadow: 1px 1px 8px #555;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border: 1px solid #f1f1f1}nav.main-navigation > ul > li:hover > ul {height: auto;z-index: 9999;top: 37px;right: auto;left: 0;display: block}nav.main-navigation ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px dotted #f1f1f1}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: -210px;z-index: 999;display: block}/* navigation text color */nav.main-navigation ul li li a,nav.main-navigation ul li li.sectionheader span {padding: 6px 12px;font-family: sans-serif;text-transform: none;font-weight: normal;font-size: 12px;text-decoration: none;color: #555;display: block}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #300030}/* catchphrase */.phrase span {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #ddd;font-size: 16px;font-weight: 700}/* ------ BANNER AREA ------ *//* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 20px}.content-top {background: url(/dots.gif) repeat-x 0 50%;font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;color: #555;font-style: italic;line-height: 20px}/* breadcrumbs */.breadcrumb {display: inline-block;background: #f1f0ff;width: auto;padding-right: 6px}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #f1f0ff}/************************* Side banner *********************//* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {font: italic 12px/1.3 Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;color: #555;text-decoration: none}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ */.l_sidebar{margin-left:-1em;}.sidebar .news-summary span.heading {background: url(/dots.gif) repeat-x 0 50%;color: #555;font: normal 16px/20px Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;margin: 0 0 15px 0;display: block}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {position: relative;/*IIC background: transparent url(/footer-background.png) repeat-x top;*/background-color:#300030;color:#fff;border-bottom: 1px dotted #f1f1f1;margin: 25px -1.5em 0 -1.5em;padding: 3em;}/* copyright text */.copyright {padding-top: 15px}.copyright p,.copyright a {color: #555;font-size: 11px}/* back to top anchor */.back-top a {display: inline-block;width: auto;padding: 8px;border-left: 5px solid #fff;border-right: 5px solid #fff;font: normal italic 11px/20px Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;text-decoration: none;color: #555;background: #f1f1f1;color: #555;border-radius: 10px 0 10px 0;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;position: absolute;top: -14px;left: 48%}/* Footer navigation */.footer-navigation {padding-top: 15px}.footer-navigation > ul > li {float:left;width: 32.333%}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;color: #555;text-decoration: none;display: block}/* second level */.footer-navigation > ul ul {margin-top: 10px}.footer-navigation > ul > li li {float: none;width: 100%;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader {text-decoration: none;font-family: sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #555}.footer-navigation > ul > li li a:hover {color: #300030}/*IIC styling top links*/.toplinks {float:right;}.toplinks ul{list-style-type:circle;display: inline-block;}.toplinks li{margin: 0 5px 10px 5px;font-size: 14px;display: inline-block;}.block_layer_1{margin-bottom:2em;}.mainmenu {margin-top:1px;margin-left:-1.5%;margin-bottom:10px;}/*IIC*/.header_menu{margin-top:10px;}.header_menu a{float:right;}/*News Detail Style*/#NewsPostDetailTitle span{font-size:16px;color:#663399;} /* Stylesheet: du_layout Modified On 2014-05-24 22:30:33 */ h2.page_drop { color: #421c52; cursor: pointer; font-size: 1.3em; width:10em; float:right; } h2.page_drop:hover { color: #663399; } h2.active { } .pagedrop_container { margin: 2em 5px 30px 5px; overflow: hidden; /*padding: 0;*/ /*change width if you want fixed e.g.: 625px; or auto; */ width: 100%; background:#f1f0ff; padding-bottom:2em; } .pagedrop_container .block { padding: 2em; } .pagedrop_container .block p { /*margin: 5px 0;*/ padding: 1em; } /* END Content togle css */ /* Stylesheet: du_pagedrop_megamenu Modified On 2014-04-30 17:58:58 */ /* Content togle css ----------------------------------------*/ h2.trigger { background: url("/du/lib/toggle/trigger.gif") no-repeat scroll 0 0 transparent; background-size: 100% 60px; color: #000000 !important; cursor: pointer; font-size: 1.2em !important; font-weight: normal !important; height: 30px !important; line-height: 30px !important; margin: 0 0 5px !important; padding: 0 0 0 50px !important; /*change width if you want fixed e.g.: 575px; or auto; also change this in your .toggle_container! */ width: auto; border: none !important; } h2.trigger:hover { color: #666666; } h2.active { background-position: left bottom; } .toggle_container { background: url("/du/lib/toggle/toggle_block_stretch.gif") repeat-y scroll left top #F0F0F0; background-size: 100% auto; border-top: 1px solid #D6D6D6; margin: 0 0 5px; overflow: hidden; padding: 0; /*change width if you want fixed e.g.: 625px; or auto; */ width: auto; } .toggle_container .block { background: url("/du/lib/toggle/toggle_block_btm.gif") no-repeat scroll left bottom transparent; background-size:100% auto; padding: 20px; } .toggle_container .block p { margin: 5px 0; padding: 5px 0; } .toggle_container h3 { border-bottom: 1px dashed #CCCCCC; margin: 0 0 10px; padding: 0 0 5px; } .toggle_container img { background: none repeat scroll 0 0 #DDDDDD; border: 1px solid #CCCCCC; /*float: left;*/ margin: 10px 15px 15px 0; padding: 5px; } /* END Content togle css */ /* Stylesheet: du_content_toggle Modified On 2014-04-30 01:59:35 */ a { /*color: #fff;*/ } /* used for demo page, wrapping content inside 960px */ /* you might not need this if you use reset */ ul, li { margin: 0; padding: 0; } /* border of thumbnail */ #menu a img { border: 1px solid #aaa; width:100px; } /* style of 1st level ul */ ul#menu { background: #421c52; /* fallback for not so smart browser */ /* gradient as background */ background: linear-gradient(top, #421c52 0%,#421c52 100%); background: -moz-linear-gradient(top, #421c52 0%, #421c52 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#421c52), color-stop(100%,#0e0e0e)); background: -webkit-linear-gradient(top, #421c52 0%,#421c52 100%); background: -o-linear-gradient(top, #421c52 0%,#421c52 100%); background: -ms-linear-gradient(top, #421c52 0%,#421c52 100%); display: block; } /* 1st level list is floating for horizontal menu */ #menu li { position: relative; list-style: none; margin: 0 0 0 0; padding: 0; /* transition effect for background */ transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; } /* links and sectionheaders style */ #menu li a, #menu li span.sectionheader { display: block; color: #fff; line-height: 35px; padding: 0 16px; text-decoration: none; font-size:1.2em; } /* 1st level links style */ #menu li a.menuitem, #menu li span.menuitem.sectionheader { text-transform: uppercase; /*IICtext-shadow: 1px 1px 0 #aaa;*/ color: #fff; /*IICfont-weight: bold;*/ } /* hover or current style */ #menu li:hover, #menu li.current { background: #300030; } /* description is wrapped in info span */ #menu span.info { display: block; line-height: 1; display: block; font-size: 11px; padding-bottom: 10px; text-transform: none; text-shadow: none; color: #aaa; font-weight: normal; } /* 2nd level */ #menu .submenu { position: absolute; z-index: 100; width: auto; top: -9999em; /* hide first */ left: -9999em; opacity: 0; /* set opactiy to 0 for transtion effect */ width: 340px; /* flyout will depend on this, if you change it dont forget about #menu .submenu li.flyout ul */ /* animate dropdown */ transition: width .4s ease-in-out; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; border-radius: 0 0 6px 6px; transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; } /* position wrapping div on hover */ #menu li:hover .submenu { top: 35px; opacity: .95; left: 0; } /* if parent has class right, position it to right */ #menu li:hover.right .submenu { left: auto; right: 0; } /* width of mega dropdown, you can add more classes like this, depending on your site structure */ #menu li.two_col:hover .submenu { width: 350px; } #menu li.three_col:hover .submenu { width: 525px; } #menu li.four_col:hover .submenu { width: 700px; } #menu li.full_col:hover .submenu { width:1024px; } /* reset transition animations */ #menu li li { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; } /* style of 2nd level unordered list */ #menu .submenu ul { background: #300030; border-radius: 0 6px 6px 6px; padding: 10px 0; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3); } #menu .submenu ul li { display: block; float: left; } /* if 2nd level item has no children or has class flyout */ #menu .submenu ul li.no-sub, #menu .submenu ul li.flyout, #menu .submenu ul li.flyout li { float: none; } /* position 3rd level flyout */ #menu .submenu li.flyout ul { position: absolute; width: 240px; top: -9999em; left: -9999em; } #menu .submenu li.flyout:hover ul { position: absolute; left: 230px; top: 0; } /* style of second level links */ #menu li ul li a.menuitem, #menu li ul li span.menuitem.sectionheader, #menu li ul li a, #menu li ul li span.sectionheader { display: block; padding: 0 10px; line-height: 24px; text-shadow: none; transition: color .4s ease-in-out; -webkit-transition: color .4s ease-in-out; -moz-transition: color .4s ease-in-out; -o-transition: color .4s ease-in-out; } /* uppercase for mega dropdown parent items */ #menu li ul li a, #menu li ul li.sectionheader span { text-transform: uppercase; display: block; } /* remove uppercase if it's not mega dropdown */ #menu li ul li.no-sub a, #menu li ul li.flyout a, #menu li ul li.no-sub span.sectionheader, #menu li ul li.flyout span.sectionheader { text-transform: none; } /* link color of sublevels */ #menu li ul li a:hover, #menu li ul li a.current { color: #3C76B5; } #menu .submenu li ul { position: static; display: block; box-shadow: none; border-radius: 0 0 6px 6px; } #menu .submenu li ul li { float: none; } /* width of mega dropdown columns, should fit inside #menu li.two_col:hover .submenu width */ #menu .two_col .submenu ul li { width: 165px; list-style-type: none; } #menu .full_col .submenu ul li { width: 165px; list-style-type: none; } /* clearfix - clearing floats */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* html .clearfix { zoom: 1; } /* IE6 */ :first-child+ html .clearfix { zoom: 1; }/* IE7 */ /* Stylesheet: du_mainmenu Modified On 2014-05-28 10:31:27 */ .skybody { width: 100%; margin: 0 auto; } .sky-tabs, .sky-tabs * { margin: 0; padding: 0; /*outline: none;*/ border: 0; background: transparent; } .sky-tabs { position: relative; text-align: left; color: #666; } .sky-tabs > input { position: absolute; display: none; } .sky-tabs > label { position: relative; z-index: 1; display: inline-block; padding: 1px; padding-top: 0; padding-left: 0; font-size: 13px; line-height: 45px; cursor: pointer; } /*IIC*/ .sky-tabs >label.du20{ width:20%; display: inline-block; font-size: 1em; } .sky-tabs >label.du30{ width:25%; display: inline-block; font-size: 1em; } .sky-tabs >label.du50{ width:50%; display: inline-block; font-size: 1em; } /*IIC*/ .sky-tabs > label.inverse { float: right; padding-right: 0; padding-left: 1px; } .sky-tabs > label.disabled { cursor: default; } .sky-tabs > label span { display: block; margin-bottom:.1em; background:#f1f0ff; /*input tag outside*/ } .sky-tabs > label span span { padding-left:10px; padding-right:10px; background: #E0D6EB;/*IIC input tag inside*/ transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; -ms-transition: background 0.4s, color 0.4s; -moz-transition: background 0.4s, color 0.4s; -webkit-transition: background 0.4s, color 0.4s; } .sky-tabs > label:hover span span { background: #663399; color: #fff; } .sky-tabs > label.disabled span span { background: transparent; color: inherit; } .sky-tabs > input label span span{ background:#f1f0ff; } .sky-tabs > input:checked + label { cursor: default; } .sky-tabs > input:checked + label span span { background: #663399; color: #fff; } .sky-tabs > .switcher { display: none; } .sky-tabs > .switcher a { display: block; margin: 0 -20px; padding: 0 20px; text-decoration: none; color: inherit; } .sky-tabs > ul { list-style: none; position: relative; display: block; font-size: 1em; } .sky-tabs > ul > li { position: absolute; top: 0; left: 0; width: 100%; /*IICoverflow: scroll;*/ padding: 0.1em 1.8em 1.8em; background: #f0f1ff;/*IICrgba(255,255,255,0.9);*/ box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: opacity 0.8s, -o-transform 0.8s; -ms-transition: opacity 0.8s, -ms-transform 0.8s; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; } .sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 { position: relative; z-index: 1; opacity: 1; } /**/ /* positions */ /**/ .sky-tabs-pos-top-center { text-align: center; } .sky-tabs-pos-top-right { text-align: right; } .sky-tabs-pos-top-right > label { padding-right: 0; padding-left: 1px; } .sky-tabs-pos-top-justify > label { padding-right: 0; padding-left: 1px; } .sky-tabs-pos-top-justify.sky-tabs-amount-2 > label { width: 50%; } .sky-tabs-pos-top-justify.sky-tabs-amount-3 > label { width: 33.33%; } .sky-tabs-pos-top-justify.sky-tabs-amount-4 > label { width: 25%; } .sky-tabs-pos-top-justify.sky-tabs-amount-5 > label { width: 20%; } .sky-tabs-pos-top-justify.sky-tabs-amount-6 > label { width: 16.66%; } .sky-tabs-pos-top-justify.sky-tabs-amount-7 > label { width: 14.28%; } .sky-tabs-pos-top-justify.sky-tabs-amount-8 > label { width: 12.5%; } .sky-tabs-pos-top-justify.sky-tabs-amount-9 > label { width: 11.11%; } .sky-tabs-pos-top-justify > input:first-child + label { padding-left: 0; } .sky-tabs-pos-left > label, .sky-tabs-pos-right > label { display: block; width: 25%; float: left; clear: left; margin-right: 0; } .sky-tabs-pos-right > label { float: right; clear: right; } .sky-tabs-pos-left > ul { margin-left: 25%; } .sky-tabs-pos-right > ul { margin-right: 25%; } .sky-tabs-pos-right > label { padding-right: 0; padding-left: 1px; } .sky-tabs-pos-top-center > ul > li, .sky-tabs-pos-top-justify > ul > li { -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } .sky-tabs-pos-right > ul > li, .sky-tabs-pos-top-right > ul > li { -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } /**/ /* animations */ /**/ .sky-tabs-anim-slide-up > ul > li { -o-transform: translateY(-15%); -ms-transform: translateY(-15%); -moz-transform: translateY(-15%); -webkit-transform: translateY(-15%); } .sky-tabs-anim-slide-right > ul > li { -o-transform: translateX(15%); -ms-transform: translateX(15%); -moz-transform: translateX(15%); -webkit-transform: translateX(15%); } .sky-tabs-anim-slide-down > ul > li { -o-transform: translateY(15%); -ms-transform: translateY(15%); -moz-transform: translateY(15%); -webkit-transform: translateY(15%); } .sky-tabs-anim-slide-left > ul > li { -o-transform: translateX(-15%); -ms-transform: translateX(-15%); -moz-transform: translateX(-15%); -webkit-transform: translateX(-15%); } .sky-tabs-anim-slide-up-left > ul > li { -o-transform: translate(-15%,-15%); -ms-transform: translate(-15%,-15%); -moz-transform: translate(-15%,-15%); -webkit-transform: translate(-15%,-15%); } .sky-tabs-anim-slide-up-right > ul > li { -o-transform: translate(15%,-15%); -ms-transform: translate(15%,-15%); -moz-transform: translate(15%,-15%); -webkit-transform: translate(15%,-15%); } .sky-tabs-anim-slide-down-right > ul > li { -o-transform: translate(15%,15%); -ms-transform: translate(15%,15%); -moz-transform: translate(15%,15%); -webkit-transform: translate(15%,15%); } .sky-tabs-anim-slide-down-left > ul > li { -o-transform: translate(-15%,15%); -ms-transform: translate(-15%,15%); -moz-transform: translate(-15%,15%); -webkit-transform: translate(-15%,15%); } .sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 { -o-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0); } .sky-tabs-anim-scale > ul > li { -o-transform: scale(0.1,0.1); -ms-transform: scale(0.1,0.1); -moz-transform: scale(0.1,0.1); -webkit-transform: scale(0.1,0.1); } .sky-tabs-anim-scale > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs-anim-scale > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs-anim-scale > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs-anim-scale > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs-anim-scale > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs-anim-scale > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs-anim-scale > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs-anim-scale > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs-anim-scale > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 { -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); } .sky-tabs-anim-rotate > ul > li { -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .sky-tabs-anim-rotate.sky-tabs-pos-right > ul > li, .sky-tabs-anim-rotate.sky-tabs-pos-top-right > ul > li { -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .sky-tabs-anim-rotate > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs-anim-rotate > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs-anim-rotate > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs-anim-rotate > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs-anim-rotate > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs-anim-rotate > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs-anim-rotate > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs-anim-rotate > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs-anim-rotate > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 { -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .sky-tabs-anim-flip > ul { perspective: 2000px; -o-perspective: 2000px; -ms-perspective: 2000px; -moz-perspective: 2000px; -webkit-perspective: 2000px; perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%; } .sky-tabs-anim-flip > ul > li { -o-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .sky-tabs-anim-flip.sky-tabs-pos-left > ul > li { -o-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); } .sky-tabs-anim-flip.sky-tabs-pos-right > ul > li { -o-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); } .sky-tabs-anim-flip > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1, .sky-tabs-anim-flip > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2, .sky-tabs-anim-flip > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3, .sky-tabs-anim-flip > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4, .sky-tabs-anim-flip > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5, .sky-tabs-anim-flip > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6, .sky-tabs-anim-flip > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7, .sky-tabs-anim-flip > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8, .sky-tabs-anim-flip > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 { -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } /**/ /* grid system */ /**/ .sky-tabs .grid-row { margin-top: 20px; } .sky-tabs .grid-row:after { content: ''; display: table; clear: both; } .sky-tabs .grid-row:first-child { margin-top: 0; } .sky-tabs .grid-col { display: block; float: left; width: 100%; margin-left: 2%; } .sky-tabs .grid-col:first-child { margin-left: 0; } .sky-tabs .grid-col .inner { padding: 10px 0; border-radius: 5px; background: rgba(0,0,0,0.1); text-align: center; } .sky-tabs .grid-col-1 { width: 6.5%; } .sky-tabs .grid-col-2 { width: 15%; } .sky-tabs .grid-col-3 { width: 23.5%; } .sky-tabs .grid-col-4 { width: 32%; } .sky-tabs .grid-col-5 { width: 40.5%; } .sky-tabs .grid-col-6 { width: 49%; } .sky-tabs .grid-col-7 { width: 57.5%; } .sky-tabs .grid-col-8 { width: 66%; } .sky-tabs .grid-col-9 { width: 74.5%; } .sky-tabs .grid-col-10 { width: 83%; } .sky-tabs .grid-col-11 { width: 91.5%; } .sky-tabs .grid-col-offset-1, .sky-tabs .grid-col-offset-1:first-child { margin-left: 8.5%; } .sky-tabs .grid-col-offset-2, .sky-tabs .grid-col-offset-2:first-child { margin-left: 17%; } .sky-tabs .grid-col-offset-3, .sky-tabs .grid-col-offset-3:first-child { margin-left: 25.5%; } .sky-tabs .grid-col-offset-4, .sky-tabs .grid-col-offset-4:first-child { margin-left: 34%; } .sky-tabs .grid-col-offset-5, .sky-tabs .grid-col-offset-5:first-child { margin-left: 42.5%; } .sky-tabs .grid-col-offset-6, .sky-tabs .grid-col-offset-6:first-child { margin-left: 51%; } .sky-tabs .grid-col-offset-7, .sky-tabs .grid-col-offset-7:first-child { margin-left: 59.5%; } .sky-tabs .grid-col-offset-8, .sky-tabs .grid-col-offset-8:first-child { margin-left: 68%; } .sky-tabs .grid-col-offset-9, .sky-tabs .grid-col-offset-9:first-child { margin-left: 76.5%; } .sky-tabs .grid-col-offset-10, .sky-tabs .grid-col-offset-10:first-child { margin-left: 85%; } .sky-tabs .grid-col-offset-11, .sky-tabs .grid-col-offset-11:first-child { margin-left: 93.5%; } /**/ /* typography */ /**/ .sky-tabs .typography h1, .sky-tabs .typography h2, .sky-tabs .typography h3, .sky-tabs .typography h4, .sky-tabs .typography h5, .sky-tabs .typography h6 { margin: 40px 0 0 0; padding: 0; text-align: left; color: #421c52; } .sky-tabs .typography h1 { font-size: 40px; line-height: 50px; font-weight: 300; } .sky-tabs .typography h2 { font-size: 34px; line-height: 44px; font-weight: 300; } .sky-tabs .typography h3 { font-size: 28px; line-height: 36px; font-weight: 300; } .sky-tabs .typography h4 { font-size: 22px; line-height: 30px; font-weight: 400; } .sky-tabs .typography h5 { font-size: 16px; line-height: 23px; font-weight: 400; text-transform: uppercase; } .sky-tabs .typography h6 { font-size: 14px; line-height: 20px; font-weight: 400; text-transform: uppercase; } .sky-tabs .typography p { margin: 20px 0 0 0; padding: 0; line-height: 20px; text-align: left; } .sky-tabs .typography ul, .sky-tabs .typography ol { list-style: none; margin: 20px 0 0 0; padding: 0; line-height: 20px; } .sky-tabs .typography li { position: relative; margin-top: 5px; padding-left: 20px; } .sky-tabs .typography li ul, .sky-tabs .typography li ol { margin-top: 5px; } .sky-tabs .typography ul li:before { content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #333; } .sky-tabs .typography ol { counter-reset: list1; } .sky-tabs .typography ol > li:before { counter-increment:list1; content: counter(list1)'.'; position: absolute; top: 0; left: 0; color: #333; } .sky-tabs .typography a { text-decoration: underline; color: #663399; } .sky-tabs .typography a:hover { text-decoration: none; } .sky-tabs .typography .pic { padding: 4px; border: 1px dotted #ccc; } .sky-tabs .typography .pic img { display: block; } .sky-tabs .typography .pic-right { float: right; margin: 0 0 10px 20px; } .sky-tabs .typography .link { text-decoration: underline; color: #663399; cursor: pointer; } .sky-tabs .typography .link:hover { text-decoration: none; } .sky-tabs .typography h1:first-child, .sky-tabs .typography h2:first-child, .sky-tabs .typography h3:first-child, .sky-tabs .typography h4:first-child, .sky-tabs .typography h5:first-child, .sky-tabs .typography h6:first-child, .sky-tabs .typography p:first-child { margin-top: 0; } .sky-tabs .typography .text-center { text-align: center; } .sky-tabs .typography .text-right { text-align: right; } /**/ /* icons */ /**/ .sky-tabs > label .fa { display: block; float: left; width: 18px; margin: 0 12px 0 -6px; font-family: FontAwesome; font-style: normal; font-size: 16px; line-height: 45px; text-align: center; -webkit-font-smoothing: antialiased; } /**/ /* pad */ /**/ @media screen and (max-width: 1000px) { .sky-tabs > label span span { padding: 0 15px; } .sky-tabs > label .fa { margin-right: 10px; margin-left: -5px; } } /**/ /* phone */ /**/ @media screen and (max-width: 767px) { .sky-tabs .grid-col, .sky-tabs .grid-col:first-child { float: none; width: 100%; margin: 20px 0 0 0; } .sky-tabs-response-to-stack > label, .sky-tabs-response-to-stack.sky-tabs-pos-top-justify > label { display: block; width: 100%; padding-right: 0; padding-left: 0; text-align: left; } .sky-tabs-response-to-stack > ul { margin-top: 0; margin-right: 0; margin-left: 0; } .sky-tabs-response-to-stack > ul > li { -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } .sky-tabs-response-to-stack.sky-tabs-anim-flip > ul > li { -webkit-transform: rotateX(-90deg); } .sky-tabs-response-to-icons > label { font-size: 0; } .sky-tabs-response-to-icons > label .fa { width: 45px; margin: 0; font-size: 16px; } .sky-tabs-response-to-icons > label span span { padding: 0; } .sky-tabs-response-to-icons.sky-tabs-pos-left > label, .sky-tabs-response-to-icons.sky-tabs-pos-right > label { width: 56px; } .sky-tabs-response-to-icons.sky-tabs-pos-left > ul { margin-left: 56px; } .sky-tabs-response-to-icons.sky-tabs-pos-right > ul { margin-right: 56px; } .sky-tabs-response-to-switcher > label { display: none; width: 100%; padding-right: 0; padding-left: 0; text-align: left; } .sky-tabs-response-to-switcher > .switcher { display: block; } .sky-tabs-response-to-switcher:hover > label { display: block; } .sky-tabs-response-to-switcher:hover > .switcher { display: none; } .sky-tabs-response-to-switcher > ul { margin-top: 0; margin-right: 0; margin-left: 0; } .sky-tabs-response-to-switcher > ul > li { -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } .sky-tabs-response-to-switcher.sky-tabs-anim-flip > ul > li { -webkit-transform: rotateX(-90deg); } } /*Scroll for latest tab*/ .sky-tabs > ul > li{ max-height: 376px; overflow-y: scroll; } /* Stylesheet: du_header_multitab Modified On 2016-07-19 12:22:43 */ /*IIC icon*/ .ac-container{ margin-top:20px; width: 100%; text-align: left; } .ac-container label{ padding: 5px 20px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 19px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); } .ac-container label:hover{ background: #fff; } .ac-container input:checked + label, .ac-container input:checked + label:hover{ background: #a385b0; color: #421c52; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); font-weight:bold; } .ac-container label:hover:after, .ac-container input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(../images/arrow_down.png) no-repeat center center; } .ac-container input:checked + label:hover:after{ background-image: url(../images/arrow_up.png); } .ac-container input{ display: none; } .ac-container article{ background: #f1f0ff; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.5s ease-in-out, box-shadow 0.3s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.3s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.3s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.3s linear; transition: height 0.5s ease-in-out, box-shadow 0.3s linear; } /*IIC*/ .ac-container article div{ padding:0.4em 0.2em 0.2em 0.2em; } .ac-container label i{ float:right; padding: 5px; } .ac-container article p{ color: #777; line-height: 23px; font-size: 14px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .ac-container input:checked ~ article{ } .ac-container input:checked ~ article.ac-small{ height: 10em; } .ac-container input:checked ~ article.ac-medium{ height: 15em; } .ac-container input:checked ~ article.ac-large{ height: 25em; } /* Stylesheet: du_home_sidebar_accordion Modified On 2014-06-08 12:39:04 */ /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } /* Stylesheet: fontawesome-new Modified On 2014-06-12 20:44:23 */