/* Minification failed. Returning unminified contents. (14558,1): run-time error CSS1019: Unexpected token, found '@import' (14558,9): run-time error CSS1019: Unexpected token, found 'url('normalize.css')' (14561,1): run-time error CSS1019: Unexpected token, found '@import' (14561,9): run-time error CSS1019: Unexpected token, found 'url("animate.css")' (14562,1): run-time error CSS1019: Unexpected token, found '@import' (14562,9): run-time error CSS1019: Unexpected token, found 'url("whhg.css")' (14563,1): run-time error CSS1019: Unexpected token, found '@import' (14563,9): run-time error CSS1019: Unexpected token, found 'url("entyposocials.css")' (14564,1): run-time error CSS1019: Unexpected token, found '@import' (14564,9): run-time error CSS1019: Unexpected token, found 'url("prodigy-component.css")' (14565,1): run-time error CSS1019: Unexpected token, found '@import' (14565,9): run-time error CSS1019: Unexpected token, found 'url("responsivetabs.css")' (14566,1): run-time error CSS1019: Unexpected token, found '@import' (14566,9): run-time error CSS1019: Unexpected token, found 'url("carousel.css")' */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } script { display: none !important; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; /*margin: 0.67em 0;*/ } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 102.5%; margin:0 -10px !important; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } /*FF CSS Hack*/ body:last-child .owl-carousel, x:-moz-any-link {float: left;} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100% !important; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .item { margin:0 10px; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../img/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; font-size: 9px; color: #95a5a6; background: #fff; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 1; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-next { padding: 9px 7px 8px 8px; position: relative !important; margin-top: -110px !important; margin-right: 10px !important; float: right; } .owl-prev { padding: 9px 8px 8px 7px; position: relative !important; margin-top: -110px !important; margin-left: 10px !important; float:left; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 4px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:3px solid #95a5a6; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #95a5a6; padding: 2px 5px 3px 5px; font-size: 11px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } @font-face { font-family: 'entypo-social'; src:url('../font/entypo-social.eot'); src:url('../font/entypo-social.eot?#iefix') format('embedded-opentype'), url('../font/entypo-social.woff') format('woff'), url('../font/entypo-social.ttf') format('truetype'), url('../font/entypo-social.svg#entypo-social') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'entypo-social'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .social-mail, .social-rss, .social-github, .social-flickr, .social-vimeo, .social-twitter, .social-facebook, .social-googleplus, .social-pinterest, .social-tumblr, .social-linkedin, .social-dribbble, .social-stumbleupon, .social-lastfm, .social-rdio, .social-spotify, .social-instagram, .social-dropbox, .social-evernote, .social-flattr, .social-skype, .social-behance, .social-soundcloud, .social-picasa, .social-paypal, .social-smashing, .social-sina-weibo, .social-mixi, .social-renren, .social-qq { font-family: 'entypo-social'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .social-mail:before {content: "\21";} .social-rss:before {content: "\22";} .social-github:before {content: "\23";} .social-flickr:before {content: "\24";} .social-vimeo:before {content: "\25";} .social-twitter:before {content: "\26";} .social-facebook:before {content: "\27";} .social-googleplus:before {content: "\28";} .social-pinterest:before {content: "\29";} .social-tumblr:before {content: "\2a";} .social-linkedin:before {content: "\2b";} .social-dribbble:before {content: "\2c";} .social-stumbleupon:before {content: "\2d";} .social-lastfm:before {content: "\2e";} .social-rdio:before {content: "\2f";} .social-spotify:before {content: "\30";} .social-instagram:before {content: "\31";} .social-dropbox:before {content: "\32";} .social-evernote:before {content: "\33";} .social-flattr:before {content: "\34";} .social-skype:before {content: "\35";} .social-behance:before {content: "\36";} .social-soundcloud:before {content: "\37";} .social-picasa:before {content: "\38";} .social-paypal:before {content: "\39";} .social-smashing:before {content: "\3a";} .social-sina-weibo:before {content: "\3b";} .social-mixi:before {content: "\3c";} .social-renren:before {content: "\3d";} .social-qq:before {content: "\3e";} /*----------------------------------------------------------------------------- - Revolution Slider 1.5.3 - Screen Stylesheet version: 2.1 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- - Revolution Slider 2.0 Captions - Screen Stylesheet version: 1.4.5 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-hide-revslider,.tp-caption.tp-hidden-caption {visibility:hidden !important; display:none !important;} .tp-caption { z-index:1;} .tp-caption.general_caption h1, .tp-caption.general_caption h2, .tp-caption.general_caption h3, .tp-caption.general_caption h4, .tp-caption.general_caption h5, .tp-caption.general_caption h6, .tp-caption.general_caption p {color:#fff;} .tp-caption.button.white-sld, .button.white-sld { background-color: transparent !important; color: #fff !important; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1) !important; -moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1) !important; box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1) !important; padding-top:9px; padding-bottom:13px; } .tp-caption.video_box iframe { width : 540px; height : 304px; border: none; background:#333; float: left; -webkit-box-shadow: 4px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 0px rgba(0,0,0,0.1); box-shadow: 4px 4px 0px rgba(0,0,0,0.1); } .black-text {color: #444 !important;} .bold-text {font-weight: 800 !important;} .big-h1 {font-size: 45px !important; font-weight: 800;} .shadow-text {text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);} .pacifico {font-family: 'Pacifico', cursive; font-size: 24px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);} p.text-box{ padding:4px 16px 7px 14px; background-color:#59ba47; color:#fff; margin-bottom: 20px; font-size: 14px; font-weight: 300; line-height: 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } p.text-box i{ color:#fff; font-size:14px; margin-right:8px; position:relative; top:2px; } .tp-caption.general_caption p:nth-of-type(1n){line-height: 23px\9;} .tp-caption.general_caption p{line-height: 23px\0/;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../images/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;} .tp-bannershadow.tp-shadow2 { background:url(../images/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(../images/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:999; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../images/assets/boxed_bgtile.png); height:40px; padding:0px 10px; } .tp-bullets.simplebullets.navbar-old { background:url(../images/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../images/assets/bullet.png) no-Repeat top left; width:16px; height:16px; margin-right:0px; float:left; margin-top:-10px; margin-left:3px;} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../images/assets/bullets.png) no-Repeat bottom left; width:17px; height:17px; margin-right:5px; float:left; margin-top:-8px; margin-top:0px\0/;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../images/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../images/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../images/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../images/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/large_left.png) no-Repeat top left; width:35px; height:75px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/large_right.png) no-Repeat top left; width:35px; height:75px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .tp-leftarrow { background:url(../images/assets/large_left@2x.png) no-Repeat top left; background-size: 35px 150px; } .tp-rightarrow { background:url(../images/assets/large_right@2x.png) no-Repeat top left; background-size: 35px 150px; } } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../images/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.default { z-index:100; cursor:pointer; position:relative; background-image:none !important; font-family:'WebHostingHub-Glyphs'; font-size:14px; color:#fff; width:40px; height:40px; background-color:rgba(0,0,0,0.3); -webkit-border-radius: 800px; -moz-border-radius: 800px; border-radius: 800px; } .tp-rightarrow.default { z-index:100; cursor:pointer; position:relative; background-image:none !important; font-family:'WebHostingHub-Glyphs'; font-size:14px; color:#fff; width:40px; height:40px; background-color:rgba(0,0,0,0.3); -webkit-border-radius: 800px; -moz-border-radius: 800px; border-radius: 800px; } .tp-leftarrow.default:before { content:"\f489"; position:relative; right:-12px; line-height:40px; } .tp-rightarrow.default:before { content:"\f488"; position:relative; left:13px; line-height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:0px; background:url(../images/slideshow/sld_pattern.png) repeat-x; width:100% !important; height:160px !important; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin:-50px; } .fullwidthbanner-container .tp-thumbs { padding:0px;} .tp-bullets.tp-thumbs .tp-mask { width:1070px !important; height:75px !important; margin:75px auto 0px auto; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; border:3px solid #4a4a4a; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden; background:#fff ;margin:0;float:left; -webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35); box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; margin:10px; padding:0px; } .tp-bullets.tp-thumbs .bullet img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { border:3px solid #f14629; } .tp-bullets.tp-thumbs .bullet img:hover, .tp-bullets.tp-thumbs .bullet.selected img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:4px; background:rgba(255,255,255,0.25); position:absolute; z-index:200;} .tp-bannertimer.tp-bottom { bottom:0px !important;height:4px;} .tp-bannertimer.tp-top { top:0px !important;height:4px;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:10000px; height:10000px; background:url(../images/assets/coloredbg.png) repeat;} .tp-loader { background:url(../img/slide_loading.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-transparentimg { content:"url(../images/assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } /*-----------Horizontal tabs Bottom-----------*/ .resp-tabs-bottom ul.resp-tabs-list { margin: 0 0 60px 0; padding: 0px; } .resp-tabs-bottom .resp-tabs-list li { font-size: 13px; display: inline-block; padding: 13px 20px; margin: 0; list-style: none; cursor: pointer; float: left; } .resp-tabs-bottom .resp-tabs-container { margin-bottom: 0px; padding: 0px; background-color: #fff; clear: left; } .resp-tabs-bottom .resp-tabs-container:before { width: 86%; content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 25px rgba(0,0,0,0.1); -moz-box-shadow:0 0 25px rgba(0,0,0,0.1); box-shadow:0 0 25px rgba(0,0,0,0.1); top:52px; bottom:60px; left:36px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .resp-tabs-bottom .resp-tab-content { border: 1px solid #ddd; } .resp-tabs-bottom li.resp-tab-active { background-color: #fafafa; border: 1px solid #ddd; border-top: none; padding: 12px 20px 14px 20px !important; } /*-----------Horizontal tabs Top-----------*/ ul.resp-tabs-list { margin: 0px; padding: 0px; } .resp-tabs-list li { font-size: 13px; display: inline-block; padding: 13px 20px; margin: 0; list-style: none; cursor: pointer; float: left; } .resp-tabs-container { margin-bottom: 30px; padding: 0px; background-color: #fff; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 17px 20px 5px 20px; } #horizontalTab-Top .resp-tabs-container:before { width: 86%; content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 25px rgba(0,0,0,0.1); -moz-box-shadow:0 0 25px rgba(0,0,0,0.1); box-shadow:0 0 25px rgba(0,0,0,0.1); top:87px; bottom:60px; left:36px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .resp-tab-active { border: 1px solid #ddd; border-bottom: none; margin-bottom: -1px !important; padding: 12px 20px 14px 20px !important; } .resp-tab-active { border-bottom: none; background-color: #fafafa; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border: 1px solid #ddd; } h2.resp-tab-active { border-bottom: 0px solid #ddd !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #ddd !important; background: blue; } /*-----------Vertical tabs Left-----------*/ .resp-vtabs-left ul.resp-tabs-list { float: left; margin-top:20px; width: 30%; } .resp-vtabs-left .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .resp-vtabs-left .resp-tabs-container { margin-bottom: 30px; padding: 5px 0px 5px 10px; border-left: 1px solid #ddd; float: left; width: 70%; clear: none; } .resp-vtabs-left .resp-tabs-container:before { width: 60%; content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 25px rgba(0,0,0,0.1); -moz-box-shadow:0 0 25px rgba(0,0,0,0.1); box-shadow:0 0 25px rgba(0,0,0,0.1); top:52px; bottom:45px; right:36px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .resp-vtabs-left .resp-tab-content { border: none; padding: 17px 0px 5px 20px; } .resp-vtabs-left li.resp-tab-active { border: 1px solid #ddd; border-right: none; background-color: #fafafa; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; } /*-----------Vertical tabs Right-----------*/ .resp-vtabs-right ul.resp-tabs-list { float: right; margin-top:20px; width: 30%; } .resp-vtabs-right .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; text-align:right; float: none; } .resp-vtabs-right .resp-tabs-container { margin-bottom: 30px; padding: 5px 10px 5px 0px; border-right: 1px solid #ddd; float: left; width: 70%; clear: none; } .resp-vtabs-right .resp-tabs-container:before { width: 60%; content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 25px rgba(0,0,0,0.1); -moz-box-shadow:0 0 25px rgba(0,0,0,0.1); box-shadow:0 0 25px rgba(0,0,0,0.1); top:52px; bottom:45px; left:36px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .resp-vtabs-right .resp-tab-content { border: none; padding: 17px 20px 5px 0px; } .resp-vtabs-right li.resp-tab-active { border: 1px solid #ddd; border-left: none; background-color: #fafafa; position: relative; z-index: 1; margin-left: -1px !important; padding: 14px 14px 15px 15px !important; } /*-----------Accordion styles-----------*/ .resp-arrow:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#9b9b9b; content:'\f488'; font-size:11px; position:relative; top:2px; margin-right: 10px;} h2.resp-tab-active span.resp-arrow:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#9b9b9b; content:'\f48b'; font-size:11px; position: relative; top:2px;} h2.resp-accordion { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 13px !important; letter-spacing: 0 !important; padding: 15px 15px !important; border: 1px solid #ddd !important; color: #9a9a9a; } h2.resp-tab-active, h2.resp-accordion { background: #fafafa !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #ddd; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #ddd !important; } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content.resp-tab-content-active { display: block; margin-top: 5px; margin-bottom: 5px; -webkit-border-radius: 5x !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } h2.resp-accordion:first-child { border-top: 1px solid #ddd !important; } /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 768px) { ul.resp-tabs-list, .resp-vtabs-left .resp-tabs-container:before, .resp-vtabs-right .resp-tabs-container:before { display: none; } h2.resp-accordion { display: block; } .resp-vtabs-left h2.resp-accordion { margin-left:-10px; display: block; } .resp-vtabs-right h2.resp-accordion { margin-right:-10px; display: block; } .resp-vtabs-left .resp-tab-content { margin-left:-10px; border: 1px solid #ddd; padding: 17px 20px 5px 20px !important; } .resp-vtabs-right .resp-tab-content { margin-right:-10px; border: 1px solid #ddd; padding: 17px 20px 5px 20px !important; } .resp-vtabs-left .resp-tabs-container, .resp-vtabs-right .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs-left .resp-tab-content:last-child, .resp-vtabs-right .resp-tab-content:last-child { border-bottom: 1px solid #ddd !important; } } /* prodigy reva fix problem */ #horizontalTab-Bottom .resp-tab-content, #horizontalTab-Top .resp-tab-content { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } #horizontalTab-Bottom .resp-accordion-content.resp-tab-content-active, #horizontalTab-Top .resp-accordion-content.resp-tab-content-active { border-bottom-left-radius:5px !important; border-bottom-right-radius:5px !important; border-top-left-radius:5px !important; border-top-right-radius:5px !important; margin-bottom: 5px; } #horizontalTab-Bottom .resp-tab-content { margin-bottom: 0px; } #horizontalTab-Bottom .resp-accordion-content { margin-bottom: 5px; } @font-face { font-family: 'WebHostingHub-Glyphs'; src: url('../font/webhostinghub-glyphs.eot'); src: url('../font/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'), url('../font/webhostinghub-glyphs.ttf') format('truetype'); font-weight: normal; font-style: normal; -moz-font-feature-settings: "calt=0,liga=0"; } [class^="icon-"], [class*=" icon-"] {font-family:'WebHostingHub-Glyphs';background:none;width:auto;height:auto;font-style:normal} .icon-aaabattery:before{content:'\f413'} .icon-abacus:before{content:'\f261'} .icon-accountfilter:before{content:'\f05e'} .icon-acsource:before{content:'\f3ea'} .icon-addfriend:before{content:'\f3da'} .icon-address:before{content:'\f08f'} .icon-addshape:before{content:'\f1fd'} .icon-addtocart:before{content:'\f394'} .icon-addtolist:before{content:'\f2ac'} .icon-adjust:before{content:'\f484'} .icon-adobe:before{content:'\f1c9'} .icon-ads-bilboard:before{content:'\f082'} .icon-affiliate:before{content:'\f01e'} .icon-ajax:before{content:'\f06f'} .icon-alarm:before{content:'\f233'} .icon-alarmalt:before{content:'\f23d'} .icon-album-cover:before{content:'\f19f'} .icon-alertalt:before{content:'\f2b4'} .icon-alertpay:before{content:'\f269'} .icon-algorhythm:before{content:'\f0b8'} .icon-alienship:before{content:'\f41f'} .icon-alienware:before{content:'\f3be'} .icon-align-center:before{content:'\f1d9'} .icon-align-justify:before{content:'\f1da'} .icon-align-left:before{content:'\f1d7'} .icon-align-right:before{content:'\f1d8'} .icon-alignbottomedge:before{content:'\f1d3'} .icon-alignhorizontalcenter:before{content:'\f1d2'} .icon-alignleftedge:before{content:'\f1d6'} .icon-alignrightedge:before{content:'\f1d5'} .icon-aligntopedge:before{content:'\f1d4'} .icon-alignverticalcenter:before{content:'\f1d1'} .icon-amd:before{content:'\f020'} .icon-analogdown:before{content:'\f2cb'} .icon-analogleft:before{content:'\f2c8'} .icon-analogright:before{content:'\f2c9'} .icon-analogup:before{content:'\f2ca'} .icon-analytics-piechart:before{content:'\f000'} .icon-analyticsalt-piechartalt:before{content:'\f001'} .icon-anchor-port:before{content:'\f21d'} .icon-android:before{content:'\f12a'} .icon-angrybirds:before{content:'\f3c1'} .icon-antenna:before{content:'\f3ec'} .icon-apache-feather:before{content:'\f056'} .icon-aperture:before{content:'\f356'} .icon-appointment-agenda:before{content:'\f26c'} .icon-archive:before{content:'\f171'} .icon-arrow-down:before{content:'\f2fe'} .icon-arrow-left:before{content:'\f305'} .icon-arrow-right:before{content:'\f304'} .icon-arrow-up:before{content:'\f301'} .icon-asterisk:before{content:'\f317'} .icon-asteriskalt:before{content:'\002a'} .icon-at:before{content:'\40'} .icon-atari:before{content:'\f3b9'} .icon-authentication-keyalt:before{content:'\f051'} .icon-automobile-car:before{content:'\f239'} .icon-autorespond:before{content:'\f08e'} .icon-avatar:before{content:'\f15a'} .icon-avataralt:before{content:'\f161'} .icon-avengers:before{content:'\f342'} .icon-awstats:before{content:'\f04c'} .icon-axe:before{content:'\f2ef'} .icon-backup-vault:before{content:'\f004'} .icon-backupalt-vaultalt:before{content:'\f005'} .icon-backupwizard:before{content:'\f05f'} .icon-backward:before{content:'\f183'} .icon-bag:before{content:'\f234'} .icon-baloon:before{content:'\f405'} .icon-ban-circle:before{content:'\f313'} .icon-banana:before{content:'\f3f4'} .icon-bandwidth:before{content:'\f006'} .icon-bank:before{content:'\f262'} .icon-barchart:before{content:'\f02f'} .icon-barchartalt:before{content:'\f07d'} .icon-barcode:before{content:'\f276'} .icon-basecamp:before{content:'\f160'} .icon-basketball:before{content:'\f2e9'} .icon-bat:before{content:'\f3d3'} .icon-batman:before{content:'\f348'} .icon-batteryaltcharging:before{content:'\f104'} .icon-batteryaltfull:before{content:'\f101'} .icon-batteryaltsixty:before{content:'\f102'} .icon-batteryaltthird:before{content:'\f103'} .icon-batterycharged:before{content:'\f0f4'} .icon-batterycharging:before{content:'\f0f3'} .icon-batteryeighty:before{content:'\f0f9'} .icon-batteryempty:before{content:'\f0f5'} .icon-batteryforty:before{content:'\f0f7'} .icon-batteryfull:before{content:'\f0fa'} .icon-batterysixty:before{content:'\f0f8'} .icon-batterytwenty:before{content:'\f0f6'} .icon-bed:before{content:'\f2b9'} .icon-beer:before{content:'\f244'} .icon-bell:before{content:'\2407'} .icon-bigger:before{content:'\f30a'} .icon-bill:before{content:'\f278'} .icon-binary:before{content:'\f087'} .icon-binoculars-searchalt:before{content:'\f2a0'} .icon-birdhouse:before{content:'\f390'} .icon-birthday:before{content:'\f36b'} .icon-bishop:before{content:'\f2f9'} .icon-blackberry:before{content:'\f421'} .icon-blankstare:before{content:'\f13e'} .icon-blogger-blog:before{content:'\f167'} .icon-bluetooth:before{content:'\f12b'} .icon-bluetoothconnected:before{content:'\f386'} .icon-boardgame:before{content:'\f2d9'} .icon-boat:before{content:'\f21a'} .icon-bold:before{content:'\f1f4'} .icon-bomb:before{content:'\f2dc'} .icon-bone:before{content:'\f35f'} .icon-book:before{content:'\f1ba'} .icon-bookmark:before{content:'\f143'} .icon-boombox:before{content:'\f195'} .icon-bottle:before{content:'\f361'} .icon-bow:before{content:'\f2ee'} .icon-bowling:before{content:'\f2f3'} .icon-bowlingpins:before{content:'\f3d2'} .icon-bowtie:before{content:'\f37f'} .icon-boxtrapper-mousetrap:before{content:'\f046'} .icon-braces:before{content:'\f0b4'} .icon-braille0:before{content:'\f44b'} .icon-braille1:before{content:'\f44c'} .icon-braille2:before{content:'\f44d'} .icon-braille3:before{content:'\f44e'} .icon-braille4:before{content:'\f44f'} .icon-braille5:before{content:'\f450'} .icon-braille6:before{content:'\f451'} .icon-braille7:before{content:'\f452'} .icon-braille8:before{content:'\f453'} .icon-braille9:before{content:'\f454'} .icon-braillea:before{content:'\f431'} .icon-brailleb:before{content:'\f432'} .icon-braillec:before{content:'\f433'} .icon-brailled:before{content:'\f434'} .icon-braillee:before{content:'\f435'} .icon-braillef:before{content:'\f436'} .icon-brailleg:before{content:'\f437'} .icon-brailleh:before{content:'\f438'} .icon-braillei:before{content:'\f439'} .icon-braillej:before{content:'\f43a'} .icon-braillek:before{content:'\f43b'} .icon-braillel:before{content:'\f43c'} .icon-braillem:before{content:'\f43d'} .icon-braillen:before{content:'\f43e'} .icon-brailleo:before{content:'\f43f'} .icon-braillep:before{content:'\f440'} .icon-brailleq:before{content:'\f441'} .icon-brailler:before{content:'\f442'} .icon-brailles:before{content:'\f443'} .icon-braillespace:before{content:'\f455'} .icon-braillet:before{content:'\f444'} .icon-brailleu:before{content:'\f445'} .icon-braillev:before{content:'\f446'} .icon-braillew:before{content:'\f447'} .icon-braillex:before{content:'\f448'} .icon-brailley:before{content:'\f449'} .icon-braillez:before{content:'\f44a'} .icon-brain:before{content:'\f3e3'} .icon-bread:before{content:'\f42f'} .icon-breakable:before{content:'\f41c'} .icon-briefcase:before{content:'\f25e'} .icon-briefcasethree:before{content:'\f25f'} .icon-briefcasetwo:before{content:'\f0a2'} .icon-brightness:before{content:'\f10a'} .icon-brightnessfull:before{content:'\f10b'} .icon-brightnesshalf:before{content:'\f10c'} .icon-broom:before{content:'\f40a'} .icon-browser:before{content:'\f159'} .icon-brush:before{content:'\f1b8'} .icon-bucket:before{content:'\f1b5'} .icon-bug:before{content:'\f0a7'} .icon-bullhorn:before{content:'\f287'} .icon-bus:before{content:'\f241'} .icon-businesscardalt:before{content:'\f137'} .icon-buttona:before{content:'\f2bf'} .icon-buttonb:before{content:'\f2c0'} .icon-buttonx:before{content:'\f2c1'} .icon-buttony:before{content:'\f2c2'} .icon-cactus-desert:before{content:'\f22c'} .icon-calculator:before{content:'\f258'} .icon-calculatoralt:before{content:'\f265'} .icon-calendar:before{content:'\f20f'} .icon-calendaralt-cronjobs:before{content:'\f0a1'} .icon-camera:before{content:'\f19b'} .icon-candle:before{content:'\f29a'} .icon-candy:before{content:'\f42d'} .icon-candycane:before{content:'\f37d'} .icon-cannon:before{content:'\f401'} .icon-canvas:before{content:'\f1c8'} .icon-canvasrulers:before{content:'\f205'} .icon-capacitator:before{content:'\f3e8'} .icon-capslock:before{content:'\21ea'} .icon-captainamerica:before{content:'\f341'} .icon-carrot:before{content:'\f3f2'} .icon-cashregister:before{content:'\f26e'} .icon-cassette:before{content:'\f377'} .icon-cd-dvd:before{content:'\f0cd'} .icon-certificate:before{content:'\f277'} .icon-certificatealt:before{content:'\f058'} .icon-certificatethree:before{content:'\f059'} .icon-cgi:before{content:'\f086'} .icon-cgicenter:before{content:'\f079'} .icon-chair:before{content:'\2441'} .icon-chat:before{content:'\f162'} .icon-check:before{content:'\f310'} .icon-checkboxalt:before{content:'\f311'} .icon-checkin:before{content:'\f223'} .icon-checkinalt:before{content:'\f227'} .icon-chef:before{content:'\f3ce'} .icon-cherry:before{content:'\f35d'} .icon-chevron-down:before{content:'\f48b'} .icon-chevron-left:before{content:'\f489'} .icon-chevron-right:before{content:'\f488'} .icon-chevron-up:before{content:'\f48a'} .icon-chevrons:before{content:'\f0b5'} .icon-chicken:before{content:'\f359'} .icon-chocolate:before{content:'\f367'} .icon-christiancross:before{content:'\f40f'} .icon-christmastree:before{content:'\f37b'} .icon-chrome:before{content:'\f14e'} .icon-cigarette:before{content:'\f229'} .icon-circle-arrow-down:before{content:'\f475'} .icon-circle-arrow-left:before{content:'\f472'} .icon-circle-arrow-right:before{content:'\f473'} .icon-circle-arrow-up:before{content:'\f474'} .icon-circleadd:before{content:'\f0d1'} .icon-circledelete:before{content:'\f0d2'} .icon-circledown:before{content:'\f3c7'} .icon-circleleft:before{content:'\f3c6'} .icon-circleright:before{content:'\f3c9'} .icon-circleselect:before{content:'\f0d3'} .icon-circleselection:before{content:'\f1b1'} .icon-circleup:before{content:'\f3c8'} .icon-clearformatting:before{content:'\f1e7'} .icon-clipboard-paste:before{content:'\f0cb'} .icon-clockalt-timealt:before{content:'\f22b'} .icon-closetab:before{content:'\f170'} .icon-closewindow:before{content:'\f16e'} .icon-cloud:before{content:'\f0b9'} .icon-clouddownload:before{content:'\f0bb'} .icon-cloudhosting:before{content:'\f007'} .icon-cloudsync:before{content:'\f0bc'} .icon-cloudupload:before{content:'\f0ba'} .icon-clubs:before{content:'\f2f6'} .icon-cmd:before{content:'\f33a'} .icon-cms:before{content:'\f036'} .icon-cmsmadesimple:before{content:'\f0b0'} .icon-codeigniter:before{content:'\f077'} .icon-coffee:before{content:'\f235'} .icon-coffeebean:before{content:'\f366'} .icon-cog:before{content:'\f00f'} .icon-colocation:before{content:'\f024'} .icon-colocationalt:before{content:'\f023'} .icon-colors:before{content:'\f1e6'} .icon-comment:before{content:'\f12c'} .icon-commentout:before{content:'\f080'} .icon-commentround:before{content:'\f155'} .icon-commentroundempty:before{content:'\f156'} .icon-commentroundtyping:before{content:'\f157'} .icon-commentroundtypingempty:before{content:'\f158'} .icon-commenttyping:before{content:'\f12d'} .icon-compass:before{content:'\263c'} .icon-concretefive:before{content:'\f0af'} .icon-contact-businesscard:before{content:'\f040'} .icon-controllernes:before{content:'\f2d2'} .icon-controllerps:before{content:'\f2d1'} .icon-controllersnes:before{content:'\f2d3'} .icon-controlpanel:before{content:'\f008'} .icon-controlpanelalt:before{content:'\f009'} .icon-cooling:before{content:'\f00a'} .icon-coppermine:before{content:'\f0a4'} .icon-copy:before{content:'\f0c9'} .icon-copyright:before{content:'\00a9'} .icon-coupon:before{content:'\f254'} .icon-cpanel:before{content:'\f072'} .icon-cplusplus:before{content:'\f0b1'} .icon-cpu-processor:before{content:'\f002'} .icon-cpualt-processoralt:before{content:'\f003'} .icon-crayon:before{content:'\f383'} .icon-createfile:before{content:'\f0c6'} .icon-createfolder:before{content:'\f0da'} .icon-creativecommons:before{content:'\f1fc'} .icon-creditcard:before{content:'\f279'} .icon-cricket:before{content:'\f418'} .icon-croisant:before{content:'\f29f'} .icon-crop:before{content:'\f1af'} .icon-crown:before{content:'\f28f'} .icon-csharp:before{content:'\f0b2'} .icon-cssthree:before{content:'\f06a'} .icon-cup-coffeealt:before{content:'\f24b'} .icon-cupcake:before{content:'\f35b'} .icon-curling:before{content:'\f3d7'} .icon-cursor:before{content:'\f0dc'} .icon-cut-scissors:before{content:'\f0ca'} .icon-dagger:before{content:'\2020'} .icon-danger:before{content:'\f415'} .icon-dart:before{content:'\f3d4'} .icon-darthvader:before{content:'\f34a'} .icon-database:before{content:'\f00b'} .icon-databaseadd:before{content:'\f00c'} .icon-databasedelete:before{content:'\f00d'} .icon-davidstar:before{content:'\f40e'} .icon-dcsource:before{content:'\f3e9'} .icon-dedicatedserver:before{content:'\f00e'} .icon-deletefile:before{content:'\f0c7'} .icon-deletefolder:before{content:'\f0db'} .icon-delicious:before{content:'\f152'} .icon-designcontest:before{content:'\f351'} .icon-desklamp:before{content:'\f412'} .icon-dialpad:before{content:'\f399'} .icon-diamond:before{content:'\2666'} .icon-diamonds:before{content:'\f2f7'} .icon-die-dice:before{content:'\f2d8'} .icon-diefive:before{content:'\f3fb'} .icon-diefour:before{content:'\f3fa'} .icon-dieone:before{content:'\f3f7'} .icon-diesix:before{content:'\f3fc'} .icon-diethree:before{content:'\f3f9'} .icon-dietwo:before{content:'\f3f8'} .icon-diode:before{content:'\f3e7'} .icon-director:before{content:'\f2ae'} .icon-diskspace:before{content:'\f096'} .icon-distributehorizontalcenters:before{content:'\f1dc'} .icon-distributeverticalcenters:before{content:'\f1db'} .icon-divide:before{content:'\00f7'} .icon-dna:before{content:'\f409'} .icon-dnszone:before{content:'\f07f'} .icon-document:before{content:'\f0c2'} .icon-doghouse:before{content:'\f38f'} .icon-dollar:before{content:'\24'} .icon-dollaralt:before{content:'\f259'} .icon-dolphinsoftware:before{content:'\f064'} .icon-domain:before{content:'\f01d'} .icon-domainaddon:before{content:'\f053'} .icon-domino:before{content:'\f3d5'} .icon-donut:before{content:'\f3ca'} .icon-downleft:before{content:'\f2ff'} .icon-download:before{content:'\f47b'} .icon-download-alt:before{content:'\f11a'} .icon-downright:before{content:'\f300'} .icon-draft:before{content:'\f172'} .icon-dreamweaver:before{content:'\f1d0'} .icon-dribbble:before{content:'\f14c'} .icon-dropmenu:before{content:'\f0a5'} .icon-drupal:before{content:'\f075'} .icon-drwho:before{content:'\f3c0'} .icon-edit:before{content:'\f47c'} .icon-editalt:before{content:'\f0f2'} .icon-egg:before{content:'\f407'} .icon-eightball:before{content:'\f36e'} .icon-eject:before{content:'\f199'} .icon-elipse:before{content:'\f1bc'} .icon-emailalt:before{content:'\f136'} .icon-emailexport:before{content:'\f176'} .icon-emailforward:before{content:'\f175'} .icon-emailforwarders:before{content:'\f049'} .icon-emailimport:before{content:'\f177'} .icon-emailrefresh:before{content:'\f174'} .icon-emailtrace:before{content:'\f091'} .icon-emergency:before{content:'\f246'} .icon-emptycart:before{content:'\f395'} .icon-enter:before{content:'\f323'} .icon-envelope:before{content:'\f028'} .icon-equalizer:before{content:'\f18e'} .icon-equalizeralt:before{content:'\f18f'} .icon-equals:before{content:'\f30c'} .icon-eraser:before{content:'\f1f1'} .icon-erroralt:before{content:'\f05a'} .icon-euro:before{content:'\20ac'} .icon-euroalt:before{content:'\f25a'} .icon-evernote:before{content:'\f17c'} .icon-exchange-currency:before{content:'\f26b'} .icon-exclamation-sign:before{content:'\f04a'} .icon-excludeshape:before{content:'\f200'} .icon-exit:before{content:'\f324'} .icon-explorerwindow:before{content:'\f0d9'} .icon-exportfile:before{content:'\f32f'} .icon-exposure:before{content:'\f1de'} .icon-extinguisher:before{content:'\f2b7'} .icon-eye-close:before{content:'\f481'} .icon-eye-open:before{content:'\f2b5'} .icon-eye-view:before{content:'\f280'} .icon-eyedropper:before{content:'\f1ad'} .icon-facebook:before{content:'\f140'} .icon-facebookalt:before{content:'\f14b'} .icon-facetime-video:before{content:'\f19c'} .icon-factory:before{content:'\f27a'} .icon-fantastico:before{content:'\f0ae'} .icon-faq:before{content:'\f099'} .icon-fast-backward:before{content:'\f47e'} .icon-fast-forward:before{content:'\f47f'} .icon-fastdown:before{content:'\f31d'} .icon-fastleft:before{content:'\f31a'} .icon-fastright:before{content:'\f31b'} .icon-fastup:before{content:'\f31c'} .icon-favoritefile:before{content:'\f381'} .icon-favoritefolder:before{content:'\f382'} .icon-featheralt-write:before{content:'\f1c5'} .icon-fedora:before{content:'\f3f1'} .icon-fence:before{content:'\f2af'} .icon-file:before{content:'\f0d6'} .icon-film:before{content:'\f19d'} .icon-filmstrip:before{content:'\f3ed'} .icon-filter:before{content:'\f05c'} .icon-finder:before{content:'\f398'} .icon-fire:before{content:'\f27f'} .icon-firefox:before{content:'\f420'} .icon-firewall:before{content:'\f021'} .icon-firewire:before{content:'\f0fc'} .icon-firstaid:before{content:'\f2ba'} .icon-fish:before{content:'\f35a'} .icon-fishbone:before{content:'\f42b'} .icon-flag:before{content:'\f487'} .icon-flagalt:before{content:'\f232'} .icon-flagtriangle:before{content:'\f20b'} .icon-flash:before{content:'\f1cf'} .icon-flashlight:before{content:'\f299'} .icon-flashplayer:before{content:'\f070'} .icon-flaskfull:before{content:'\f27e'} .icon-flickr:before{content:'\f146'} .icon-flower:before{content:'\f2a5'} .icon-flowernew:before{content:'\f3a8'} .icon-folder-close:before{content:'\f094'} .icon-folder-open:before{content:'\f483'} .icon-foldertree:before{content:'\f0f0'} .icon-font:before{content:'\f1ae'} .icon-foodtray:before{content:'\f3d0'} .icon-football-soccer:before{content:'\f2eb'} .icon-forbiddenalt:before{content:'\f314'} .icon-forest-tree:before{content:'\f217'} .icon-forestalt-treealt:before{content:'\f21c'} .icon-fork:before{content:'\22d4'} .icon-forklift:before{content:'\f29b'} .icon-form:before{content:'\f08c'} .icon-forrst:before{content:'\f14d'} .icon-fort:before{content:'\f400'} .icon-forward:before{content:'\f182'} .icon-fourohfour:before{content:'\f09d'} .icon-foursquare:before{content:'\f42a'} .icon-freeway:before{content:'\f24a'} .icon-fridge:before{content:'\f40d'} .icon-fries:before{content:'\f36a'} .icon-ftp:before{content:'\f029'} .icon-ftpaccounts:before{content:'\f07b'} .icon-ftpsession:before{content:'\f07c'} .icon-fullscreen:before{content:'\f485'} .icon-gameboy:before{content:'\f403'} .icon-gamecursor:before{content:'\f2d0'} .icon-gasstation:before{content:'\f216'} .icon-gearfour:before{content:'\f3a7'} .icon-ghost:before{content:'\f2da'} .icon-gift:before{content:'\f260'} .icon-github:before{content:'\f081'} .icon-glass:before{content:'\f236'} .icon-glasses:before{content:'\f295'} .icon-glassesalt:before{content:'\f39d'} .icon-globe:before{content:'\f01b'} .icon-globealt:before{content:'\f36c'} .icon-glue:before{content:'\f36d'} .icon-gmail:before{content:'\f150'} .icon-golf:before{content:'\f2f1'} .icon-googledrive:before{content:'\f163'} .icon-googleplus:before{content:'\f165'} .icon-googlewallet:before{content:'\f270'} .icon-gpsoff-gps:before{content:'\f21e'} .icon-gpson:before{content:'\f21f'} .icon-gpu-graphicscard:before{content:'\f108'} .icon-gradient:before{content:'\2207'} .icon-grails:before{content:'\f085'} .icon-greenlantern:before{content:'\f340'} .icon-greenlightbulb:before{content:'\f406'} .icon-grooveshark:before{content:'\f3a2'} .icon-groups-friends:before{content:'\f134'} .icon-guitar:before{content:'\f19a'} .icon-halflife:before{content:'\f3ba'} .icon-halo:before{content:'\f3bb'} .icon-hamburger:before{content:'\f2b3'} .icon-hammer:before{content:'\f291'} .icon-hand-down:before{content:'\f387'} .icon-hand-left:before{content:'\f389'} .icon-hand-right:before{content:'\f388'} .icon-hand-up:before{content:'\f0dd'} .icon-handcuffs:before{content:'\f393'} .icon-handdrag:before{content:'\f0de'} .icon-handtwofingers:before{content:'\f0df'} .icon-hanger:before{content:'\f2ab'} .icon-happy:before{content:'\f13c'} .icon-harrypotter:before{content:'\f38b'} .icon-hdd:before{content:'\f02a'} .icon-hdtv:before{content:'\f1a0'} .icon-headphones:before{content:'\f180'} .icon-headphonesalt:before{content:'\f1a3'} .icon-heart:before{content:'\f131'} .icon-heartempty-love:before{content:'\f132'} .icon-hearts:before{content:'\f2f4'} .icon-helicopter:before{content:'\f3e4'} .icon-hexagon-polygon:before{content:'\f1be'} .icon-hockey:before{content:'\f3d9'} .icon-home:before{content:'\21b8'} .icon-homealt:before{content:'\f02b'} .icon-hospital:before{content:'\f247'} .icon-hotdog:before{content:'\f3cc'} .icon-hotlinkprotection:before{content:'\f050'} .icon-hourglassalt:before{content:'\f122'} .icon-html:before{content:'\f068'} .icon-htmlfive:before{content:'\f069'} .icon-hydrant:before{content:'\f3ff'} .icon-icecream:before{content:'\f2a4'} .icon-icecreamalt:before{content:'\f289'} .icon-illustrator:before{content:'\f1ce'} .icon-imac:before{content:'\f0fb'} .icon-images-gallery:before{content:'\f09f'} .icon-importcontacts:before{content:'\f092'} .icon-importfile:before{content:'\f32e'} .icon-inbox:before{content:'\f17a'} .icon-inboxalt:before{content:'\f178'} .icon-incomingcall:before{content:'\f15d'} .icon-indent-left:before{content:'\f1f2'} .icon-indent-right:before{content:'\f1f3'} .icon-indexmanager:before{content:'\f09e'} .icon-infinity:before{content:'\221e'} .icon-info-sign:before{content:'\f315'} .icon-infographic:before{content:'\f336'} .icon-ink:before{content:'\f3f6'} .icon-inkpen:before{content:'\f1ac'} .icon-insertbarchart:before{content:'\f1e5'} .icon-insertpicture:before{content:'\f1e0'} .icon-insertpicturecenter:before{content:'\f1e3'} .icon-insertpictureleft:before{content:'\f1e1'} .icon-insertpictureright:before{content:'\f1e2'} .icon-insertpiechart:before{content:'\f1e4'} .icon-instagram:before{content:'\f14a'} .icon-install:before{content:'\f128'} .icon-intel:before{content:'\f01f'} .icon-intersection:before{content:'\2229'} .icon-intersectshape:before{content:'\f1ff'} .icon-invert:before{content:'\f1df'} .icon-invoice:before{content:'\f3e5'} .icon-ipcontrol:before{content:'\f08b'} .icon-iphone:before{content:'\f0e6'} .icon-ipod:before{content:'\f190'} .icon-ironman:before{content:'\f349'} .icon-islam:before{content:'\f410'} .icon-island:before{content:'\f392'} .icon-italic:before{content:'\f1f5'} .icon-jar:before{content:'\f2b6'} .icon-jason:before{content:'\f38c'} .icon-java:before{content:'\f083'} .icon-joomla:before{content:'\f073'} .icon-joystickarcade:before{content:'\f2d4'} .icon-joystickatari:before{content:'\f2d5'} .icon-jquery:before{content:'\f06b'} .icon-jqueryui:before{content:'\f06c'} .icon-kerning:before{content:'\f1e9'} .icon-key:before{content:'\f093'} .icon-keyboard:before{content:'\f119'} .icon-keyboardalt:before{content:'\f105'} .icon-keyboarddelete:before{content:'\f3a6'} .icon-kidney:before{content:'\f3e0'} .icon-king:before{content:'\f2fc'} .icon-knife:before{content:'\f214'} .icon-knight:before{content:'\f2fb'} .icon-knob:before{content:'\f376'} .icon-lab-flask:before{content:'\f27d'} .icon-lamp:before{content:'\f2b1'} .icon-lan:before{content:'\f0ee'} .icon-language:before{content:'\f042'} .icon-laptop:before{content:'\f0d8'} .icon-lasso:before{content:'\f396'} .icon-lastfm:before{content:'\f3a3'} .icon-laugh:before{content:'\f13f'} .icon-law:before{content:'\f263'} .icon-layers:before{content:'\f1ca'} .icon-layersalt:before{content:'\f1cb'} .icon-leaf:before{content:'\f039'} .icon-leechprotect:before{content:'\f07e'} .icon-legacyfilemanager:before{content:'\f095'} .icon-lego:before{content:'\f370'} .icon-lifeempty:before{content:'\f2e1'} .icon-lifefull:before{content:'\f2e3'} .icon-lifehacker:before{content:'\f380'} .icon-lifehalf:before{content:'\f2e2'} .icon-lifepreserver:before{content:'\f015'} .icon-lightbulb-idea:before{content:'\f338'} .icon-lighthouse:before{content:'\f3e6'} .icon-lightning:before{content:'\f231'} .icon-lightningalt:before{content:'\f2a8'} .icon-line:before{content:'\f1bf'} .icon-lineheight:before{content:'\f1c0'} .icon-link:before{content:'\f022'} .icon-linkalt:before{content:'\f333'} .icon-linkedin:before{content:'\f166'} .icon-linux:before{content:'\f01a'} .icon-list:before{content:'\f111'} .icon-list-alt:before{content:'\f480'} .icon-liver:before{content:'\f3e2'} .icon-loading-hourglass:before{content:'\f123'} .icon-loadingalt:before{content:'\f339'} .icon-lock:before{content:'\f0be'} .icon-lockalt-keyhole:before{content:'\f0eb'} .icon-lollypop:before{content:'\f3ee'} .icon-lungs:before{content:'\f3df'} .icon-macpro:before{content:'\f3a5'} .icon-macro-plant:before{content:'\f1c6'} .icon-magazine:before{content:'\f1ec'} .icon-magento:before{content:'\f06e'} .icon-magnet:before{content:'\f281'} .icon-mailbox:before{content:'\f044'} .icon-mailinglists:before{content:'\f090'} .icon-man-male:before{content:'\f2a1'} .icon-managedhosting:before{content:'\f038'} .icon-map:before{content:'\f209'} .icon-map-marker:before{content:'\f220'} .icon-marker:before{content:'\f204'} .icon-marvin:before{content:'\f3dd'} .icon-mastercard:before{content:'\f266'} .icon-maximize:before{content:'\f30f'} .icon-medal:before{content:'\f2e5'} .icon-medalbronze:before{content:'\f2e8'} .icon-medalgold:before{content:'\f2e6'} .icon-medalsilver:before{content:'\f2e7'} .icon-mediarepeat:before{content:'\f187'} .icon-men:before{content:'\f24c'} .icon-menu:before{content:'\f127'} .icon-merge:before{content:'\f334'} .icon-mergecells:before{content:'\f327'} .icon-mergeshapes:before{content:'\f201'} .icon-metro-subway:before{content:'\f24f'} .icon-metronome:before{content:'\f374'} .icon-mickeymouse:before{content:'\f37a'} .icon-microphone:before{content:'\f191'} .icon-microscope:before{content:'\f283'} .icon-microsd:before{content:'\f107'} .icon-microwave:before{content:'\f42e'} .icon-mimetype:before{content:'\f057'} .icon-minimize:before{content:'\f30e'} .icon-minus:before{content:'\2212'} .icon-minus-sign:before{content:'\f477'} .icon-missedcall:before{content:'\f15c'} .icon-mobile:before{content:'\f0e8'} .icon-moleskine:before{content:'\f1f0'} .icon-money-cash:before{content:'\f27b'} .icon-moneybag:before{content:'\f271'} .icon-monitor:before{content:'\f0d5'} .icon-monstersinc:before{content:'\f3bd'} .icon-moon-night:before{content:'\f207'} .icon-mouse:before{content:'\f0d4'} .icon-mousealt:before{content:'\f126'} .icon-move:before{content:'\f322'} .icon-movieclapper:before{content:'\f193'} .icon-moviereel:before{content:'\f17f'} .icon-muffin:before{content:'\f363'} .icon-mug:before{content:'\f24e'} .icon-mushroom:before{content:'\f35e'} .icon-music:before{content:'\f181'} .icon-musicalt:before{content:'\f18d'} .icon-mutealt:before{content:'\f0e5'} .icon-mxentry:before{content:'\f07a'} .icon-mybb:before{content:'\f065'} .icon-myspace:before{content:'\f153'} .icon-mysql-dolphin:before{content:'\f076'} .icon-nail:before{content:'\f428'} .icon-navigation:before{content:'\f23a'} .icon-network:before{content:'\f0a6'} .icon-networksignal:before{content:'\f3a9'} .icon-news:before{content:'\f256'} .icon-newtab:before{content:'\f16f'} .icon-newwindow:before{content:'\f16d'} .icon-next:before{content:'\f18a'} .icon-nexus:before{content:'\f0e7'} .icon-nintendods:before{content:'\f404'} .icon-nodejs:before{content:'\f084'} .icon-notes:before{content:'\f0d7'} .icon-notificationbottom:before{content:'\f144'} .icon-notificationtop:before{content:'\f145'} .icon-nut:before{content:'\f427'} .icon-off:before{content:'\f11d'} .icon-office-building:before{content:'\f245'} .icon-officechair:before{content:'\f26d'} .icon-ok:before{content:'\2713'} .icon-ok-circle:before{content:'\f471'} .icon-ok-sign:before{content:'\f479'} .icon-oneup:before{content:'\f3b7'} .icon-oneupalt:before{content:'\f3b6'} .icon-opencart:before{content:'\f060'} .icon-opennewwindow:before{content:'\f332'} .icon-orange:before{content:'\f29e'} .icon-outbox:before{content:'\f179'} .icon-outgoingcall:before{content:'\f15e'} .icon-oxwall:before{content:'\f06d'} .icon-pacman:before{content:'\f2db'} .icon-pageback:before{content:'\f31e'} .icon-pagebreak:before{content:'\f1cc'} .icon-pageforward:before{content:'\f31f'} .icon-pagesetup:before{content:'\f331'} .icon-paintbrush:before{content:'\f1e8'} .icon-paintroll:before{content:'\f1fa'} .icon-palette-painting:before{content:'\f1b9'} .icon-paperclip:before{content:'\f284'} .icon-paperclipalt:before{content:'\f285'} .icon-paperclipvertical:before{content:'\f286'} .icon-paperplane:before{content:'\f296'} .icon-parentheses:before{content:'\f3c4'} .icon-parkeddomain:before{content:'\f055'} .icon-password:before{content:'\f03e'} .icon-passwordalt:before{content:'\f03f'} .icon-pasta:before{content:'\f408'} .icon-patch:before{content:'\f2a3'} .icon-path:before{content:'\f169'} .icon-pause:before{content:'\f186'} .icon-paw-pet:before{content:'\f29d'} .icon-pawn:before{content:'\f2f8'} .icon-paypal:before{content:'\f267'} .icon-peace:before{content:'\f2a7'} .icon-pen:before{content:'\f1ee'} .icon-pencil:before{content:'\f1b7'} .icon-pepperoni:before{content:'\f364'} .icon-percent:before{content:'\25'} .icon-perl-camel:before{content:'\f0b6'} .icon-perlalt:before{content:'\f0b7'} .icon-phone-call:before{content:'\f14f'} .icon-phonealt:before{content:'\f15b'} .icon-phonebook:before{content:'\f149'} .icon-phonebookalt:before{content:'\f135'} .icon-phonemic:before{content:'\f391'} .icon-phoneold:before{content:'\f148'} .icon-photoshop:before{content:'\f1cd'} .icon-php:before{content:'\f09c'} .icon-phpbb:before{content:'\f063'} .icon-phppear:before{content:'\f09b'} .icon-piano:before{content:'\f19e'} .icon-picture:before{content:'\22b7'} .icon-pictureframe:before{content:'\f41e'} .icon-piggybank:before{content:'\f257'} .icon-pigpena:before{content:'\f456'} .icon-pigpenb:before{content:'\f457'} .icon-pigpenc:before{content:'\f458'} .icon-pigpend:before{content:'\f459'} .icon-pigpene:before{content:'\f45a'} .icon-pigpenf:before{content:'\f45b'} .icon-pigpeng:before{content:'\f45c'} .icon-pigpenh:before{content:'\f45d'} .icon-pigpeni:before{content:'\f45e'} .icon-pigpenj:before{content:'\f45f'} .icon-pigpenk:before{content:'\f460'} .icon-pigpenl:before{content:'\f461'} .icon-pigpenm:before{content:'\f462'} .icon-pigpenn:before{content:'\f463'} .icon-pigpeno:before{content:'\f464'} .icon-pigpenp:before{content:'\f465'} .icon-pigpenq:before{content:'\f466'} .icon-pigpenr:before{content:'\f467'} .icon-pigpens:before{content:'\f468'} .icon-pigpent:before{content:'\f469'} .icon-pigpenu:before{content:'\f46a'} .icon-pigpenv:before{content:'\f46b'} .icon-pigpenw:before{content:'\f46c'} .icon-pigpenx:before{content:'\f46d'} .icon-pigpeny:before{content:'\f46e'} .icon-pigpenz:before{content:'\f46f'} .icon-pilcrow:before{content:'\00b6'} .icon-pill-antivirusalt:before{content:'\f0aa'} .icon-pin:before{content:'\f20a'} .icon-pipe:before{content:'\01c0'} .icon-piwigo:before{content:'\f0ad'} .icon-pizza:before{content:'\f35c'} .icon-placeadd:before{content:'\f221'} .icon-placealt:before{content:'\f224'} .icon-placealtadd:before{content:'\f225'} .icon-placealtdelete:before{content:'\f226'} .icon-placedelete:before{content:'\f222'} .icon-placeios:before{content:'\f20c'} .icon-plane:before{content:'\f23e'} .icon-plaque:before{content:'\f2b8'} .icon-play:before{content:'\f184'} .icon-play-circle:before{content:'\f17e'} .icon-playstore:before{content:'\f255'} .icon-playvideo:before{content:'\f03d'} .icon-plug:before{content:'\f0ea'} .icon-pluginalt:before{content:'\f098'} .icon-plus:before{content:'\002b'} .icon-plus-sign:before{content:'\f476'} .icon-pocket:before{content:'\f16b'} .icon-podcast:before{content:'\f1a2'} .icon-podium-winner:before{content:'\f2d6'} .icon-pokemon:before{content:'\f354'} .icon-police:before{content:'\f2aa'} .icon-polygonlasso:before{content:'\f397'} .icon-post:before{content:'\f12e'} .icon-postalt:before{content:'\f130'} .icon-pound:before{content:'\f25b'} .icon-poundalt:before{content:'\f25c'} .icon-powerjack:before{content:'\f0fd'} .icon-powerplug:before{content:'\f0ed'} .icon-powerplugeu:before{content:'\f28b'} .icon-powerplugus:before{content:'\f28c'} .icon-presentation:before{content:'\f0c4'} .icon-prestashop:before{content:'\f061'} .icon-pretzel:before{content:'\f3cf'} .icon-preview:before{content:'\f330'} .icon-previous:before{content:'\f18b'} .icon-print:before{content:'\f125'} .icon-protecteddirectory:before{content:'\f04d'} .icon-pscircle:before{content:'\f2bb'} .icon-pscursor:before{content:'\f2c3'} .icon-psdown:before{content:'\f2c6'} .icon-psleft:before{content:'\f2c7'} .icon-pslone:before{content:'\f2cc'} .icon-psltwo:before{content:'\f2cd'} .icon-psright:before{content:'\f2c5'} .icon-psrone:before{content:'\f2ce'} .icon-psrtwo:before{content:'\f2cf'} .icon-pssquare:before{content:'\f2bc'} .icon-pstriangle:before{content:'\f2bd'} .icon-psup:before{content:'\f2c4'} .icon-psx:before{content:'\f2be'} .icon-pull:before{content:'\f089'} .icon-punisher:before{content:'\f343'} .icon-push:before{content:'\f088'} .icon-puzzle-plugin:before{content:'\f0a0'} .icon-python:before{content:'\f071'} .icon-qrcode:before{content:'\f275'} .icon-quake:before{content:'\f355'} .icon-queen:before{content:'\f2fd'} .icon-query:before{content:'\f08a'} .icon-question-sign:before{content:'\f0a3'} .icon-quote:before{content:'\f12f'} .icon-quotedown:before{content:'\f329'} .icon-quoteup:before{content:'\f328'} .icon-raceflag:before{content:'\f38e'} .icon-racquet:before{content:'\f2f2'} .icon-radio:before{content:'\f1a1'} .icon-radioactive:before{content:'\f282'} .icon-radiobutton:before{content:'\f312'} .icon-railroad:before{content:'\f248'} .icon-rain:before{content:'\f22f'} .icon-ram:before{content:'\f02c'} .icon-random:before{content:'\f188'} .icon-rar:before{content:'\f117'} .icon-raspberry:before{content:'\f368'} .icon-raspberrypi:before{content:'\f369'} .icon-rawaccesslogs:before{content:'\f0c1'} .icon-razor:before{content:'\f416'} .icon-reademail:before{content:'\f173'} .icon-record:before{content:'\f189'} .icon-rectangle:before{content:'\25ad'} .icon-recycle:before{content:'\f297'} .icon-reddit:before{content:'\f154'} .icon-redirect:before{content:'\f054'} .icon-refresh:before{content:'\f078'} .icon-reliability:before{content:'\f016'} .icon-remote:before{content:'\f298'} .icon-remove:before{content:'\00d7'} .icon-remove-circle:before{content:'\f470'} .icon-remove-sign:before{content:'\f478'} .icon-removefriend:before{content:'\f3db'} .icon-repeat:before{content:'\f32b'} .icon-repeatone:before{content:'\f196'} .icon-resellerhosting:before{content:'\f03a'} .icon-residentevil:before{content:'\f350'} .icon-resistor:before{content:'\f3eb'} .icon-resize:before{content:'\f1ed'} .icon-resize-full:before{content:'\f325'} .icon-resize-horizontal:before{content:'\f318'} .icon-resize-small:before{content:'\f326'} .icon-resize-vertical:before{content:'\f319'} .icon-restart:before{content:'\f11f'} .icon-restaurantmenu:before{content:'\f362'} .icon-restore:before{content:'\f30d'} .icon-restricted:before{content:'\f0ab'} .icon-retweet:before{content:'\f486'} .icon-rim:before{content:'\f36f'} .icon-ring:before{content:'\02da'} .icon-road:before{content:'\f249'} .icon-roadsign-roadsignright:before{content:'\f21b'} .icon-roadsignleft:before{content:'\f240'} .icon-robocop:before{content:'\f357'} .icon-rocket-launch:before{content:'\f29c'} .icon-rook:before{content:'\f2fa'} .icon-root:before{content:'\f33c'} .icon-rorschach:before{content:'\f358'} .icon-rotateclockwise:before{content:'\f202'} .icon-rotatecounterclockwise:before{content:'\f203'} .icon-roundrectangle:before{content:'\f1bd'} .icon-route:before{content:'\f402'} .icon-router:before{content:'\f0e9'} .icon-rss:before{content:'\f17b'} .icon-rubberstamp:before{content:'\f274'} .icon-ruby:before{content:'\f067'} .icon-ruler:before{content:'\f1ef'} .icon-sad:before{content:'\f13d'} .icon-safetypin:before{content:'\f417'} .icon-satellite:before{content:'\f38a'} .icon-satellitedish-remotemysql:before{content:'\f0c0'} .icon-save-floppy:before{content:'\f0c8'} .icon-scales:before{content:'\f3fd'} .icon-science-atom:before{content:'\f2b0'} .icon-scope-scan:before{content:'\f212'} .icon-scopealt:before{content:'\f237'} .icon-screenshot:before{content:'\f109'} .icon-screw:before{content:'\f426'} .icon-screwdriver:before{content:'\f292'} .icon-screwdriveralt:before{content:'\f293'} .icon-script:before{content:'\f08d'} .icon-sd:before{content:'\f106'} .icon-search:before{content:'\f0c5'} .icon-searchdocument:before{content:'\f419'} .icon-searchfolder:before{content:'\f41a'} .icon-security-shield:before{content:'\f02d'} .icon-securityalt-shieldalt:before{content:'\f02e'} .icon-selection-rectangleselection:before{content:'\f1b0'} .icon-selectionadd:before{content:'\f1b2'} .icon-selectionintersect:before{content:'\f1b4'} .icon-selectionremove:before{content:'\f1b3'} .icon-seo:before{content:'\f030'} .icon-server:before{content:'\f026'} .icon-servers:before{content:'\f027'} .icon-settingsandroid:before{content:'\f309'} .icon-settingsfour-gearsalt:before{content:'\f306'} .icon-settingsthree-gears:before{content:'\f307'} .icon-settingstwo-gearalt:before{content:'\f308'} .icon-shades-sunglasses:before{content:'\f294'} .icon-shapes:before{content:'\f1dd'} .icon-share:before{content:'\f47d'} .icon-share-alt:before{content:'\f16c'} .icon-sharealt:before{content:'\f147'} .icon-sharedfile:before{content:'\f0ef'} .icon-sharedhosting:before{content:'\f037'} .icon-sharethree:before{content:'\f414'} .icon-sheriff:before{content:'\f2a9'} .icon-shipping:before{content:'\f23f'} .icon-shopping:before{content:'\f010'} .icon-shopping-cart:before{content:'\f035'} .icon-shoppingbag:before{content:'\f273'} .icon-shortcut:before{content:'\f043'} .icon-shovel:before{content:'\f290'} .icon-shredder:before{content:'\f27c'} .icon-shutdown:before{content:'\f11e'} .icon-sidebar:before{content:'\f124'} .icon-signal:before{content:'\f100'} .icon-sim:before{content:'\f0e1'} .icon-simalt:before{content:'\f121'} .icon-skrill:before{content:'\f268'} .icon-skull:before{content:'\f38d'} .icon-skype:before{content:'\f141'} .icon-skypeaway:before{content:'\f39f'} .icon-skypebusy:before{content:'\f3a0'} .icon-skypeoffline:before{content:'\f3a1'} .icon-skypeonline:before{content:'\f39e'} .icon-smaller:before{content:'\f30b'} .icon-smf:before{content:'\f062'} .icon-smile:before{content:'\263a'} .icon-snow:before{content:'\f22e'} .icon-snowman:before{content:'\f37c'} .icon-socialnetwork:before{content:'\f03b'} .icon-software:before{content:'\f09a'} .icon-sortbynameascending-atoz:before{content:'\f1c2'} .icon-sortbynamedescending-ztoa:before{content:'\f1c1'} .icon-sortbysizeascending:before{content:'\f1c3'} .icon-sortbysizedescending:before{content:'\f1c4'} .icon-soundwave:before{content:'\f194'} .icon-soup:before{content:'\f3d1'} .icon-spaceinvaders:before{content:'\f352'} .icon-spades:before{content:'\f2f5'} .icon-spam:before{content:'\f047'} .icon-spamalt:before{content:'\f048'} .icon-spawn:before{content:'\f344'} .icon-speaker:before{content:'\f372'} .icon-speed:before{content:'\f40b'} .icon-spider:before{content:'\f346'} .icon-spiderman:before{content:'\f347'} .icon-split:before{content:'\f335'} .icon-spoon:before{content:'\f213'} .icon-spray:before{content:'\f1c7'} .icon-spreadsheet:before{content:'\f0c3'} .icon-squareapp:before{content:'\f26f'} .icon-squarebrackets:before{content:'\f0b3'} .icon-ssh:before{content:'\f04e'} .icon-sslmanager:before{content:'\f04f'} .icon-stadium:before{content:'\f3d6'} .icon-stamp:before{content:'\f242'} .icon-stampalt:before{content:'\f243'} .icon-star:before{content:'\f13a'} .icon-star-empty:before{content:'\f13b'} .icon-starempty:before{content:'\f2de'} .icon-starfull:before{content:'\f2e0'} .icon-starhalf:before{content:'\f2df'} .icon-steak:before{content:'\f360'} .icon-steam:before{content:'\f2dd'} .icon-step-backward:before{content:'\f198'} .icon-step-forward:before{content:'\f197'} .icon-sticker:before{content:'\f3f5'} .icon-stiletto:before{content:'\f429'} .icon-stockdown:before{content:'\f252'} .icon-stocks:before{content:'\f250'} .icon-stockup:before{content:'\f251'} .icon-stomach:before{content:'\f3e1'} .icon-stop:before{content:'\f185'} .icon-stopwatch:before{content:'\f219'} .icon-storage-box:before{content:'\f011'} .icon-storagealt-drawer:before{content:'\f012'} .icon-store:before{content:'\f272'} .icon-storm:before{content:'\f230'} .icon-stove:before{content:'\f371'} .icon-strawberry:before{content:'\f3f3'} .icon-strikethrough:before{content:'\f1f7'} .icon-student-school:before{content:'\f288'} .icon-stumbleupon:before{content:'\f40c'} .icon-subdomain:before{content:'\f052'} .icon-submarine:before{content:'\f373'} .icon-subscript:before{content:'\f1ea'} .icon-subtractshape:before{content:'\f1fe'} .icon-sum:before{content:'\f33b'} .icon-sun-day:before{content:'\f206'} .icon-sunnysideup:before{content:'\f365'} .icon-superman:before{content:'\f33f'} .icon-superscript:before{content:'\f1eb'} .icon-support:before{content:'\f013'} .icon-supportalt:before{content:'\f014'} .icon-switch:before{content:'\f28a'} .icon-switchoff:before{content:'\f32d'} .icon-switchoffalt:before{content:'\f28e'} .icon-switchon:before{content:'\f32c'} .icon-switchonalt:before{content:'\f28d'} .icon-sword:before{content:'\f2ed'} .icon-sync:before{content:'\f0bd'} .icon-syncalt:before{content:'\f11c'} .icon-synckeeplocal:before{content:'\f33e'} .icon-synckeepserver:before{content:'\f33d'} .icon-syringe-antivirus:before{content:'\f0a9'} .icon-tablet:before{content:'\f118'} .icon-tabletennis-pingpong:before{content:'\f2f0'} .icon-taco:before{content:'\f3cd'} .icon-tag:before{content:'\f032'} .icon-tagalt-pricealt:before{content:'\f264'} .icon-tags:before{content:'\f482'} .icon-tagvertical:before{content:'\f15f'} .icon-tank:before{content:'\f423'} .icon-target:before{content:'\f2a6'} .icon-taskmanager-logprograms:before{content:'\f04b'} .icon-tasks:before{content:'\f0e0'} .icon-taxi:before{content:'\f3a4'} .icon-tea:before{content:'\f3cb'} .icon-teapot:before{content:'\f42c'} .icon-telescope:before{content:'\f3ef'} .icon-temperature-thermometer:before{content:'\f20d'} .icon-temperaturealt-thermometeralt:before{content:'\f20e'} .icon-tennis:before{content:'\f2ea'} .icon-tent-camping:before{content:'\f215'} .icon-terminal:before{content:'\f114'} .icon-tethering:before{content:'\f0f1'} .icon-tetrisone:before{content:'\f34b'} .icon-tetristhree:before{content:'\f34d'} .icon-tetristwo:before{content:'\f34c'} .icon-text-height:before{content:'\f1f8'} .icon-text-width:before{content:'\f1f9'} .icon-th:before{content:'\f110'} .icon-th-large:before{content:'\f112'} .icon-th-list:before{content:'\f113'} .icon-theather:before{content:'\f39c'} .icon-theme-style:before{content:'\f041'} .icon-thissideup:before{content:'\f41d'} .icon-threecolumns:before{content:'\f1ab'} .icon-thumbs-down:before{content:'\f139'} .icon-thumbs-up:before{content:'\f138'} .icon-ticket:before{content:'\f3dc'} .icon-tictactoe:before{content:'\f39a'} .icon-tie-business:before{content:'\2040'} .icon-time:before{content:'\f210'} .icon-timeline:before{content:'\f253'} .icon-tint:before{content:'\f208'} .icon-toast:before{content:'\f2ad'} .icon-toiletpaper:before{content:'\f384'} .icon-tooth:before{content:'\f3de'} .icon-toothbrush:before{content:'\f385'} .icon-tophat:before{content:'\f3f0'} .icon-torigate:before{content:'\f411'} .icon-touchpad:before{content:'\f115'} .icon-trafficlight:before{content:'\f22a'} .icon-transform:before{content:'\f1a6'} .icon-trash:before{content:'\f0ce'} .icon-trashempty:before{content:'\f0cf'} .icon-trashfull:before{content:'\f0d0'} .icon-travel:before{content:'\f422'} .icon-treediagram:before{content:'\f0ec'} .icon-treeornament:before{content:'\f37e'} .icon-triangle:before{content:'\25b3'} .icon-tron:before{content:'\f34f'} .icon-trophy:before{content:'\f2d7'} .icon-truck:before{content:'\f211'} .icon-trumpet:before{content:'\f375'} .icon-tumblr:before{content:'\f164'} .icon-tv:before{content:'\f1a4'} .icon-twitter:before{content:'\f16a'} .icon-twocolumnsleft:before{content:'\f1a9'} .icon-twocolumnsleftalt:before{content:'\f1aa'} .icon-twocolumnsright:before{content:'\f1a7'} .icon-twocolumnsrightalt:before{content:'\f1a8'} .icon-ubuntu:before{content:'\f120'} .icon-umbrella:before{content:'\f218'} .icon-underline:before{content:'\f1f6'} .icon-undo:before{content:'\f32a'} .icon-unlock:before{content:'\f0bf'} .icon-upleft:before{content:'\f302'} .icon-upload:before{content:'\f47a'} .icon-uploadalt:before{content:'\f11b'} .icon-upright:before{content:'\f303'} .icon-uptime:before{content:'\f017'} .icon-usb:before{content:'\f10d'} .icon-usbalt:before{content:'\f10e'} .icon-usbplug:before{content:'\f10f'} .icon-user:before{content:'\f133'} .icon-userfilter:before{content:'\f05d'} .icon-usfootball:before{content:'\f2ec'} .icon-value-coins:before{content:'\f018'} .icon-vector:before{content:'\f1b6'} .icon-vendetta:before{content:'\f3c5'} .icon-video:before{content:'\f17d'} .icon-viking:before{content:'\f379'} .icon-vimeo:before{content:'\f168'} .icon-vinyl:before{content:'\f0cc'} .icon-violin:before{content:'\f1a5'} .icon-virus:before{content:'\f0a8'} .icon-visa:before{content:'\f3c2'} .icon-visitor:before{content:'\f097'} .icon-vlc-cone:before{content:'\f192'} .icon-voice:before{content:'\f18c'} .icon-volume-down:before{content:'\f0e3'} .icon-volume-off:before{content:'\f0e4'} .icon-volume-up:before{content:'\f0e2'} .icon-vps:before{content:'\f025'} .icon-wacom:before{content:'\f1bb'} .icon-walle:before{content:'\f3bc'} .icon-wallet:before{content:'\e000'} .icon-warcraft:before{content:'\f3bf'} .icon-warmedal:before{content:'\f2e4'} .icon-warning-sign:before{content:'\f316'} .icon-washer:before{content:'\f39b'} .icon-watch:before{content:'\f378'} .icon-watertap-plumbing:before{content:'\f22d'} .icon-wave-sea:before{content:'\f23c'} .icon-wavealt-seaalt:before{content:'\f23b'} .icon-webcam:before{content:'\f0fe'} .icon-webcamalt:before{content:'\f129'} .icon-webhostinghub:before{content:'\f031'} .icon-webmail:before{content:'\f045'} .icon-webpage:before{content:'\f033'} .icon-webplatform:before{content:'\f3c3'} .icon-websitealt:before{content:'\f01c'} .icon-websitebuilder:before{content:'\f034'} .icon-weight:before{content:'\f430'} .icon-westernunion:before{content:'\f26a'} .icon-wheel:before{content:'\f228'} .icon-wheelchair:before{content:'\f3fe'} .icon-whistle:before{content:'\f3d8'} .icon-whmcs:before{content:'\f066'} .icon-wifi:before{content:'\f0ff'} .icon-wind:before{content:'\f41b'} .icon-windleft:before{content:'\f424'} .icon-windows:before{content:'\f019'} .icon-windright:before{content:'\f425'} .icon-wine:before{content:'\f238'} .icon-wizard:before{content:'\f03c'} .icon-wizardalt:before{content:'\f1fb'} .icon-wizardhat:before{content:'\f337'} .icon-woman-female:before{content:'\f2a2'} .icon-women:before{content:'\f24d'} .icon-wordpress:before{content:'\f074'} .icon-wrench:before{content:'\f05b'} .icon-wrenchalt:before{content:'\f2b2'} .icon-xbox:before{content:'\f353'} .icon-xmen:before{content:'\f345'} .icon-yahoo:before{content:'\f151'} .icon-yen:before{content:'\00a5'} .icon-yenalt:before{content:'\f25d'} .icon-yinyang:before{content:'\262f'} .icon-youtube:before{content:'\f142'} .icon-zelda:before{content:'\f3b8'} .icon-zikula:before{content:'\f0ac'} .icon-zip:before{content:'\f116'} .icon-zodiac-aquarius:before{content:'\f3b4'} .icon-zodiac-aries:before{content:'\f3aa'} .icon-zodiac-cancer:before{content:'\f3ad'} .icon-zodiac-capricorn:before{content:'\f3b3'} .icon-zodiac-gemini:before{content:'\f3ac'} .icon-zodiac-leo:before{content:'\f3ae'} .icon-zodiac-libra:before{content:'\f3b0'} .icon-zodiac-pisces:before{content:'\f3b5'} .icon-zodiac-sagitarius:before{content:'\f3b2'} .icon-zodiac-scorpio:before{content:'\f3b1'} .icon-zodiac-taurus:before{content:'\f3ab'} .icon-zodiac-virgo:before{content:'\f3af'} .icon-zoom-in:before{content:'\f320'} .icon-zoom-out:before{content:'\f321'} .icon-vk:before{content:'\f34e'} .icon-bitcoin:before{content:'\f584'} .icon-rouble:before{content:'\f4ca'} .icon-phpnuke:before{content:'\f48c'} .icon-modx:before{content:'\f48d'} .icon-eoneohseven:before{content:'\f48e'} .icon-subrion:before{content:'\f48f'} .icon-typothree:before{content:'\f490'} .icon-tikiwiki:before{content:'\f491'} .icon-pligg:before{content:'\f492'} .icon-pyrocms:before{content:'\f493'} .icon-mambo:before{content:'\f494'} .icon-contao:before{content:'\f495'} .icon-crackedegg:before{content:'\f496'} .icon-coffeecupalt:before{content:'\f497'} .icon-reademailalt:before{content:'\f498'} .icon-train:before{content:'\f499'} .icon-shoebox:before{content:'\f49a'} .icon-bathtub:before{content:'\f49b'} .icon-ninegag:before{content:'\f49c'} .icon-pebble:before{content:'\f49d'} .icon-musicthree:before{content:'\f49e'} .icon-stairsup:before{content:'\f49f'} .icon-stairsdown:before{content:'\f4a0'} .icon-bookalt:before{content:'\f4a1'} .icon-programclose:before{content:'\f4a2'} .icon-programok:before{content:'\f4a3'} .icon-splitalt:before{content:'\f4a4'} .icon-solarsystem:before{content:'\f4a5'} .icon-honeycomb:before{content:'\f4a6'} .icon-tools:before{content:'\f4a7'} .icon-xoops:before{content:'\f4a8'} .icon-pixie:before{content:'\f4a9'} .icon-dotclear:before{content:'\f4aa'} .icon-impresscms:before{content:'\f4ab'} .icon-saurus:before{content:'\f4ac'} .icon-impresspages:before{content:'\f4ad'} .icon-monstra:before{content:'\f4ae'} .icon-snews:before{content:'\f4af'} .icon-jcore:before{content:'\f4b0'} .icon-silverstripe:before{content:'\f4b1'} .icon-btwoevolution:before{content:'\f4b2'} .icon-nucleus:before{content:'\f4b3'} .icon-symphony:before{content:'\f4b5'} .icon-vanillacms:before{content:'\f4b6'} .icon-bbpress:before{content:'\f4b7'} .icon-phpbbalt:before{content:'\f4b8'} .icon-chyrp:before{content:'\f4b9'} .icon-pivotx:before{content:'\f4ba'} .icon-pagecookery:before{content:'\f4bb'} .icon-moviereelalt:before{content:'\f4bc'} .icon-cassettealt:before{content:'\f4bd'} .icon-photobucket:before{content:'\f4be'} .icon-technorati:before{content:'\f4bf'} .icon-theverge:before{content:'\f4c0'} .icon-stacks:before{content:'\f4c1'} .icon-dotlist:before{content:'\f4c2'} .icon-numberlist:before{content:'\f4c3'} .icon-indentleft:before{content:'\f4c4'} .icon-indentright:before{content:'\f4c5'} .icon-fblike:before{content:'\f4c6'} .icon-fbdislike:before{content:'\f4c7'} .icon-sale:before{content:'\f4c8'} .icon-sharetronix:before{content:'\f4c9'} .icon-markerdown:before{content:'\f4cb'} .icon-markerup:before{content:'\f4cc'} .icon-markerleft:before{content:'\f4cd'} .icon-markerright:before{content:'\f4ce'} .icon-bookmarkalt:before{content:'\f4cf'} .icon-calendarthree:before{content:'\f4d0'} .icon-wineglass:before{content:'\f4d1'} .icon-slidersoff:before{content:'\f4d2'} .icon-slidersmiddle:before{content:'\f4d3'} .icon-slidersfull:before{content:'\f4d4'} .icon-slidersdesc:before{content:'\f4d5'} .icon-slidersasc:before{content:'\f4d6'} .icon-slideronefull:before{content:'\f4d7'} .icon-slidertwofull:before{content:'\f4d8'} .icon-sliderthreefull:before{content:'\f4d9'} .icon-noborders:before{content:'\f4da'} .icon-bottomborder:before{content:'\f4db'} .icon-topborder:before{content:'\f4dc'} .icon-leftborder:before{content:'\f4dd'} .icon-rightborder:before{content:'\f4de'} .icon-horizontalborder:before{content:'\f4df'} .icon-verticalborder:before{content:'\f4e0'} .icon-outerborders:before{content:'\f4e1'} .icon-innerborders:before{content:'\f4e2'} .icon-fullborders:before{content:'\f4e3'} .icon-networksignalalt:before{content:'\f4e4'} .icon-resizeverticalalt:before{content:'\f4e5'} .icon-resizehorizontalalt:before{content:'\f4e6'} .icon-moneyalt:before{content:'\f4e7'} .icon-fontcase:before{content:'\f4e8'} .icon-playstation:before{content:'\f4e9'} .icon-cube:before{content:'\f4ea'} .icon-sphere:before{content:'\f4eb'} .icon-ceilinglight:before{content:'\f4ec'} .icon-chandelier:before{content:'\f4ed'} .icon-details:before{content:'\f4ee'} .icon-detailsalt:before{content:'\f4ef'} .icon-bullet:before{content:'\f4f0'} .icon-gun:before{content:'\f4f1'} .icon-processorthree:before{content:'\f4f2'} .icon-world:before{content:'\f4f3'} .icon-statistics:before{content:'\f4f4'} .icon-shoppingcartalt:before{content:'\f4f5'} .icon-microphonealt:before{content:'\f4f6'} .icon-routeralt:before{content:'\f4f7'} .icon-shell:before{content:'\f4f8'} .icon-squareplay:before{content:'\f4f9'} .icon-squarestop:before{content:'\f4fa'} .icon-squarepause:before{content:'\f4fb'} .icon-squarerecord:before{content:'\f4fc'} .icon-squareforward:before{content:'\f4fd'} .icon-squareback:before{content:'\f4fe'} .icon-squarenext:before{content:'\f4ff'} .icon-squareprevious:before{content:'\f500'} .icon-mega:before{content:'\f501'} .icon-charliechaplin:before{content:'\f502'} .icon-popcorn:before{content:'\f503'} .icon-fatarrowright:before{content:'\f504'} .icon-fatarrowleft:before{content:'\f505'} .icon-fatarrowdown:before{content:'\f506'} .icon-fatarrowup:before{content:'\f507'} .icon-shirtbutton:before{content:'\f508'} .icon-shirtbuttonalt:before{content:'\f509'} .icon-cuckooclock:before{content:'\f50a'} .icon-lens:before{content:'\f50b'} .icon-voltage:before{content:'\f50c'} .icon-planealt:before{content:'\f50d'} .icon-busalt:before{content:'\f50e'} .icon-lipstick:before{content:'\f50f'} .icon-plantalt:before{content:'\f510'} .icon-paperboat:before{content:'\f511'} .icon-texture:before{content:'\f512'} .icon-dominoone:before{content:'\f513'} .icon-dominotwo:before{content:'\f514'} .icon-dominothree:before{content:'\f515'} .icon-dominofour:before{content:'\f516'} .icon-dominofive:before{content:'\f517'} .icon-dominosix:before{content:'\f518'} .icon-dominoseven:before{content:'\f519'} .icon-dominoeight:before{content:'\f51a'} .icon-dominonine:before{content:'\f51b'} .icon-connected:before{content:'\f51c'} .icon-connectedpc:before{content:'\f51d'} .icon-musicsheet:before{content:'\f51e'} .icon-rdio:before{content:'\f51f'} .icon-spotify:before{content:'\f520'} .icon-deviantart:before{content:'\f521'} .icon-yelp:before{content:'\f522'} .icon-behance:before{content:'\f523'} .icon-nfc:before{content:'\f524'} .icon-earbudsalt:before{content:'\f525'} .icon-earbuds:before{content:'\f526'} .icon-amazon:before{content:'\f527'} .icon-openid:before{content:'\f528'} .icon-digg:before{content:'\f529'} .icon-retweet:before{content:'\f52a'} .icon-moonnew:before{content:'\f52b'} .icon-moonwaxingcrescent:before{content:'\f52c'} .icon-moonfirstquarter:before{content:'\f52d'} .icon-moonwaxinggibbous:before{content:'\f52e'} .icon-moonfull:before{content:'\f52f'} .icon-moonwaninggibbous:before{content:'\f530'} .icon-moonthirdquarter:before{content:'\f531'} .icon-moonwaningcrescent:before{content:'\f532'} .icon-planet:before{content:'\f533'} .icon-sodacup:before{content:'\f534'} .icon-cocktail:before{content:'\f535'} .icon-church:before{content:'\f536'} .icon-mosque:before{content:'\f537'} .icon-comedy:before{content:'\f538'} .icon-tragedy:before{content:'\f539'} .icon-bacon:before{content:'\f53a'} .icon-trailor:before{content:'\f53b'} .icon-tshirt:before{content:'\f53c'} .icon-design:before{content:'\f53d'} .icon-spiderweb:before{content:'\f53e'} .icon-fireplace:before{content:'\f53f'} .icon-tallglass:before{content:'\f540'} .icon-grapes:before{content:'\f541'} .icon-biohazard:before{content:'\f542'} .icon-directions:before{content:'\f543'} .icon-equalizerthree:before{content:'\f544'} .icon-mountains:before{content:'\f545'} .icon-bing:before{content:'\f546'} .icon-windowseight:before{content:'\f547'} .icon-microsoftoffice:before{content:'\f548'} .icon-salealt:before{content:'\f549'} .icon-purse:before{content:'\f54a'} .icon-chickenalt:before{content:'\f54b'} .icon-podium:before{content:'\f54c'} .icon-findfriends:before{content:'\f54d'} .icon-microphonethree:before{content:'\f54e'} .icon-workshirt:before{content:'\f54f'} .icon-donotdisturb:before{content:'\f550'} .icon-addtags:before{content:'\f551'} .icon-removetags:before{content:'\f556'} .icon-carbattery:before{content:'\f553'} .icon-debug:before{content:'\f554'} .icon-trojan:before{content:'\f555'} .icon-molecule:before{content:'\f556'} .icon-safetygoggles:before{content:'\f557'} .icon-leather:before{content:'\f558'} .icon-teddybear:before{content:'\f559'} .icon-stroller:before{content:'\f55a'} .icon-circleplay:before{content:'\f55b'} .icon-circlestop:before{content:'\f55c'} .icon-circlepause:before{content:'\f55d'} .icon-circlerecord:before{content:'\f55e'} .icon-circleforward:before{content:'\f55f'} .icon-circlebackward:before{content:'\f560'} .icon-circlenext:before{content:'\f561'} .icon-circleprevious:before{content:'\f562'} .icon-circleplayempty:before{content:'\f563'} .icon-circlestopempty:before{content:'\f564'} .icon-circlepauseempty:before{content:'\f565'} .icon-circlerecordempty:before{content:'\f566'} .icon-circleforwardempty:before{content:'\f567'} .icon-circlebackwardempty:before{content:'\f568'} .icon-circlenextempty:before{content:'\f569'} .icon-circlepreviousempty:before{content:'\f56a'} .icon-belt:before{content:'\f56b'} .icon-bait:before{content:'\f56c'} .icon-manalt:before{content:'\f56d'} .icon-womanalt:before{content:'\f56e'} .icon-clover:before{content:'\f56f'} .icon-pacifier:before{content:'\f570'} .icon-calcplus:before{content:'\f571'} .icon-calcminus:before{content:'\f572'} .icon-calcmultiply:before{content:'\f573'} .icon-calcdivide:before{content:'\f574'} .icon-calcequals:before{content:'\f575'} .icon-city:before{content:'\f576'} .icon-hdvideo:before{content:'\f577'} .icon-horizontalexpand:before{content:'\f578'} .icon-horizontalcontract:before{content:'\f579'} .icon-radar:before{content:'\f57a'} .icon-threed:before{content:'\f57b'} .icon-flickralt:before{content:'\f57c'} .icon-pattern:before{content:'\f57d'} .icon-elevator:before{content:'\f57e'} .icon-escalator:before{content:'\f57f'} .icon-portrait:before{content:'\f580'} .icon-cigar:before{content:'\f581'} .icon-dropbox:before{content:'\f582'} .icon-origami:before{content:'\f583'} .icon-opensource:before{content:'\f585'} .icon-redaxscript:before{content:'\f586'} .icon-mahara:before{content:'\f587'} .icon-forkcms:before{content:'\f588'} .icon-pimcore:before{content:'\f589'} .icon-bigace:before{content:'\f58a'} .icon-aef:before{content:'\f58b'} .icon-punbb:before{content:'\f58c'} .icon-phorum:before{content:'\f58d'} .icon-fluxbb:before{content:'\f58e'} .icon-minibb:before{content:'\f58f'} .icon-zenphoto:before{content:'\f590'} .icon-fourimages:before{content:'\f591'} .icon-plogger:before{content:'\f592'} .icon-jcow:before{content:'\f593'} .icon-elgg:before{content:'\f594'} .icon-etano:before{content:'\f595'} .icon-openclassifieds:before{content:'\f596'} .icon-osclass:before{content:'\f597'} .icon-openx:before{content:'\f598'} .icon-phplist:before{content:'\f599'} .icon-roundcube:before{content:'\f59a'} .icon-pommo:before{content:'\f59b'} .icon-webinsta:before{content:'\f59c'} .icon-limesurvey:before{content:'\f59d'} .icon-fengoffice:before{content:'\f59e'} .icon-eyeos:before{content:'\f59f'} .icon-dotproject:before{content:'\f5a0'} .icon-collabtive:before{content:'\f5a1'} .icon-projectpier:before{content:'\f5a2'} .icon-taskfreak:before{content:'\f5a3'} .icon-eventum:before{content:'\f5a4'} .icon-traq:before{content:'\f5a5'} .icon-mantisbugtracker:before{content:'\f5a6'} .icon-oscommerce:before{content:'\f5a7'} .icon-zencart:before{content:'\f5a8'} .icon-tomatocart:before{content:'\f5a9'} .icon-boxbilling:before{content:'\f5aa'} .icon-zurmo:before{content:'\f5ab'} .icon-orangehrm:before{content:'\f5ac'} .icon-vtiger:before{content:'\f5ad'} .icon-mibew:before{content:'\f5ae'} .icon-phpmyfaq:before{content:'\f5af'} .icon-yiiframework:before{content:'\f5b0'} .icon-zendframework:before{content:'\f5b1'} .icon-fuelphp:before{content:'\f5b2'} .icon-kohana:before{content:'\f5b3'} .icon-smarty:before{content:'\f5b4'} .icon-sidu:before{content:'\f5b5'} .icon-simplepie:before{content:'\f5b6'} .icon-projectsend:before{content:'\f5b7'} .icon-extjs:before{content:'\f5b8'} .icon-raphael:before{content:'\f5b9'} .icon-sizzle:before{content:'\f5ba'} .icon-yui:before{content:'\f5bb'} .icon-scissorsalt:before{content:'\f5bc'} .icon-cuthere:before{content:'\f5bd'} .icon-coinsalt:before{content:'\f5be'} .icon-parkingmeter:before{content:'\f5bf'} .icon-treethree:before{content:'\f5c0'} .icon-packarchive:before{content:'\f5c1'} .icon-unpackarchive:before{content:'\f5c2'} .icon-terminalalt:before{content:'\f5c3'} .icon-jersey:before{content:'\f5c4'} .icon-vial:before{content:'\f5c5'} .icon-noteslist:before{content:'\f5c6'} .icon-notestasks:before{content:'\f5c7'} .icon-notesdate:before{content:'\f5c8'} .icon-noteslocation:before{content:'\f5c9'} .icon-noteslistalt:before{content:'\f5ca'} .icon-notestasksalt:before{content:'\f5cb'} .icon-notesdatealt:before{content:'\f5cc'} .icon-noteslocationalt:before{content:'\f5cd'} .icon-useralt:before{content:'\f5ce'} .icon-adduseralt:before{content:'\f5cf'} .icon-removeuseralt:before{content:'\f5d0'} .icon-banuseralt:before{content:'\f5d1'} .icon-banuser:before{content:'\f5d2'} .icon-paintrollalt:before{content:'\f5d3'} .icon-textcursor:before{content:'\f5d4'} .icon-textfield:before{content:'\f5d5'} .icon-precisecursor:before{content:'\f5d6'} .icon-brokenlink:before{content:'\f5d7'} .icon-bookmarkthree:before{content:'\f5d8'} .icon-bookmarkfour:before{content:'\f5d9'} .icon-warmedalalt:before{content:'\f5da'} .icon-thinking:before{content:'\f5db'} .icon-commentlove:before{content:'\f5dc'} .icon-commentsmiley:before{content:'\f5dd'} .icon-sharetwo:before{content:'\f147'} .icon-emptystar:before{content:'\f2de'} .icon-halfstar:before{content:'\f2df'} .icon-fullstar:before{content:'\f2e0'} .icon-forbidden:before{content:'\f314'} .icon-indentleftalt:before{content:'\f4c4'} .icon-indentrightalt:before{content:'\f4c5'} .icon-modxalt:before{content:'\f5de'} .icon-apple:before{content:'\f5df'} .icon-greekcolumn:before{content:'\f5e0'} .icon-walletalt:before{content:'\f5e1'} .icon-dollarsquare:before{content:'\f5e2'} .icon-poundsquare:before{content:'\f5e3'} .icon-yensquare:before{content:'\f5e4'} .icon-eurosquare:before{content:'\f5e5'} .icon-bitcoinsquare:before{content:'\f5e6'} .icon-roublesquare:before{content:'\f5e7'} .icon-roublealt:before{content:'\f5e8'} .icon-bitcoinalt:before{content:'\f5e9'} .icon-gavel:before{content:'\f5ea'} .icon-barchartasc:before{content:'\f5eb'} .icon-barchartdesc:before{content:'\f5ec'} .icon-house:before{content:'\f5ed'} .icon-garage:before{content:'\f5ee'} .icon-milk:before{content:'\f5ef'} .icon-hryvnia:before{content:'\f5f0'} .icon-hryvniasquare:before{content:'\f5f1'} .icon-hryvniaalt:before{content:'\f5f2'} .icon-beeralt:before{content:'\f5f3'} .icon-trolleyfull:before{content:'\f5f4'} .icon-trolleyload:before{content:'\f5f5'} .icon-trolleyunload:before{content:'\f5f6'} .icon-trolleyempty:before{content:'\f5f7'} .icon-mootools:before{content:'\f5f8'} .icon-mootoolstwo:before{content:'\f5f9'} .icon-mootoolsthree:before{content:'\f5fa'} .icon-mysqlthree:before{content:'\f5fb'} .icon-mysqlalt:before{content:'\f5fc'} .icon-pgsql:before{content:'\f5fd'} .icon-mongodb:before{content:'\f5fe'} .icon-neofourj:before{content:'\f5ff'} .icon-nosql:before{content:'\f600'} .icon-catface:before{content:'\f601'} .icon-polaroid:before{content:'\f602'} .icon-clouderror:before{content:'\f603'} .icon-camcorder:before{content:'\f604'} .icon-projector:before{content:'\f605'} .icon-sdvideo:before{content:'\f606'} .icon-fx:before{content:'\f607'} .icon-gramophone:before{content:'\f608'} .icon-speakeralt:before{content:'\f609'} .icon-hddalt:before{content:'\f60a'} .icon-usbflash:before{content:'\f60b'} .icon-manillaenvelope:before{content:'\f60c'} .icon-stickynote:before{content:'\f60d'} .icon-stickynotealt:before{content:'\f60e'} .icon-torch:before{content:'\f60f'} .icon-flashlightalt:before{content:'\f610'} .icon-campfire:before{content:'\f611'} .icon-cctv:before{content:'\f612'} .icon-drill:before{content:'\f613'} .icon-lampalt:before{content:'\f614'} .icon-flowerpot:before{content:'\f615'} .icon-defragment:before{content:'\f616'} .icon-panoramio:before{content:'\f617'} .icon-panorama:before{content:'\f618'} .icon-photosphere:before{content:'\f619'} .icon-panoramaalt:before{content:'\f61a'} .icon-timer:before{content:'\f61b'} .icon-burstmode:before{content:'\f61c'} .icon-cameraflash:before{content:'\f61d'} .icon-autoflash:before{content:'\f61e'} .icon-noflash:before{content:'\f61f'} .icon-threetofour:before{content:'\f620'} .icon-sixteentonine:before{content:'\f621'} .icon-cat:before{content:'\f622'} .icon-dog:before{content:'\f623'} .icon-rabbit:before{content:'\f624'} .icon-koala:before{content:'\f625'} .icon-butterflyalt:before{content:'\f626'} .icon-butterfly:before{content:'\f627'} .icon-wwf:before{content:'\f628'} .icon-poop:before{content:'\f629'} .icon-poopalt:before{content:'\f62a'} .icon-kiwi:before{content:'\f62b'} .icon-kiwifruit:before{content:'\f62c'} .icon-lemon:before{content:'\f62d'} .icon-pear:before{content:'\f62e'} .icon-watermelon:before{content:'\f62f'} .icon-onion:before{content:'\f630'} .icon-turnip:before{content:'\f631'} .icon-eggplant:before{content:'\f632'} .icon-avocado:before{content:'\f633'} .icon-perfume:before{content:'\f634'} .icon-arch:before{content:'\f635'} .icon-pluspages:before{content:'\f636'} .icon-community:before{content:'\f637'} .icon-pluscircles:before{content:'\f638'} .icon-googleplusold:before{content:'\f639'} .icon-plusgames:before{content:'\f63a'} .icon-event:before{content:'\f63b'} .icon-miui:before{content:'\f63c'} .icon-hot:before{content:'\f63d'} .icon-flowup:before{content:'\f63e'} .icon-flowdown:before{content:'\f63f'} .icon-moustache:before{content:'\f640'} .icon-angle:before{content:'\f641'} .icon-sleep:before{content:'\f642'} .icon-acorn:before{content:'\f643'} .icon-steamalt:before{content:'\f644'} .icon-resizeupleft:before{content:'\f645'} .icon-resizeupright:before{content:'\f646'} .icon-resizedownright:before{content:'\f647'} .icon-resizedownleft:before{content:'\f648'} .icon-hammeralt:before{content:'\f649'} .icon-bamboo:before{content:'\f64a'} .icon-mypictures:before{content:'\f64b'} .icon-mymusic:before{content:'\f64c'} .icon-myvideos:before{content:'\f64d'} .icon-systemfolder:before{content:'\f64e'} .icon-bookthree:before{content:'\f64f'} .icon-compile:before{content:'\f650'} .icon-report:before{content:'\f651'} .icon-fliphorizontal:before{content:'\f652'} .icon-flipvertical:before{content:'\f653'} .icon-construction:before{content:'\f654'} .icon-counteralt:before{content:'\f655'} .icon-counter:before{content:'\f656'} .icon-papercutter:before{content:'\f657'} .icon-snaptodot:before{content:'\f658'} .icon-snaptogrid:before{content:'\f659'} .icon-caligraphy:before{content:'\f65a'} .icon-icecreamthree:before{content:'\f65b'} .icon-skitch:before{content:'\f65c'} .icon-archlinux:before{content:'\f65d'} .icon-elementaryos:before{content:'\f65e'} .icon-loadingone:before{content:'\f65f'} .icon-loadingtwo:before{content:'\f660'} .icon-loadingthree:before{content:'\f661'} .icon-loadingfour:before{content:'\f662'} .icon-loadingfive:before{content:'\f663'} .icon-loadingsix:before{content:'\f664'} .icon-loadingseven:before{content:'\f665'} .icon-loadingeight:before{content:'\f666'} .icon-brokenheart:before{content:'\f667'} .icon-heartarrow:before{content:'\f668'} .icon-heartsparkle:before{content:'\f669'} .icon-cell:before{content:'\f66a'} .icon-panda:before{content:'\f66b'} .icon-refreshalt:before{content:'\f66c'} .icon-mirror:before{content:'\f66d'} .icon-headphonesthree:before{content:'\f66e'} .icon-fan:before{content:'\f66f'} .icon-tornado:before{content:'\f670'} .icon-hangout:before{content:'\f671'} .icon-beaker:before{content:'\f672'} .icon-beakeralt:before{content:'\f673'} .icon-phonescreensize:before{content:'\f674'} .icon-tabletscreensize:before{content:'\f675'} .icon-notification:before{content:'\f676'} .icon-googleglass:before{content:'\f677'} .icon-pinterest:before{content:'\f678'} .icon-soundcloud:before{content:'\f679'} .icon-alarmclock:before{content:'\f67a'} .icon-addalarm:before{content:'\f67b'} .icon-deletealarm:before{content:'\f67c'} .icon-turnoffalarm:before{content:'\f67d'} .icon-snooze:before{content:'\f67e'} .icon-bringforward:before{content:'\f67f'} .icon-sendbackward:before{content:'\f680'} .icon-bringtofront:before{content:'\f681'} .icon-sendtoback:before{content:'\f682'} .icon-tectile:before{content:'\f683'} .icon-grave:before{content:'\f684'} .icon-gravetwo:before{content:'\f685'} .icon-gravethree:before{content:'\f686'} .icon-gravefour:before{content:'\f687'} .icon-textlayer:before{content:'\f688'} .icon-vectoralt:before{content:'\f689'} .icon-drmanhattan:before{content:'\f68a'} .icon-foursquarealt:before{content:'\f68b'} .icon-hashtag:before{content:'\f68c'} .icon-enteralt:before{content:'\f68d'} .icon-exitalt:before{content:'\f68e'} .icon-cartalt:before{content:'\f68f'} .icon-vaultthree:before{content:'\f690'} .icon-fatundo:before{content:'\f691'} .icon-fatredo:before{content:'\f692'} .icon-feedly:before{content:'\f693'} .icon-feedlyalt:before{content:'\f694'} .icon-squareheart:before{content:'\f695'} .icon-squarestar:before{content:'\f696'} .icon-squarecomment:before{content:'\f697'} .icon-squarelike:before{content:'\f698'} .icon-squarebookmark:before{content:'\f699'} .icon-squaresearch:before{content:'\f69a'} .icon-squaresettings:before{content:'\f69b'} .icon-squarevoice:before{content:'\f69c'} .icon-google:before{content:'\f69d'} .icon-emojigrinalt:before{content:'\f69e'} .icon-emojigrin:before{content:'\f69f'} .icon-constellation:before{content:'\f6a0'} .icon-emojisurprise:before{content:'\f6a1'} .icon-emojidead:before{content:'\f6a2'} .icon-emojiangry:before{content:'\f6a3'} .icon-emojidevil:before{content:'\f6a4'} .icon-emojiwink:before{content:'\f6a5'} .icon-moonorbit:before{content:'\f6a6'} .icon-emojismile:before{content:'\f6a7'} .icon-emojisorry:before{content:'\f6a8'} .icon-emojiconfused:before{content:'\f6a9'} .icon-emojisleep:before{content:'\f6aa'} .icon-emojicry:before{content:'\f6ab'} .icon-circlefork:before{content:'\f6ac'} .icon-circlespoon:before{content:'\f6ad'} .icon-circleknife:before{content:'\f6ae'} .icon-circlepencil:before{content:'\f6af'} .icon-circlehammer:before{content:'\f6b0'} .icon-circlescrewdriver:before{content:'\f6b1'} .icon-middlefinger:before{content:'\f6b2'} .icon-heavymetal:before{content:'\f6b3'} .icon-turnright:before{content:'\f6b4'} .icon-turnleft:before{content:'\f6b5'} .icon-vineapp:before{content:'\f6b6'} .icon-vineappalt:before{content:'\f6b7'} .icon-finance:before{content:'\f6b8'} .icon-survey:before{content:'\f6b9'} .icon-hangouts:before{content:'\f6ba'} .icon-square0:before{content:'\f6bb'} .icon-square1:before{content:'\f6bc'} .icon-square2:before{content:'\f6bd'} .icon-square3:before{content:'\f6be'} .icon-square4:before{content:'\f6bf'} .icon-square5:before{content:'\f6c0'} .icon-square6:before{content:'\f6c1'} .icon-square7:before{content:'\f6c2'} .icon-square8:before{content:'\f6c3'} .icon-square9:before{content:'\f6c4'} .icon-squarea:before{content:'\f6c5'} .icon-squareb:before{content:'\f6c6'} .icon-squarec:before{content:'\f6c7'} .icon-squared:before{content:'\f6c8'} .icon-squaree:before{content:'\f6c9'} .icon-squaref:before{content:'\f6ca'} .icon-squareg:before{content:'\f6cb'} .icon-squareh:before{content:'\f6cc'} .icon-squarei:before{content:'\f6cd'} .icon-squarej:before{content:'\f6ce'} .icon-squarek:before{content:'\f6cf'} .icon-squarel:before{content:'\f6d0'} .icon-squarem:before{content:'\f6d1'} .icon-squaren:before{content:'\f6d2'} .icon-squareo:before{content:'\f6d3'} .icon-squarep:before{content:'\f6d4'} .icon-squareq:before{content:'\f6d5'} .icon-squarer:before{content:'\f6d6'} .icon-squares:before{content:'\f6d7'} .icon-squaret:before{content:'\f6d8'} .icon-squareu:before{content:'\f6d9'} .icon-squarev:before{content:'\f6da'} .icon-squarew:before{content:'\f6db'} .icon-squarex:before{content:'\f6dc'} .icon-squarey:before{content:'\f6dd'} .icon-squarez:before{content:'\f6de'} .icon-shuttle:before{content:'\f6df'} .icon-meteor:before{content:'\f6e0'} .icon-galaxy:before{content:'\f6e1'} .icon-observatory:before{content:'\f6e2'} .icon-astronaut:before{content:'\f6e3'} .icon-asteroid:before{content:'\f6e4'} .icon-sunrise:before{content:'\f6e5'} .icon-sunset:before{content:'\f6e6'} .icon-tiderise:before{content:'\f6e7'} .icon-tidefall:before{content:'\f6e8'} .icon-mushroomcloud:before{content:'\f6e9'} .icon-galaxyalt:before{content:'\f6ea'} .icon-sputnik:before{content:'\f6eb'} .icon-sextant:before{content:'\f6ec'} .icon-spock:before{content:'\f6ed'} .icon-meteorite:before{content:'\f6ee'} .icon-deathstar:before{content:'\f6ef'} .icon-deathstarbulding:before{content:'\f6f0'} .icon-fallingstar:before{content:'\f6f1'} .icon-windmill:before{content:'\f6f2'} .icon-windmillalt:before{content:'\f6f3'} .icon-pumpjack:before{content:'\f6f4'} .icon-nuclearplant:before{content:'\f6f5'} .icon-solarpanel:before{content:'\f6f6'} .icon-barrel:before{content:'\f6f7'} .icon-canister:before{content:'\f6f8'} .icon-railtunnel:before{content:'\f6f9'} .icon-roadtunnel:before{content:'\f6fa'} .icon-pickaxe:before{content:'\f6fb'} .icon-cow:before{content:'\f6fc'} .icon-sheep:before{content:'\f6fd'} .icon-fountain:before{content:'\f6fe'} .icon-circlezero:before{content:'\f6ff'} .icon-circleone:before{content:'\f700'} .icon-circletwo:before{content:'\f701'} .icon-circlethree:before{content:'\f702'} .icon-circlefour:before{content:'\f703'} .icon-circlefive:before{content:'\f704'} .icon-circlesix:before{content:'\f705'} .icon-circleseven:before{content:'\f706'} .icon-circleeight:before{content:'\f707'} .icon-circlenine:before{content:'\f708'} .icon-circlea:before{content:'\f709'} .icon-circleb:before{content:'\f70a'} .icon-circlec:before{content:'\f70b'} .icon-circled:before{content:'\f70c'} .icon-circlee:before{content:'\f70d'} .icon-circlef:before{content:'\f70e'} .icon-circleg:before{content:'\f70f'} .icon-circleh:before{content:'\f710'} .icon-circlei:before{content:'\f711'} .icon-circlej:before{content:'\f712'} .icon-circlek:before{content:'\f713'} .icon-circlel:before{content:'\f714'} .icon-circlem:before{content:'\f715'} .icon-circlen:before{content:'\f716'} .icon-circleo:before{content:'\f717'} .icon-circlep:before{content:'\f718'} .icon-circleq:before{content:'\f719'} .icon-circler:before{content:'\f71a'} .icon-circles:before{content:'\f71b'} .icon-circlet:before{content:'\f71c'} .icon-circleu:before{content:'\f71d'} .icon-circlev:before{content:'\f71e'} .icon-circlew:before{content:'\f71f'} .icon-circlex:before{content:'\f720'} .icon-circley:before{content:'\f721'} .icon-circlez:before{content:'\f722'} .icon-creeper:before{content:'\f723'} .icon-minecraft:before{content:'\f724'} .icon-minecraftalt:before{content:'\f725'} .icon-pixelsword:before{content:'\f726'} .icon-pixelbroadsword:before{content:'\f727'} .icon-pixelwand:before{content:'\f728'} .icon-pixelpotion:before{content:'\f729'} .icon-pixelpotionalt:before{content:'\f72a'} .icon-pixelpickaxe:before{content:'\f72b'} .icon-pixelbow:before{content:'\f72c'} .icon-pixelarrow:before{content:'\f72d'} .icon-pixelaxe:before{content:'\f72e'} .icon-pixeldagger:before{content:'\f72f'} .icon-pixelbastardsword:before{content:'\f730'} .icon-pixellance:before{content:'\f731'} .icon-pixelbattleaxe:before{content:'\f732'} .icon-pixelshovel:before{content:'\f733'} .icon-pixelsphere:before{content:'\f734'} .icon-pixelelixir:before{content:'\f735'} .icon-pixelchest:before{content:'\f736'} .icon-pixelshield:before{content:'\f737'} .icon-pixelheart:before{content:'\f738'} .icon-rudder:before{content:'\f739'} .icon-folderalt:before{content:'\f73a'} .icon-removefolderalt:before{content:'\f73b'} .icon-addfolderalt:before{content:'\f73c'} .icon-deletefolderalt:before{content:'\f73d'} .icon-openfolderalt:before{content:'\f73e'} .icon-clipboardalt:before{content:'\f73f'} .icon-pastealt:before{content:'\f740'} .icon-loadingflowccw:before{content:'\f741'} .icon-loadingflowcw:before{content:'\f742'} .icon-code:before{content:'\f743'} .icon-cloveralt:before{content:'\f744'} .icon-lips:before{content:'\f745'} .icon-kiss:before{content:'\f746'} .icon-manualshift:before{content:'\f747'} .icon-simcardthree:before{content:'\f748'} .icon-parthenon:before{content:'\f749'} .icon-addcomment:before{content:'\f74a'} .icon-deletecomment:before{content:'\f74b'} .icon-gender:before{content:'\f74c'} .icon-callalt:before{content:'\f74d'} .icon-outgoingcallalt:before{content:'\f74e'} .icon-incomingcallalt:before{content:'\f74f'} .icon-missedcallalt:before{content:'\f750'} .icon-export:before{content:'\f751'} .icon-import:before{content:'\f752'} .icon-cherryalt:before{content:'\f753'} .icon-panties:before{content:'\f754'} .icon-kimai:before{content:'\f755'} .icon-livejournal:before{content:'\f756'} .icon-livejournalalt:before{content:'\f757'} .icon-tagged:before{content:'\f758'} .icon-temple:before{content:'\f759'} .icon-mayanpyramid:before{content:'\f75a'} .icon-egyptpyramid:before{content:'\f75b'} .icon-tampermonkey:before{content:'\f75c'} .icon-pushbullet:before{content:'\f75d'} .icon-currents:before{content:'\f75e'} .icon-communitysmall:before{content:'\f75f'} .icon-squaregithub:before{content:'\f760'} .icon-projectfork:before{content:'\f761'} .icon-projectmerge:before{content:'\f762'} .icon-projectcompare:before{content:'\f763'} .icon-history:before{content:'\f764'} .icon-notebook:before{content:'\f765'} .icon-issue:before{content:'\f766'} .icon-issueclosed:before{content:'\f767'} .icon-issuereopened:before{content:'\f768'} .icon-rubyalt:before{content:'\f769'} .icon-lighton:before{content:'\f76a'} .icon-lightoff:before{content:'\f76b'} .icon-bellalt:before{content:'\f76c'} .icon-versions:before{content:'\f777'} .icon-twog:before{content:'\f76e'} .icon-threeg:before{content:'\f76f'} .icon-fourg:before{content:'\f770'} .icon-gpsalt:before{content:'\f771'} .icon-circleloaderfull:before{content:'\f772'} .icon-circleloaderseven:before{content:'\f773'} .icon-circleloadersix:before{content:'\f774'} .icon-circleloaderfive:before{content:'\f775'} .icon-circleloaderfour:before{content:'\f776'} .icon-circleloaderthree:before{content:'\f777'} .icon-circleloadertwo:before{content:'\f778'} .icon-circleloaderone:before{content:'\f779'} .icon-circleloaderempty:before{content:'\f77a'} .icon-whatsapp:before{content:'\f77b'} .icon-whatsappalt:before{content:'\f77c'} .icon-viber:before{content:'\f77d'} .icon-squareviber:before{content:'\f77e'} .icon-teamviewer:before{content:'\f77f'} .icon-tunein:before{content:'\f780'} .icon-tuneinalt:before{content:'\f781'} .icon-weightscale:before{content:'\f782'} .icon-boxing:before{content:'\f783'} .icon-speedalt:before{content:'\f784'} .icon-scriptalt:before{content:'\f785'} .icon-splitthree:before{content:'\f786'} .icon-mergethree:before{content:'\f787'} .icon-layersthree:before{content:'\f788'} .icon-mutemic:before{content:'\f789'} .icon-zerply:before{content:'\f78a'} .icon-circlegoogleplus:before{content:'\f78b'} .icon-circletwitter:before{content:'\f78c'} .icon-circlefacebook:before{content:'\f78d'} .icon-circleyahoo:before{content:'\f78e'} .icon-circlegithub:before{content:'\f78f'} .icon-forumsalt:before{content:'\f790'} .icon-circlepath:before{content:'\f791'} .icon-circlevimeo:before{content:'\f792'} .icon-circlevine:before{content:'\f793'} .icon-instagramtwo:before{content:'\f794'} .icon-instagramthree:before{content:'\f795'} .icon-flickrthree:before{content:'\f796'} .icon-quora:before{content:'\f797'} .icon-squarequora:before{content:'\f798'} .icon-circlequora:before{content:'\f799'} .icon-picasa:before{content:'\f79a'} .icon-branch:before{content:'\f79b'} .icon-ingress:before{content:'\f79c'} .icon-squarezerply:before{content:'\f79d'} .icon-circlezerply:before{content:'\f79e'} .icon-squarevimeo:before{content:'\f79f'} .icon-squaretwitter:before{content:'\f7a0'} .icon-brightnessalt:before{content:'\f7a1'} .icon-brightnessalthalf:before{content:'\f7a2'} .icon-brightnessaltfull:before{content:'\f7a3'} .icon-brightnessaltauto:before{content:'\f7a4'} .icon-shirtbuttonthree:before{content:'\f7a5'} .icon-openshare:before{content:'\f7a6'} .icon-copyapp:before{content:'\f7a7'} .icon-bowl:before{content:'\f7a8'} .icon-cloudalt:before{content:'\f7a9'} .icon-cloudaltdownload:before{content:'\f7aa'} .icon-cloudaltupload:before{content:'\f7ab'} .icon-cloudaltsync:before{content:'\f7ac'} .icon-cloudaltprivate:before{content:'\f7ad'} .icon-flipboard:before{content:'\f7ae'} .icon-octoloaderempty:before{content:'\f7af'} .icon-octoloaderone:before{content:'\f7b0'} .icon-octoloadertwo:before{content:'\f7b1'} .icon-octoloaderthree:before{content:'\f7b2'} .icon-octoloaderfour:before{content:'\f7b3'} .icon-octoloaderfive:before{content:'\f7b4'} .icon-octoloadersix:before{content:'\f7b5'} .icon-octoloaderseven:before{content:'\f7b6'} .icon-octoloaderfull:before{content:'\f7b7'} .icon-selectionsymbol:before{content:'\f7b8'} .icon-infinityalt:before{content:'\f7b9'} .icon-pullrequest:before{content:'\f7ba'} .icon-projectforkdelete:before{content:'\f7bb'} .icon-projectforkprivate:before{content:'\f7bc'} .icon-commit:before{content:'\f7bd'} .icon-htmlfile:before{content:'\f7be'} .icon-pushalt:before{content:'\f7bf'} .icon-pullalt:before{content:'\f7c0'} .icon-photonineframes:before{content:'\f7c1'} .icon-wetfloor:before{content:'\f7c2'} .icon-instagramfour:before{content:'\f7c3'} .icon-circleinstagram:before{content:'\f7c4'} .icon-videocamerathree:before{content:'\f7c5'} .icon-subtitles:before{content:'\f7c6'} .icon-subtitlesoff:before{content:'\f7c7'} .icon-compress:before{content:'\f7c8'} .icon-baby:before{content:'\f7c9'} .icon-ducky:before{content:'\f7ca'} .icon-handswipe:before{content:'\f7cb'} .icon-swipeup:before{content:'\f7cc'} .icon-swipedown:before{content:'\f7cd'} .icon-twofingerswipedown:before{content:'\f7ce'} .icon-twofingerswipeup:before{content:'\f7cf'} .icon-doubletap:before{content:'\f7d0'} .icon-dribbblealt:before{content:'\f7d1'} .icon-circlecallmissed:before{content:'\f7d2'} .icon-circlecallincoming:before{content:'\f7d3'} .icon-circlecalloutgoing:before{content:'\f7d4'} .icon-circledownload:before{content:'\f7d5'} .icon-circleupload:before{content:'\f7d6'} .icon-minismile:before{content:'\f7d7'} .icon-minisad:before{content:'\f7d8'} .icon-minilaugh:before{content:'\f7d9'} .icon-minigrin:before{content:'\f7da'} .icon-miniangry:before{content:'\f7db'} .icon-minitongue:before{content:'\f7dc'} .icon-minitonguealt:before{content:'\f7dd'} .icon-miniwink:before{content:'\f7de'} .icon-minitonguewink:before{content:'\f7df'} .icon-miniconfused:before{content:'\f7e0'} .icon-soundright:before{content:'\f7e1'} .icon-soundleft:before{content:'\f7e2'} .icon-savetodrive:before{content:'\f7e3'} .icon-layerorderup:before{content:'\f7e4'} .icon-layerorderdown:before{content:'\f7e5'} .icon-layerorder:before{content:'\f7e6'} .icon-circledribbble:before{content:'\f7e7'} .icon-squaredribbble:before{content:'\f7e8'} .icon-handexpand:before{content:'\f7e9'} .icon-handpinch:before{content:'\f7ea'} .icon-fontserif:before{content:'\f7eb'} .icon-fontsansserif:before{content:'\f7ec'} .icon-fontrounded:before{content:'\f7ed'} .icon-fonthandwriting:before{content:'\f7ee'} .icon-fonttypewriter:before{content:'\f7ef'} .icon-fontcomic:before{content:'\f7f0'} .icon-fontcaligraphy:before{content:'\f7f1'} .icon-fontgothic:before{content:'\f7f2'} .icon-fontstencil:before{content:'\f7f3'} /* prodigystudio - timeline component */ .large-8 .timeline > li .timeline-time {width: 26%; top: 48px;} .large-8 .timeline:before {left: 21%;} .large-8 .timeline > li .timeline-icon {top: 24%; left: 21%;} .large-8 .timeline > li .timeline-body {margin: 0 0 20px 31%;} .timeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #f0f0f0; left: 16.5%; margin-left: -10px; } .timeline > li { position: relative; } .timeline > li .timeline-time { display: block; width: 18%; padding-right: 100px; position: absolute; top: 52px; left: 0px; } .timeline > li .timeline-time span { background-color: #95a5a6; display: block; text-align: center; font-size: 1.125em; color: #fff; padding: 3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .timeline > li .timeline-time.green span { background-color: #1abc9c; } .timeline > li .timeline-time.blue span { background-color: #3498db; } .timeline > li .timeline-time.yellow span { background-color: #f1c40f; } .timeline > li .timeline-time.red span { background-color: #e74c3c; } .timeline > li .timeline-body { margin: 0 0 20px 25%; background: #95a5a6; color: #fff; padding: 1.25rem 1.875rem; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .timeline > li .timeline-body h1, .timeline > li .timeline-body h2, .timeline > li .timeline-body h3, .timeline > li .timeline-body h4, .timeline > li .timeline-body h5, .timeline > li .timeline-body h6 { color: #fff; } .timeline > li .timeline-body hr { border: 2px solid rgba(255, 255, 255, 0.2) !important; } .timeline > li .timeline-body.green { background-color: #1abc9c; } .timeline > li .timeline-body.green:after { border-right-color: #1abc9c; } .timeline > li .timeline-body.blue { background-color: #3498db; } .timeline > li .timeline-body.blue:after { border-right-color: #3498db; } .timeline > li .timeline-body.yellow { background-color: #f1c40f; } .timeline > li .timeline-body.yellow:after { border-right-color: #f1c40f; } .timeline > li .timeline-body.red { background-color: #e74c3c; } .timeline > li .timeline-body.red:after { border-right-color: #e74c3c; } .timeline > li .timeline-body:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #95a5a6; border-width: 7px; top: 60px; } .timeline > li .timeline-icon { width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #95a5a6; border-radius: 50%; text-align: center; left: 16.5%; top: 21%; margin: 0 0 0 -25px; -webkit-box-shadow: 0 0 0 8px #f0f0f0; -moz-box-shadow: 0 0 0 8px #f0f0f0; box-shadow: 0 0 0 8px #f0f0f0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .timeline > li .timeline-icon.green { background-color: #1abc9c; } .timeline > li .timeline-icon.blue { background-color: #3498db; } .timeline > li .timeline-icon.yellow { background-color: #f1c40f; } .timeline > li .timeline-icon.red { background-color: #e74c3c; } .timeline > li:hover .timeline-icon { -webkit-box-shadow: 0 0 0 8px #b3c4c5; -moz-box-shadow: 0 0 0 8px #b3c4c5; box-shadow: 0 0 0 8px #b3c4c5; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .timeline > li:hover .timeline-icon.green { -webkit-box-shadow: 0 0 0 8px #30dab8; -moz-box-shadow: 0 0 0 8px #30dab8; box-shadow: 0 0 0 8px #30dab8; } .timeline > li:hover .timeline-icon.blue { -webkit-box-shadow: 0 0 0 8px #5ebeff; -moz-box-shadow: 0 0 0 8px #5ebeff; box-shadow: 0 0 0 8px #5ebeff; } .timeline > li:hover .timeline-icon.yellow { -webkit-box-shadow: 0 0 0 8px #fdd845; -moz-box-shadow: 0 0 0 8px #fdd845; box-shadow: 0 0 0 8px #fdd845; } .timeline > li:hover .timeline-icon.red { -webkit-box-shadow: 0 0 0 8px #fb6d5e; -moz-box-shadow: 0 0 0 8px #fb6d5e; box-shadow: 0 0 0 8px #fb6d5e; } /* prodigystudio - timeline component end here */ /* prodigystudio - promobox component */ .promo-box { float: left; width: 100% !important; position: relative; margin: 15px 0px 25px 0px; padding-left: 28px; background-color: #95a5a6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .promo-box h1, .promo-box h2, .promo-box h3, .promo-box h4, .promo-box h5, .promo-box h6 { color: #fff; margin-bottom: 0px; } .promo-box p { font-size: 13px; color: #fff; margin-bottom: 5px; } .promo-box.green { background-color: #59ba47; } .promo-box.green .promo-button i { color: #59ba47; } .promo-box.blue { background-color: #3498db; } .promo-box.blue .promo-button i { color: #3498db; } .promo-box.yellow { background-color: #f1c40f; } .promo-box.yellow .promo-button i { color: #f1c40f; } .promo-box.red { background-color: #e74c3c; } .promo-box.red .promo-button i { color: #e74c3c; } .promo-text { width: 74.6%; padding-top: 20px; padding-bottom: 20px; float: left; } .promo-text .flatborder { position: relative; top: -2px; left: 0px; } .promo-text .no-border { color: #fff; position: relative; top: 8px; left: 0px; min-height: 30px; } .promo-button { width: 25.4%; margin: 0; text-align: center !important; float: right; background-color: rgba(255, 255, 255, 0.15); } .promo-button h3 { padding: 33px 0px 37px 0px; display: inline-block; } .promo-button i { width: 25px; height: 25px; margin-left: 10px; padding: 6.5px 0 0 0.3px; background: #fff; color: #95a5a6; font-size: 11px; top: -3px; position: relative; display: inline-block; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } /* prodigystudio - promobox component end here */ /* prodigystudio - Testimonial component */ .testi-container { width: 100%; margin-bottom: 14px; padding: 5px 6px 3px 0px; background-color: #fcfcfc; border: solid 1px #e0e0e0; position: relative; float: left; z-index: 800; -webkit-box-shadow: 0px 2px 0px 0px #f7f7f7; -moz-box-shadow: 0px 2px 0px 0px #f7f7f7; box-shadow: 0px 2px 0px 0px #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*IE10 css hack */ _::-ms-reveal, .testi-container {z-index: 300;} /*IE9 css hack*/ .testi-container:nth-of-type(1n) { z-index: 300\9; } .testi-container:before { width: 27px; height: 18px; background: #fcfcfc; content: ''; position: absolute; z-index: 999; left: 29px; bottom: 0px; margin-left: -8px; } .testi-container:after { width: 17px; height: 17px; background: #fcfcfc; border: 1px solid #e0e0e0; content: ''; position: absolute; z-index: 888; left: 32px; bottom: -5px; margin-left: -7px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .testi-text { width: 100%; float: left; margin: 0px; padding: 10px 14px 0px 12px; } .testi-image { width: 54px; height: 54px; margin: 0px 10px 25px 10px; background-color: #e7e7e7; float: left; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .testi-image img { width: 54px; height: 54px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; float: left; } .testi-name { color: #a6a6a6; line-height: 19px; font-size: 13px; margin-top: 6px; float: left; } /* prodigystudio - Testimonial component end here */ /* prodigystudio - panel component */ .panel { border-style: solid; border-width: 1px; border-color: #e0e0e0; margin-bottom: 2.188rem; padding: 1.25rem 1.875rem; background: #fcfcfc; -webkit-box-shadow: 0px 2px 0px 0px #f7f7f7; -moz-box-shadow: 0px 2px 0px 0px #f7f7f7; box-shadow: 0px 2px 0px 0px #f7f7f7; position:relative; } .panel.fold { background: #95a5a6; border: none; } .panel.fold h1, .panel.fold h2, .panel.fold h3, .panel.fold h4, .panel.fold h5, .panel.fold h6, .panel.fold p, .panel.fold ul li, .panel.fold ul li a, .panel.fold ul li:before { color: #fff; } .panel.fold.green { background-color: #59ba47; } .panel.fold.green:before { border-color: #fff #fff #439a33 #439a33; } .panel.fold.blue { background-color: #3498db; } .panel.fold.blue:before { border-color: #fff #fff #2273a9 #2273a9; } .panel.fold.yellow { background-color: #f1c40f; } .panel.fold.yellow:before { border-color: #fff #fff #cba409 #cba409; } .panel.fold.red { background-color: #e74c3c; } .panel.fold.red:before { border-color: #fff #fff #b83527 #b83527; } .panel.fold:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 20px 20px 0; border-style: solid; border-color: #fff #fff #7a8788 #7a8788; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; background: #4f4f4f; display: block; width: 0; } /*FF CSS Hack*/ body:last-child .panel.fold:before, x:-moz-any-link {border-width: 0 20px 19px 0;} /*Chrome CSS Hack*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .triggerAnimation .panel.fold:before {right: 0px !important;} .panel.fold:before {right: -1px !important;} } .panel a.button { margin: 15px 0 10px 0; } .panel .radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* prodigystudio - panel component end here */ /* prodigystudio - dropcaps component */ .dropcap { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; font-size: 32px; color: #a9a9a9; float: left; margin: 4px 11px 0 0; padding: 5px 2px 0; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.2); } .dropcap.circle { width: 42px; height: 42px; font-size: 24px; padding: 8px 0 3px; margin: 6px 8px 0 0; background: #fcfcfc; border: 1px solid #ddd; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .dropcap.square { width: 40px; height: 40px; font-size: 24px; padding: 7px 0 3px; margin: 6px 8px 0 0; background: #fcfcfc; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* prodigystudio - dropcap component end here */ /* prodigystudio - pullquote component */ .pullquote-right, .pullquote-left { color: #9c9c9c; float: right; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0; margin-bottom: 0; margin-top: 9px; margin-left: 15px; padding-left: 15px; width: 50%; font-style: italic; line-height: 26px; border-left: 2px solid #c8c8c8; } .pullquote-left { border-right: 2px solid #ccc; border-left: none; float: left; margin-left: 0; margin-right: 15px; padding-left: 0; padding-right: 15px; } /* prodigystudio - pullquote component */ /* prodigystudio - icons component */ .no-border { margin: 15px 0; } .no-border i { font-size: 30px; line-height: 42px; } .no-border.small i { font-size: 24px; line-height: 24px; } .no-border.medium i { font-size: 30px; line-height: 42px; } .no-border.large i { font-size: 54px; line-height: 54px; } .circle-border { width: 66px; height: 66px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 12px !important; background-color: #95a5a6; color: #fff; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } .square-border { width: 66px; height: 66px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 12px !important; background-color: #95a5a6; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .circle-border.tiny, .square-border.tiny { width: 30px; height: 30px; margin: 7px auto 0 auto; padding: 2px; } .circle-border.small, .square-border.small { width: 46px; height: 46px; margin: 7px auto 0 auto; padding: 10px; } .circle-border.medium, .square-border.medium { width: 66px; height: 66px; margin: 7px auto 0 auto; padding: 10px; } .circle-border.large, .square-border.large { width: 86px; height: 86px; margin: 7px auto 0 auto; padding: 10px; } .circle-border.tiny i, .square-border.tiny i { font-size: 14px; line-height: 18px; } .circle-border.small i, .square-border.small i { font-size: 18px; line-height: 24px; } .circle-border.medium i, .square-border.medium i { font-size: 28px; line-height: 42px; } .circle-border.large i, .square-border.large i { font-size: 36px; line-height: 64px; } .circle-border.green, .square-border.green { background-color: #59ba47; color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); -moz-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); } .circle-border.blue, .square-border.blue { background-color: #3498db; color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); -moz-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); } .circle-border.red, .square-border.red { background-color: #e74c3c; color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); -moz-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); } .circle-border.yellow, .square-border.yellow { background-color: #f1c40f; color: #fff; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); -moz-box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); box-shadow: inset 0px 0px 0px 1px rgba(224, 224, 224, 0); } .circle-border p, .square-border p { font-size: 13px; margin-top: -25px; line-height: 16px; color: #aaa; } .circle-border i, .square-border i { font-size: 28px; line-height: 42px; display: inline-block; } .icon-left { margin: 7px 14px 0 0 !important; float: left !important; } .icon-right { margin: 7px 0 0 14px !important; float: right !important; } .icon-left2 { margin: 0px 6px 0 0 !important; float: left !important; } .panel-icon { font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; margin-bottom: 2.188rem; padding: 1.25rem 1.875rem; } .panel-icon.icon-offset { margin-top: 30px; } .panel-icon.icon-offset .circle-border, .panel-icon.icon-offset .square-border { top: -55px !important; margin-bottom: -50px !important; position: relative; } /* prodigystudio - icons end component */ /*---------------------------------------------------------------------------------- Prodigy Configuration Script - Reva HTML5 Template ------------------------------------------------------------------------------------ file --> prodigy-responsive.css ------------------------------------------------------------------------------------ http://prodigystudio.net Prodigy Studio. Copyright © 2014. All Rights Reserved. ------------------------------------------------------------------------------------*/ /* Notebook */ @media only screen and (max-width : 1280px) { html {overflow-x:hidden;} .content-full4 {background:#f8f8f8 url(../img/sample/bg_content1.jpg) 620px 0px no-repeat !important;} .front-testi {height: 270px !important;} .front-testi:before {width: 100% !important;} .front-testi blockquote {margin-top: -88% !important;} .front-testi blockquote p {font-size: 14px !important; line-height: 22px !important;} } /* Tablet Landscape */ @media only screen and (max-width : 1024px) { html {overflow-x:hidden;} #navigation {top:-79px;} .nav {margin-top: 38px !important;} header.stuck #navigation {margin-top: 9px !important;} a.toggleMenu {width:40px !important; height:40px !important;} a.active.toggleMenu {width:40px !important; height:40px !important;} a.toggleMenu i {top:7px !important; left:13px !important;} .form-search {min-width: 40px !important; height: 40px !important;} input.search-input {height:41px !important;} .search-input {height:40px !important;} .search-icon, .search-submit {width:40px !important; height:40px !important;} .search-icon i {top: 5px !important;} header.stuck .nav-menu {margin-top: 7px !important;} .content-full4 {background:#f8f8f8 url(../img/sample/bg_content1.jpg) 440px 0px no-repeat !important;} .front-testi {height: 340px !important;} .front-testi:before {width: 100% !important;} .front-testi blockquote {margin-top: -53.5% !important;} .front-testi blockquote p {font-size: 14px !important; line-height: 22px !important;} #pagetitle-wrapper {float: left; position: absolute; top: -11px !important;} #content-wrapper {margin-top: 188px;} #content-wrapper.browser-fix {margin-top: 0px;} .timeline:before {left: 16% !important;} .timeline > li .timeline-icon {top: 27% !important; left: 16% !important;} .timeline > li .timeline-time {width: 20% !important; top: 42px !important;} .timeline > li .timeline-body {margin: 0 0 20px 22% !important;} .large-12 .timeline > li .timeline-icon {top: 22% !important;} .large-12 .timeline > li .timeline-time {top: 44px !important;} #error404-left {padding-left:12px !important;} #error404-right {padding-left:30px !important;} #error404-right .panel {width: 93% !important;} #content-carousel .owl-next, #content-carousel .owl-prev {top: -382px !important;} #content-carousel .item img {width: 100% !important; height: 100% !important;} } /* Tablet Potrait */ @media only screen and (min-width: 768px) and (max-width: 959px) { html {overflow-x:hidden;} .row {padding: 0 25px;} .row .row {padding: 0px;} #navigation {top:-79px;} a.toggleMenu{width:40px !important; height:40px !important;} a.active.toggleMenu {width:40px !important; height:40px !important;} a.toggleMenu i {top:7px !important; left:13px !important;} .form-search {min-width: 40px !important; height: 40px !important;} input.search-input {height:41px !important;} .search-input {height:40px !important;} .search-icon, .search-submit {width:40px !important; height:40px !important;} .search-icon i {top: 5px !important;} header.stuck .nav-menu {margin-top: 9px !important;} .content-full4 {background:#f8f8f8 url(../img/sample/bg_content1.jpg) 340px 0px no-repeat !important;} .front-testi {height: 260px !important;} .front-testi:before {width: 100% !important;} .front-testi blockquote {margin-top: -65% !important;} .front-testi blockquote p {font-size: 14px !important; line-height: 22px !important;} #pagetitle-wrapper {float: left; position: absolute; top: -11px !important; height:301px !important;} #pagetitle-wrapper h1.h1-double {font-size: 48px !important;} #content-wrapper {margin-top: 164px;} #content-wrapper.browser-fix {margin-top: -95px;} #content-carousel .owl-next, #content-carousel .owl-prev {top: -357px !important;} .tp-1 { position: relative; width: 8.33333%; } .tp-2 { position: relative; width: 16.66667%; } .tp-3 { position: relative; width: 25%; } .tp-4 { position: relative; width: 33.33333%; } .tp-5 { position: relative; width: 41.66667%; } .tp-6 { position: relative; width: 50%; } .tp-7 { position: relative; width: 58.33333%; } .tp-8 { position: relative; width: 66.66667%; } .tp-9 { position: relative; width: 75%; } .tp-10 { position: relative; width: 83.33333%; } .tp-11 { position: relative; width: 91.66667%; } .tp-12 { position: relative; width: 100%; } .tp-block-grid-1 > li {width: 100%;} .tp-block-grid-2 > li {width: 50%;} .tp-block-grid-3 > li {width: 33.33333%;} .tp-block-grid-4 > li {width: 25%;} .tp-block-grid-5 > li {width: 20%;} .tp-block-grid-6 > li {width: 16.56666%;} .tp-block-grid-7 > li {width: 14.28571%;} .tp-block-grid-8 > li {width: 12.5%;} .tp-block-grid-9 > li {width: 11.11111%;} .tp-block-grid-10 > li {width: 9.98888%;} .tp-block-grid-11 > li {width: 9.06091%;} .tp-block-grid-12 > li {width: 8.35111%;} .img-size80 {width: 80% !important; height: 80% !important;} .img-size70 {width: 70% !important; height: 80% !important;} .img-size60 {width: 60% !important; height: 80% !important;} .img-size50 {width: 50% !important; height: 80% !important;} .img-size40 {width: 40% !important; height: 80% !important;} .center-annotation img {margin-left: 3px;} .img-annotation, .img-annotation img {width: 80px !important; height: 80px !important;} .left-arrow1:after {width: 57px !important; height: 28px !important; background-size: 57px 28px !important} .left-arrow2:after {width: 57px !important; height: 28px !important; background-size: 57px 28px !important} .left-arrow3:after {width: 57px !important; height: 28px !important; background-size: 57px 28px !important} .right-arrow1:after {width: 57px !important; height: 28px !important; background-size: 57px 28px !important} .right-arrow2:after {width: 57px !important; height: 28px !important; background-size: 57px 28px !important} .right-arrow3:after {width: 57px !important; height: 28px !important; background-size: 57px 28px !important} .nav > li.active a {background: #fff !important; color: #95A5A6 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;} .nav {margin: 20px 0px 0px 0px !important; width: 100% !important; position: absolute; top: 74px;} .nav > li {line-height: 42px; background: #fff; border-bottom: 1px solid #efefef; margin-left: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; float: none;} .nav > li a {color: #95A5A6;} .nav > li:hover {background:#fff !important;} .nav > li.dropdown:hover {padding-bottom: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;} .nav li ul {border-top: 1px solid #efefef; border-bottom: 1px solid #59ba47; padding-left: 20px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} .nav li ul > li {line-height: 42px !important;} .nav li ul > li.dropdown:after {display: none;} .nav li ul ul {border-bottom: none; } .nav li .parent:after {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#59ba47; content:'\f48b'; font-size:8px; margin-right:8px; position:relative; top:2px; float:right;} .nav ul {display: block; width: 100% !important;} .nav > li.hover > ul, .nav li li.hover ul {position: static;} .nav ul ul li.dropdown ul {display: none;} .reva-tabs h2.resp-accordion {font-size: 26px !important; padding:15px 15px !important; border:none !important; color:#fff !important; margin-bottom:-2px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .reva-tabs h2.resp-accordion:first-child {border-top:none !important; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;} .reva-tabs .resp-accordion.green-color {background-color: #59ba47 !important;} .reva-tabs .resp-accordion.blue-color {background-color: #3498db !important;} .reva-tabs .resp-accordion.yellow-color {background-color: #f1c40f !important;} .reva-tabs .resp-accordion.red-color {background-color: #e74c3c !important;} .reva-tabs .resp-tab-content.resp-tab-content-active {margin-top: 0px;} .reva-tabs .resp-tab-active:after {display: none;} .reva-tabs .reva-tabs-title {width:113.1% !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;} .reva-tabs .resp-arrow {display: none;} .reva-tabs2 .resp-tabs-container {border-left: none !important;} .reva-tabs2 .resp-arrow {display: none;} .reva-tabs2 h2.resp-accordion {font-size: 14px !important; color: #4b4b4b !important;} .reva-tabs2 h2.resp-accordion i {font-size: 14px; color: #fff; top: 2px;} .reva-tabs2 .circle-border {margin-top: -6px !important;} .img-reva-tabs1 {width: 45% !important;} .img-reva-tabs2 {width: 45% !important; margin-bottom: 20px !important;} ul.reva-tabs-fancybox {margin-left: 16%; float: left;} .timeline:before {left: 18% !important;} .timeline > li .timeline-time {width: 25% !important;} .timeline > li .timeline-icon {left: 16% !important;} .timeline > li .timeline-body {margin: 0 0 20px 28% !important;} #footer1 .large-4 {width: 35% !important;} #footer1 .large-8 {width: 65% !important;} .tp-12 aside:first-child {margin-top: 40px;} #error404-left {margin:0 0 0px 0 !important; padding-left:120px !important;} #error404-right {padding-left:50px !important;} .nobr {display: none;} .large-12.columns .resp-vtabs-left .resp-tabs-container {width: 100% !important;} .promo-box:before, .promo-box:after {width:105.5%;} .promo-text {width:100% !important;} .promo-button {width:105.5% !important;} .promo-button h3 {padding:12px 0px 18px 0px !important;} #map2 {height:380px !important; margin: 10px 0 30px 0 !important;} } /* Mobile Landscape */ @media only screen and (min-width: 480px) and (max-width: 767px) { html {overflow-x:hidden;} .row {padding: 0 25px;} .row .row {padding: 0px;} #pagetitle-wrapper {float: left; position: absolute; top: -11px !important; height:295px !important;} #pagetitle-wrapper h1.h1-double {font-size: 42px !important;} #pagetitle-wrapper:after {height:307px !important;} .breadcrumb ul {margin-top:-72px !important;} #content-wrapper {margin-top: 164px;} #content-wrapper.browser-fix {margin-top: -185px;} .front-testi-wrapper {margin-bottom: -60px !important; margin-top: -30px !important;} .front-testi {height: 220px !important;} .front-testi:before {width: 100% !important;} .front-testi blockquote {margin-top: -82% !important; margin-bottom: -30px !important;} .front-testi blockquote p {font-size: 12px !important; line-height: 19px !important;} .img-size80, .img-size80-ml {width: 80% !important; height: 80% !important;} .img-size70 {width: 70% !important; height: 80% !important;} .img-size60 {width: 60% !important; height: 80% !important;} .img-size50 {width: 50% !important; height: 80% !important;} .img-size40 {width: 40% !important; height: 80% !important;} .center-annotation img {margin-left: 33px; margin-top: 40px !important; width: 80% !important;} .img-annotation, .img-annotation img {width: 70px !important; height: 70px !important;} .left-arrow1:after {width: 48px !important; height: 24px !important; background-size: 48px 24px !important; left:74px !important;} .left-arrow2:after {width: 48px !important; height: 24px !important; background-size: 48px 24px !important; left:74px !important; top:18px !important;} .left-arrow3:after {width: 48px !important; height: 24px !important; background-size: 48px 24px !important; left:74px !important;} .right-arrow1:after {width: 48px !important; height: 24px !important; background-size: 48px 24px !important; right:50px !important;} .right-arrow2:after {width: 48px !important; height: 24px !important; background-size: 48px 24px !important; right:55px !important; top:18px !important;} .right-arrow3:after {width: 48px !important; height: 24px !important; background-size: 48px 24px !important; right:50px !important;} .nav > li.active a {background:#fff !important; color:#95A5A6 !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;} .nav {margin:20px 0px 0px 0px !important; width:100% !important; position:absolute; top:74px;} .nav > li {line-height:42px; background:#fff; border-bottom:1px solid #efefef; margin-left:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; float:none;} .nav > li a {color: #95A5A6;} .nav > li:hover {background:#fff !important;} .nav > li.dropdown:hover {padding-bottom:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;} .nav li ul {border-top:1px solid #efefef; border-bottom:1px solid #59ba47; padding-left:20px; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;} .nav li ul > li {line-height: 42px !important;} .nav li ul > li.dropdown:after {display: none;} .nav li ul ul {border-bottom: none; } .nav li .parent:after {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#59ba47; content:'\f48b'; font-size:8px; margin-right:8px; position:relative; top:2px; float:right;} .nav ul {display: block; width: 100% !important;} .nav > li.hover > ul, .nav li li.hover ul {position: static;} .nav ul ul li.dropdown ul {display: none;} .reva-tabs h2.resp-accordion {font-size:26px !important; padding:15px 15px !important; border:none !important; color:#fff !important; margin-bottom:-2px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .reva-tabs h2.resp-accordion:first-child {border-top:none !important; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;} .reva-tabs .resp-accordion.green-color {background-color: #59ba47 !important;} .reva-tabs .resp-accordion.blue-color {background-color: #3498db !important;} .reva-tabs .resp-accordion.yellow-color {background-color: #f1c40f !important;} .reva-tabs .resp-accordion.red-color {background-color: #e74c3c !important;} .reva-tabs .resp-tab-content.resp-tab-content-active {margin-top: 0px;} .reva-tabs .resp-tab-active:after {display: none;} .reva-tabs .reva-tabs-title {width:119.4% !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;} .reva-tabs .resp-arrow {display: none;} .reva-tabs2 .resp-tabs-container {border-left: none !important;} .reva-tabs2 .resp-arrow {display: none;} .reva-tabs2 h2.resp-accordion {font-size: 14px !important; color: #4b4b4b !important;} .reva-tabs2 h2.resp-accordion i {font-size: 14px; color: #fff; top: 2px;} .reva-tabs2 .circle-border {margin-top: -6px !important;} .img-reva-tabs1 {width: 45% !important; margin-bottom: 20px !important;} .img-reva-tabs2 {width: 45% !important; margin-bottom: 20px !important;} ul.reva-tabs-fancybox {margin-left: 12% !important; float: left;} ul.reva-tabs-fancybox li, ul.reva-tabs-fancybox li img {width:90px !important; height:49px !important;} #content-carousel .item img {width: 100% !important;} .text-center-mobile {text-align: center !important;} .text-center-mobile .right {float: none !important} .text-center-mobile .button {text-align: center !important;} .large-12 .timeline:before {display: none !important;} .large-12 .timeline > li .timeline-time {width: 13% !important; position: relative !important; padding: 0 0 20px 0 !important; top: 2px !important;} .large-12 .timeline > li .timeline-time span {text-align: left !important; padding-left: 15px !important;} .large-12 .timeline > li .timeline-body {margin: 0 0 30px 0 !important; padding: 1.5em 2em !important; font-weight: 400 !important; font-size: 95% !important;} .large-12 .timeline > li .timeline-body.green:after {border-right-color: transparent !important; border-bottom-color: #59ba47 !important;} .large-12 .timeline > li .timeline-body.blue:after {border-right-color: transparent !important; border-bottom-color: #3498db !important;} .large-12 .timeline > li .timeline-body.yellow:after {border-right-color: transparent !important; border-bottom-color: #f1c40f !important;} .large-12 .timeline > li .timeline-body.red:after {border-right-color: transparent !important; border-bottom-color: #e74c3c !important;} .large-12 .timeline > li .timeline-body:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #95a5a6 !important; top: -14px !important;} .large-12 .timeline > li .timeline-body.grey2:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #b2c2c3 !important; top: -14px !important;} .large-12 .timeline > li .timeline-icon {position: relative !important; float: right !important; left: auto !important; margin: -60px 5px 0 0px !important;} .large-8 .timeline:before {display: none !important;} .large-8 .timeline > li .timeline-time {width: 13% !important; position: relative !important; padding: 0 0 20px 0 !important; top: 2px !important;} .large-8 .timeline > li .timeline-time span {text-align: left !important; padding-left: 15px !important;} .large-8 .timeline > li .timeline-body {margin: 0 0 30px 0 !important; padding: 1.5em 2em !important; font-weight: 400 !important; font-size: 95% !important;} .large-8 .timeline > li .timeline-body.green:after {border-right-color: transparent !important; border-bottom-color: #59ba47 !important;} .large-8 .timeline > li .timeline-body.blue:after {border-right-color: transparent !important; border-bottom-color: #3498db !important;} .large-8 .timeline > li .timeline-body.yellow:after {border-right-color: transparent !important; border-bottom-color: #f1c40f !important;} .large-8 .timeline > li .timeline-body.red:after {border-right-color: transparent !important; border-bottom-color: #e74c3c !important;} .large-8 .timeline > li .timeline-body:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #95a5a6 !important; top: -14px !important;} .large-8 .timeline > li .timeline-body.grey2:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #b2c2c3 !important; top: -14px !important;} .large-8 .timeline > li .timeline-icon {position: relative !important; float: right !important; left: auto !important; margin: -60px 5px 0 0px !important;} .tp-12 aside:first-child {margin-top: 40px;} #error404-left {margin:0 0 0px 0 !important; padding-left:15px !important;} #error404-right {padding-left:35px !important;} .nobr {display: none;} .large-12.columns .resp-vtabs-left .resp-tabs-container {width: 100% !important;} .no-border-flat.icon-center {width: 100% !important; float: left;} .no-border-flat.small.icon-center i {margin-left: 45.2% !important;} .no-border-flat.medium.icon-center i {margin-left: 44% !important;} .no-border-flat.large.icon-center i {margin-left: 41.7% !important;} .promo-box:before, .promo-box:after {width:105.5%;} .promo-text {width:94% !important;} .promo-button {width:106.5% !important;} .promo-button h3 {padding:12px 0px 18px 0px !important;} i.big-icon {margin-bottom: 120px; margin-left: 37%; float: left;} .big-icon {font-size: 130px !important; top: 50px !important;} .blog-info h6 {padding-bottom:2px;} #comment ol li ol {margin-left:0px !important;} .contactform-area {margin-top: -525px !important;} .content-full-map:after {height: 560px !important; margin-top: -560px !important;} #map {height:560px !important;} #map2 {height:280px !important; margin: 10px 0 30px 0 !important;} #map3 {margin-bottom: 20px !important;} } /* Mobile Portrait */ @media only screen and (max-width: 479px) { html {overflow-x:hidden;} .row {padding: 0 15px;} .row .row {padding: 0px;} #pagetitle-wrapper {float: left; position: absolute; top: -11px !important; height:251px !important; background: url(../img/header_site_mobile.jpg) no-repeat top center !important;} #pagetitle-wrapper h1.h1-double {font-size: 28px !important; max-width: 270px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #pagetitle-wrapper h5.width80 {width: 100% !important; font-size: 13px !important;} #pagetitle-wrapper:after {height:307px !important;} .breadcrumb ul {margin-top:-74px !important; max-width: 265px;} .breadcrumb ul li:nth-child(3) {max-width: 105px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .breadcrumb ul li:nth-child(4) {display: none;} #content-wrapper {margin-top: 150px;} #content-wrapper.browser-fix {margin-top: -215px;} .front-testi-wrapper {margin-bottom: -60px !important; margin-top: -30px !important;} .front-testi {height: 240px !important;} .front-testi:before {width: 100% !important;} .front-testi blockquote {margin-top: -72% !important; margin-bottom: 0px !important;} .front-testi blockquote p {font-size: 12px !important; line-height: 19px !important;} .center-annotation {width: 100% !important;} .center-annotation img {margin-left: 0px; margin-top: -20px !important; width: 100% !important;} .img-annotation, .img-annotation img {display: none !important;} .left-arrow1:after {display: none !important;} .left-arrow2:after {display: none !important;} .left-arrow3:after {display: none !important;} .right-arrow1:after {display: none !important;} .right-arrow2:after {display: none !important;} .right-arrow3:after {display: none !important;} .mp-1 { position: relative; width: 8.33333%; } .mp-2 { position: relative; width: 16.66667%; } .mp-3 { position: relative; width: 25%; } .mp-4 { position: relative; width: 33.33333%; } .mp-5 { position: relative; width: 41.66667%; } .mp-6 { position: relative; width: 50%; } .mp-7 { position: relative; width: 58.33333%; } .mp-8 { position: relative; width: 66.66667%; } .mp-9 { position: relative; width: 75%; } .mp-10 { position: relative; width: 83.33333%; } .mp-11 { position: relative; width: 91.66667%; } .mp-12 { position: relative; width: 100%; } .mp-block-grid-1 > li {width: 100%;} .mp-block-grid-2 > li {width: 50%;} .mp-block-grid-3 > li {width: 33.33333%;} .mp-block-grid-4 > li {width: 25%;} .mp-block-grid-5 > li {width: 20%;} .mp-block-grid-6 > li {width: 16.56666%;} .mp-block-grid-7 > li {width: 14.28571%;} .mp-block-grid-8 > li {width: 12.5%;} .mp-block-grid-9 > li {width: 11.11111%;} .mp-block-grid-10 > li {width: 9.98888%;} .mp-block-grid-11 > li {width: 9.06091%;} .mp-block-grid-12 > li {width: 8.35111%;} .nav > li.active a {background:#fff !important; color:#95A5A6 !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;} .nav {margin:20px 0px 0px 0px !important; width:100% !important; position:absolute; top:74px;} .nav > li {line-height:42px; background:#fff; border-bottom:1px solid #efefef; margin-left:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; float:none;} .nav > li a {color: #95A5A6;} .nav > li:hover {background:#fff !important;} .nav > li.dropdown:hover {padding-bottom:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;} .nav li ul {border-top:1px solid #efefef; border-bottom:1px solid #59ba47; padding-left:20px; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;} .nav li ul > li {line-height: 42px !important;} .nav li ul > li.dropdown:after {display: none;} .nav li ul ul {border-bottom: none; } .nav li .parent:after {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#59ba47; content:'\f48b'; font-size:8px; margin-right:8px; position:relative; top:2px; float:right;} .nav ul {display: block; width: 100% !important;} .nav > li.hover > ul, .nav li li.hover ul {position: static;} .nav ul ul li.dropdown ul {display: none;} .reva-tabs h2.resp-accordion {font-size:26px !important; padding:15px 15px !important; border:none !important; color:#fff !important; margin-bottom:-2px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .reva-tabs h2.resp-accordion:first-child {border-top:none !important; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;} .reva-tabs .resp-tab-content {padding-left: 20px !important; padding-right: 20px !important;} .reva-tabs .resp-accordion.green-color {background-color: #59ba47 !important;} .reva-tabs .resp-accordion.blue-color {background-color: #3498db !important;} .reva-tabs .resp-accordion.yellow-color {background-color: #f1c40f !important;} .reva-tabs .resp-accordion.red-color {background-color: #e74c3c !important;} .reva-tabs .resp-tab-content.resp-tab-content-active {margin-top: 0px;} .reva-tabs .resp-tab-active:after {display: none;} .reva-tabs .reva-tabs-title {width:118% !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; margin:-17px -20px 35px -20px !important;} .reva-tabs .resp-arrow {display: none;} .reva-tabs2 .resp-tabs-container {border-left: none !important;} .reva-tabs2 .resp-arrow {display: none;} .reva-tabs2 h2.resp-accordion {font-size: 14px !important; color: #4b4b4b !important;} .reva-tabs2 h2.resp-accordion i {font-size: 14px; color: #fff; top: 2px;} .reva-tabs2 .circle-border {margin-top: -6px !important;} .img-reva-tabs1 {width: 95% !important; margin-bottom: 20px !important; margin-left: 5px !important;} .img-reva-tabs2 {width: 95% !important; margin-bottom: 20px !important; margin-right: 5px !important;} ul.reva-tabs-fancybox {margin-left: 19% !important; float: left;} ul.reva-tabs-fancybox li, ul.reva-tabs-fancybox li img {width:140px !important; height:76px !important;} #content-carousel .item img {width: 100% !important;} #clientlogo-carousel li img {width: 73% !important;} .text-center-mobile {text-align: center !important;} .text-center-mobile .right {float: none !important} .text-center-mobile .button {text-align: center !important;} .large-12 .timeline:before {display: none !important;} .large-12 .timeline > li .timeline-time {width: 25% !important; position: relative !important; padding: 0 0 20px 0 !important; top: 2px !important;} .large-12 .timeline > li .timeline-time span {text-align: left !important; padding-left: 15px !important;} .large-12 .timeline > li .timeline-body {margin: 0 0 30px 0 !important; padding: 1.5em 2em !important; font-weight: 400 !important; font-size: 95% !important;} .large-12 .timeline > li .timeline-body.green:after {border-right-color: transparent !important; border-bottom-color: #59ba47 !important;} .large-12 .timeline > li .timeline-body.blue:after {border-right-color: transparent !important; border-bottom-color: #3498db !important;} .large-12 .timeline > li .timeline-body.yellow:after {border-right-color: transparent !important; border-bottom-color: #f1c40f !important;} .large-12 .timeline > li .timeline-body.red:after {border-right-color: transparent !important; border-bottom-color: #e74c3c !important;} .large-12 .timeline > li .timeline-body:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #95a5a6 !important; top: -14px !important;} .large-12 .timeline > li .timeline-body.grey2:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #b2c2c3 !important; top: -14px !important;} .large-12 .timeline > li .timeline-icon {position: relative !important; float: right !important; left: auto !important; margin: -60px 5px 0 0px !important;} .large-8 .timeline:before {display: none !important;} .large-8 .timeline > li .timeline-time {width: 24.5% !important; position: relative !important; padding: 0 0 20px 0 !important; top: 2px !important;} .large-8 .timeline > li .timeline-time span {text-align: left !important; padding-left: 15px !important;} .large-8 .timeline > li .timeline-body {margin: 0 0 30px 0 !important; padding: 1.5em 2em !important; font-weight: 400 !important; font-size: 95% !important;} .large-8 .timeline > li .timeline-body.green:after {border-right-color: transparent !important; border-bottom-color: #59ba47 !important;} .large-8 .timeline > li .timeline-body.blue:after {border-right-color: transparent !important; border-bottom-color: #3498db !important;} .large-8 .timeline > li .timeline-body.yellow:after {border-right-color: transparent !important; border-bottom-color: #f1c40f !important;} .large-8 .timeline > li .timeline-body.red:after {border-right-color: transparent !important; border-bottom-color: #e74c3c !important;} .large-8 .timeline > li .timeline-body:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #95a5a6 !important; top: -14px !important;} .large-8 .timeline > li .timeline-body.grey2:after {right: auto !important; left: 26px !important; border-right-color: transparent !important; border-bottom-color: #b2c2c3 !important; top: -14px !important;} .large-8 .timeline > li .timeline-icon {position: relative !important; float: right !important; left: auto !important; margin: -60px 5px 0 0px !important;} .tp-12 aside:first-child {margin-top: 40px;} #error404-left {margin:0 0 0px 0 !important; padding-left:15px !important;} #error404-left h1 {line-height: 58px; margin-bottom: 30px !important;} #error404-right {padding-left:14px !important;} .nobr {display: none;} .large-12.columns .resp-vtabs-left .resp-tabs-container {width: 100% !important;} ul.icons-list li, ul.icons-list-webhostinghub li, ul.icons-list-flaticon li {margin-left: -7px;} .no-border-flat.icon-center {width: 100% !important; float: left;} .no-border-flat.small.icon-center i {margin-left: 42.2% !important;} .no-border-flat.medium.icon-center i {margin-left: 39.5% !important;} .no-border-flat.large.icon-center i {margin-left: 34.7% !important;} .promo-box:before, .promo-box:after {width:105.5%;} .promo-text {width:94% !important;} .promo-button {width:111.8% !important;} .promo-button h3 {padding:12px 0px 18px 0px !important;} i.big-icon {margin-bottom: 120px; margin-left: 26%; float: left;} .big-icon {font-size: 130px !important; top: 50px !important;} .blog-info h6 {padding-bottom:2px;} #comment ol li ol {margin-left:0px !important;} .comment-text {margin-left:0px !important;} .avatar {width:45px !important; height:45px !important; position:relative !important; margin-bottom:-19px !important; left:-20px !important;} .avatar img {width:45px !important; height:45px !important;} .blog-info img {width:65px; height:65px;} #commentform-wrap {width:100% !important;} article .author-image {display: none;} .contactform-area {margin-top: -525px !important;} .contactform-area h4 {font-size: 16px !important;} .contactform-heading span {padding: 5px 14px 5px 14px !important;} .content-full-map:after {height: 560px !important; margin-top: -560px !important;} #map {height:560px !important;} #map2 {height:280px !important; margin: 10px 0 30px 0 !important;} #map3 {margin-bottom: 20px !important;} #pf-filter ul li {margin-bottom: 15px!important;} } /*@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");*/ meta.foundation-mq-small { font-family: "/only screen and (max-width: 40em)/"; width: 0em; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; width: 40.063em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 13px; } body { background: white; color: #9a9a9a; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; resize:none; } select { width: 100%; } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 984px !important; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } @media only screen { .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 40.063em) { .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-1 { position: relative; width: 8.33333%; } .medium-2 { position: relative; width: 16.66667%; } .medium-3 { position: relative; width: 25%; } .medium-4 { position: relative; width: 33.33333%; } .medium-5 { position: relative; width: 41.66667%; } .medium-6 { position: relative; width: 50%; } .medium-7 { position: relative; width: 58.33333%; } .medium-8 { position: relative; width: 66.66667%; } .medium-9 { position: relative; width: 75%; } .medium-10 { position: relative; width: 83.33333%; } .medium-11 { position: relative; width: 91.66667%; } .medium-12 { position: relative; width: 100%; } .medium-offset-0 { position: relative; margin-left: 0%; } .medium-offset-1 { position: relative; margin-left: 8.33333%; } .medium-offset-2 { position: relative; margin-left: 16.66667%; } .medium-offset-3 { position: relative; margin-left: 25%; } .medium-offset-4 { position: relative; margin-left: 33.33333%; } .medium-offset-5 { position: relative; margin-left: 41.66667%; } .medium-offset-6 { position: relative; margin-left: 50%; } .medium-offset-7 { position: relative; margin-left: 58.33333%; } .medium-offset-8 { position: relative; margin-left: 66.66667%; } .medium-offset-9 { position: relative; margin-left: 75%; } .medium-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.medium-centered, .columns.medium-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right !important; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .large-offset-0 { position: relative; margin-left: 0%; } .large-offset-1 { position: relative; margin-left: 8.33333%; } .large-offset-2 { position: relative; margin-left: 16.66667%; } .large-offset-3 { position: relative; /*margin-left: 25%;*/ } .large-offset-4 { position: relative; margin-left: 33.33333%; } .large-offset-5 { position: relative; margin-left: 41.66667%; } .large-offset-6 { position: relative; margin-left: 50%; } .large-offset-7 { position: relative; margin-left: 58.33333%; } .large-offset-8 { position: relative; margin-left: 66.66667%; } .large-offset-9 { position: relative; margin-left: 75%; } .large-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 90.063em) { .xlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xlarge-push-2 { position: relative; left: 16.66667%; right: auto; } .xlarge-pull-2 { position: relative; right: 16.66667%; left: auto; } .xlarge-push-3 { position: relative; left: 25%; right: auto; } .xlarge-pull-3 { position: relative; right: 25%; left: auto; } .xlarge-push-4 { position: relative; left: 33.33333%; right: auto; } .xlarge-pull-4 { position: relative; right: 33.33333%; left: auto; } .xlarge-push-5 { position: relative; left: 41.66667%; right: auto; } .xlarge-pull-5 { position: relative; right: 41.66667%; left: auto; } .xlarge-push-6 { position: relative; left: 50%; right: auto; } .xlarge-pull-6 { position: relative; right: 50%; left: auto; } .xlarge-push-7 { position: relative; left: 58.33333%; right: auto; } .xlarge-pull-7 { position: relative; right: 58.33333%; left: auto; } .xlarge-push-8 { position: relative; left: 66.66667%; right: auto; } .xlarge-pull-8 { position: relative; right: 66.66667%; left: auto; } .xlarge-push-9 { position: relative; left: 75%; right: auto; } .xlarge-pull-9 { position: relative; right: 75%; left: auto; } .xlarge-push-10 { position: relative; left: 83.33333%; right: auto; } .xlarge-pull-10 { position: relative; right: 83.33333%; left: auto; } .xlarge-push-11 { position: relative; left: 91.66667%; right: auto; } .xlarge-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .xlarge-1 { position: relative; width: 8.33333%; } .xlarge-2 { position: relative; width: 16.66667%; } .xlarge-3 { position: relative; width: 25%; } .xlarge-4 { position: relative; width: 33.33333%; } .xlarge-5 { position: relative; width: 41.66667%; } .xlarge-6 { position: relative; width: 50%; } .xlarge-7 { position: relative; width: 58.33333%; } .xlarge-8 { position: relative; width: 66.66667%; } .xlarge-9 { position: relative; width: 75%; } .xlarge-10 { position: relative; width: 83.33333%; } .xlarge-11 { position: relative; width: 91.66667%; } .xlarge-12 { position: relative; width: 100%; } .xlarge-offset-0 { position: relative; margin-left: 0%; } .xlarge-offset-1 { position: relative; margin-left: 8.33333%; } .xlarge-offset-2 { position: relative; margin-left: 16.66667%; } .xlarge-offset-3 { position: relative; margin-left: 25%; } .xlarge-offset-4 { position: relative; margin-left: 33.33333%; } .xlarge-offset-5 { position: relative; margin-left: 41.66667%; } .xlarge-offset-6 { position: relative; margin-left: 50%; } .xlarge-offset-7 { position: relative; margin-left: 58.33333%; } .xlarge-offset-8 { position: relative; margin-left: 66.66667%; } .xlarge-offset-9 { position: relative; margin-left: 75%; } .xlarge-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.xlarge-centered, .columns.xlarge-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.xlarge-uncentered, .columns.xlarge-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite { float: right !important; } } @media only screen and (min-width: 120.063em) { .xxlarge-push-1 { position: relative; left: 8.33333%; right: auto; } .xxlarge-pull-1 { position: relative; right: 8.33333%; left: auto; } .xxlarge-push-2 { position: relative; left: 16.66667%; right: auto; } .xxlarge-pull-2 { position: relative; right: 16.66667%; left: auto; } .xxlarge-push-3 { position: relative; left: 25%; right: auto; } .xxlarge-pull-3 { position: relative; right: 25%; left: auto; } .xxlarge-push-4 { position: relative; left: 33.33333%; right: auto; } .xxlarge-pull-4 { position: relative; right: 33.33333%; left: auto; } .xxlarge-push-5 { position: relative; left: 41.66667%; right: auto; } .xxlarge-pull-5 { position: relative; right: 41.66667%; left: auto; } .xxlarge-push-6 { position: relative; left: 50%; right: auto; } .xxlarge-pull-6 { position: relative; right: 50%; left: auto; } .xxlarge-push-7 { position: relative; left: 58.33333%; right: auto; } .xxlarge-pull-7 { position: relative; right: 58.33333%; left: auto; } .xxlarge-push-8 { position: relative; left: 66.66667%; right: auto; } .xxlarge-pull-8 { position: relative; right: 66.66667%; left: auto; } .xxlarge-push-9 { position: relative; left: 75%; right: auto; } .xxlarge-pull-9 { position: relative; right: 75%; left: auto; } .xxlarge-push-10 { position: relative; left: 83.33333%; right: auto; } .xxlarge-pull-10 { position: relative; right: 83.33333%; left: auto; } .xxlarge-push-11 { position: relative; left: 91.66667%; right: auto; } .xxlarge-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .xxlarge-1 { position: relative; width: 8.33333%; } .xxlarge-2 { position: relative; width: 16.66667%; } .xxlarge-3 { position: relative; width: 25%; } .xxlarge-4 { position: relative; width: 33.33333%; } .xxlarge-5 { position: relative; width: 41.66667%; } .xxlarge-6 { position: relative; width: 50%; } .xxlarge-7 { position: relative; width: 58.33333%; } .xxlarge-8 { position: relative; width: 66.66667%; } .xxlarge-9 { position: relative; width: 75%; } .xxlarge-10 { position: relative; width: 83.33333%; } .xxlarge-11 { position: relative; width: 91.66667%; } .xxlarge-12 { position: relative; width: 100%; } .xxlarge-offset-0 { position: relative; margin-left: 0%; } .xxlarge-offset-1 { position: relative; margin-left: 8.33333%; } .xxlarge-offset-2 { position: relative; margin-left: 16.66667%; } .xxlarge-offset-3 { position: relative; margin-left: 25%; } .xxlarge-offset-4 { position: relative; margin-left: 33.33333%; } .xxlarge-offset-5 { position: relative; margin-left: 41.66667%; } .xxlarge-offset-6 { position: relative; margin-left: 50%; } .xxlarge-offset-7 { position: relative; margin-left: 58.33333%; } .xxlarge-offset-8 { position: relative; margin-left: 66.66667%; } .xxlarge-offset-9 { position: relative; margin-left: 75%; } .xxlarge-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.xxlarge-centered, .columns.xxlarge-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.xxlarge-uncentered, .columns.xxlarge-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.xxlarge-uncentered.opposite, .columns.xxlarge-uncentered.opposite { float: right !important; } } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #333333; } .contain-to-grid .top-bar { margin-bottom: 0; } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 45px; } .top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #333333; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: auto; padding-top: .35rem; padding-bottom: .35rem; font-size: 0.75rem; } .top-bar .button { padding-top: .45rem; padding-bottom: .35rem; margin-bottom: 0; font-size: 0.75rem; } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 45px; margin: 0; font-size: 16px; } .top-bar .name h1 { line-height: 45px; font-size: 1.0625rem; margin: 0; } .top-bar .name h1 a { font-weight: normal; color: white; width: 50%; display: block; padding: 0 15px; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: white; text-transform: uppercase; font-size: 0.8125rem; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; } .top-bar .toggle-topbar.menu-icon { right: 15px; top: 50%; margin-top: -16px; padding-left: 40px; } .top-bar .toggle-topbar.menu-icon a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: white; } .top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #333333; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; } .top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out; } .top-bar-section ul { width: 100%; height: auto; display: block; background: #333333; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100%; } .top-bar-section ul li > a { display: block; width: 100%; color: white; padding: 12px 0 12px 0; padding-left: 15px; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 0.8125rem; font-weight: normal; background: #333333; } .top-bar-section ul li > a.button { background: #008cba; font-size: 0.8125rem; padding-right: 15px; padding-left: 15px; } .top-bar-section ul li > a.button:hover { background: #006687; } .top-bar-section ul li > a.button.secondary { background: #e7e7e7; } .top-bar-section ul li > a.button.secondary:hover { background: #cecece; } .top-bar-section ul li > a.button.success { background: #43ac6a; } .top-bar-section ul li > a.button.success:hover { background: #358753; } .top-bar-section ul li > a.button.alert { background: #f04124; } .top-bar-section ul li > a.button.alert:hover { background: #d32a0e; } .top-bar-section ul li:hover > a { background: #272727; color: white; } .top-bar-section ul li.active > a { background: #008cba; color: white; } .top-bar-section ul li.active > a:hover { background: #0079a1; } .top-bar-section .has-form { padding: 15px; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; display: none; z-index: 99;} .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 15px; } .top-bar-section .dropdown li a.parent-link { font-weight: normal; } .top-bar-section .dropdown li.title h5 { margin-bottom: 0; } .top-bar-section .dropdown li.title h5 a { color: white; line-height: 22.5px; display: block; } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; } .js-generated { display: block; } @media only screen and (min-width: 40.063em) { .top-bar { background: #333333; *zoom: 1; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button { font-size: 0.875rem; position: relative; top: 7px; } .top-bar.expanded { background: #333333; } .contain-to-grid .top-bar { max-width: 62.5rem; margin: 0 auto; margin-bottom: 0; } .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover > a:not(.button) { background: #272727; color: white; } .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 45px; background: #333333; } .top-bar-section li a:not(.button):hover { background: #272727; } .top-bar-section .has-dropdown > a { padding-right: 30px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 4px; border-color: rgba(255, 255, 255, 1) transparent transparent transparent; border-top-style: solid; margin-top: -10px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: none; } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -2px; right: 5px; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: white; line-height: 1; white-space: nowrap; padding: 12px 15px; background: #333333; } .top-bar-section .dropdown li label { white-space: nowrap; background: #333333; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4d4d4d; clear: none; height: 45px; width: 0; } .top-bar-section .has-form { background: #333333; padding: 0 15px; height: 45px; } .top-bar-section ul.right li .dropdown { left: auto; right: 0; } .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } .no-js .top-bar-section ul li:hover > a { background: #272727; color: white; } .no-js .top-bar-section ul li:active > a { background: #008cba; color: white; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; } } .breadcrumbs { display: block; padding: 0.5625rem 0.875rem 0.5625rem; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f4f4f4; border-color: #dadada; -webkit-border-radius: 3px; border-radius: 3px; } .breadcrumbs > * { margin: 0; float: left; font-size: 0.6875rem; text-transform: uppercase; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > * a, .breadcrumbs > * span { text-transform: uppercase; color: #008cba; } .breadcrumbs > *.current { cursor: default; color: #333333; } .breadcrumbs > *.current a { cursor: default; color: #333333; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999999; } .breadcrumbs > *.unavailable a { color: #999999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; } .breadcrumbs > *:before { content: "/"; color: #aaaaaa; margin: 0 0.75rem; position: relative; top: 1px; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } .alert-box { border-style: solid; border-width: 1px; display: block; margin-bottom: 1.25rem; position: relative; padding: 0.8rem 1rem 0.95rem 1rem; font-size: 1.000rem; background-color: #f8f8f8; border-color: #d1d1d1; color: #9a9a9a; -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,.1); -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,.1); box-shadow:0px 1px 2px 0px rgba(0,0,0,.1); } .alert-box .close { font-size: 1.375rem; padding: 9px 6px 4px; line-height: 0; position: absolute; top: 50%; margin-top: -0.6875rem; right: 0.45rem; color: #9a9a9a; opacity: 0.8; } .alert-box.radius { -webkit-border-radius: 3px; border-radius: 3px; } .alert-box.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .alert-box.success { background-color: #d8f1c6; border-color: #b3cda1; color: #749958; } .alert-box.error { background-color: #f9d9d9; border-color: #e1a1a1; color: #b55454; } .alert-box.warning { background-color: #fbf4dd; border-color: #d1c9ae; color: #978c68; } .alert-box.info { background-color: #cce9f2; border-color: #86cde3; color: #3194b1; } .alert-box.success .close {color: #749958;} .alert-box.error .close {color: #b55454;} .alert-box.warning .close {color: #978c68;} .alert-box.info .close {color: #3194b1;} .alert-box i {margin-right:3px; top:2px; position:relative;} .inline-list { margin: 0 auto 1.0625rem auto; margin-left: -1.375rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: left; margin-left: 1.375rem; display: block; } .inline-list > li > * { display: block; } button, .button { cursor: pointer; font-family: "Varela", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; line-height: normal; text-transform:uppercase; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; /* @else { font-size: $padding - rem-calc(2); } */ background-color: #95a5a6; color: white; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding-top: 1.0625rem; padding-bottom: 1rem; -webkit-appearance: none; border: none; font-weight: normal !important; } button:hover, button:focus, .button:hover, .button:focus { background-color: #b3c4c5; } button:hover, button:focus, .button:hover, .button:focus, .button:visited { color: white; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #dadada; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #dadada; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43ac6a; border-color: #3c9a5f; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #3c9a5f; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #f04124; border-color: #ea2f10; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #ea2f10; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem; /* @else { font-size: $padding - rem-calc(2); } */ } button.small, .button.small { padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; /* @else { font-size: $padding - rem-calc(2); } */ } button.tiny, .button.tiny { padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.6875rem; padding-left: 1.25rem; font-size: 0.6875rem; /* @else { font-size: $padding - rem-calc(2); } */ } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008cba; border-color: #0079a1; color: white; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #0079a1; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008cba; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #dadada; color: #333333; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #dadada; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43ac6a; border-color: #3c9a5f; color: white; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3c9a5f; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43ac6a; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #ea2f10; color: white; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #ea2f10; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } @media only screen and (min-width: 40.063em) { button, .button { display: inline-block; } } .button-group { list-style: none; margin: 0; *zoom: 1; } .button-group:before, .button-group:after { content: " "; display: table; } .button-group:after { clear: both; } .button-group > * { margin: 0; float: left; } .button-group > * > button, .button-group > * .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group > *:first-child { margin-left: 0; } .button-group.radius > * > button, .button-group.radius > * .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .button-group.round > * > button, .button-group.round > * .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } .button-group.even-2 li { width: 50%; } .button-group.even-2 li > button, .button-group.even-2 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; } .button-group.even-3 li { width: 33.33333%; } .button-group.even-3 li > button, .button-group.even-3 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; } .button-group.even-4 li { width: 25%; } .button-group.even-4 li > button, .button-group.even-4 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { width: 20%; } .button-group.even-5 li > button, .button-group.even-5 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { width: 16.66667%; } .button-group.even-6 li > button, .button-group.even-6 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { width: 14.28571%; } .button-group.even-7 li > button, .button-group.even-7 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { width: 12.5%; } .button-group.even-8 li > button, .button-group.even-8 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; } .button-bar { *zoom: 1; } .button-bar:before, .button-bar:after { content: " "; display: table; } .button-bar:after { clear: both; } .button-bar .button-group { float: left; margin-right: 0.625rem; } .button-bar .button-group div { overflow: hidden; } /* button-color - prodigystudio */ button.green, .button.green { background-color: #59ba47; color: white; } button.green:hover, button.green:focus, .button.green:hover, .button.green:focus { background-color: #6bce59; } button.blue, .button.blue { background-color: #3498db; color: white; } button.blue:hover, button.blue:focus, .button.blue:hover, .button.blue:focus { background-color: #57afea; } button.red, .button.red { background-color: #e74c3c; color: white; } button.red:hover, button.red:focus, .button.red:hover, .button.red:focus { background-color: #f96f61; } button.yellow, .button.yellow { background-color: #f1c40f; color: white; } button.yellow:hover, button.yellow:focus, .button.yellow:hover, .button.yellow:focus { background-color: #fdd845; } button.white, .button.white { background-color: #59ba47 !important; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(89,186,71,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(89,186,71,1); box-shadow: inset 0px 0px 0px 2px rgba(89,186,71,1); } button.white:hover, button.white:focus, .button.white:hover, .button.white:focus { background-color: transparent !important; } .button.large i { margin-left:5px; font-size:14px; position:relative; top:1px; } .button.medium i { margin-left:5px; font-size:13px; position:relative; top:2px; } .button.small i { margin-left:5px; font-size:12px; position:relative; top:2px; } .button.tiny i { margin-left:5px; font-size:11px; position:relative; top:2px; } /* button-color - prodigystudio */ .dropdown.button { position: relative; padding-right: 3.5625rem; } .dropdown.button:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: white transparent transparent transparent; top: 50%; } .dropdown.button:before { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; } .dropdown.button:before { border-color: white transparent transparent transparent; } .dropdown.button.tiny { padding-right: 2.625rem; } .dropdown.button.tiny:before { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; } .dropdown.button.tiny:before { border-color: white transparent transparent transparent; } .dropdown.button.small { padding-right: 3.0625rem; } .dropdown.button.small:before { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; } .dropdown.button.small:before { border-color: white transparent transparent transparent; } .dropdown.button.large { padding-right: 3.625rem; } .dropdown.button.large:before { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; } .dropdown.button.large:before { border-color: white transparent transparent transparent; } .dropdown.button.secondary:before { border-color: #333333 transparent transparent transparent; } div.switch { position: relative; padding: 0; display: block; overflow: hidden; border-style: solid; border-width: 1px; margin-bottom: 1.25rem; height: 2.25rem; background: white; border-color: #cccccc; } div.switch label { position: relative; left: 0; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; font-weight: bold; text-align: left; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } div.switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; -moz-appearance: none; } div.switch input:hover, div.switch input:focus { cursor: pointer; } div.switch span:last-child { position: absolute; top: -1px; left: -1px; z-index: 1; display: block; padding: 0; border-width: 1px; border-style: solid; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } div.switch input:not(:checked) + label { opacity: 0; } div.switch input:checked { display: none !important; } div.switch input { left: 0; display: block !important; } div.switch input:first-of-type + label, div.switch input:first-of-type + span + label { left: -50%; } div.switch input:first-of-type:checked + label, div.switch input:first-of-type:checked + span + label { left: 0%; } div.switch input:last-of-type + label, div.switch input:last-of-type + span + label { right: -50%; left: auto; text-align: right; } div.switch input:last-of-type:checked + label, div.switch input:last-of-type:checked + span + label { right: 0%; left: auto; } div.switch span.custom { display: none !important; } form.custom div.switch .hidden-field { margin-left: auto; position: absolute; visibility: visible; } div.switch label { padding: 0; line-height: 2.3rem; font-size: 0.875rem; } div.switch input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.1875rem; } div.switch span:last-child { width: 2.25rem; height: 2.25rem; } div.switch span:last-child { border-color: #b3b3b3; background: white; background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); background: linear-gradient(to bottom, white 0%, #f2f2f2 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #f3fbf6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #f3fbf6, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } div.switch:hover span:last-child, div.switch:focus span:last-child { background: white; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); } div.switch:active { background: transparent; } div.switch.large { height: 2.75rem; } div.switch.large label { padding: 0; line-height: 2.3rem; font-size: 1.0625rem; } div.switch.large input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.6875rem; } div.switch.large span:last-child { width: 2.75rem; height: 2.75rem; } div.switch.small { height: 1.75rem; } div.switch.small label { padding: 0; line-height: 2.1rem; font-size: 0.75rem; } div.switch.small input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -1.6875rem; } div.switch.small span:last-child { width: 1.75rem; height: 1.75rem; } div.switch.tiny { height: 1.375rem; } div.switch.tiny label { padding: 0; line-height: 1.9rem; font-size: 0.6875rem; } div.switch.tiny input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -1.3125rem; } div.switch.tiny span:last-child { width: 1.375rem; height: 1.375rem; } div.switch.radius { -webkit-border-radius: 4px; border-radius: 4px; } div.switch.radius span:last-child { -webkit-border-radius: 3px; border-radius: 3px; } div.switch.round { -webkit-border-radius: 1000px; border-radius: 1000px; } div.switch.round span:last-child { -webkit-border-radius: 999px; border-radius: 999px; } div.switch.round label { padding: 0 0.5625rem; } @-webkit-keyframes webkitSiblingBugfix { from { position: relative; } to { position: relative; } } /* Image Thumbnails */ .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } .th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } .th.radius { -webkit-border-radius: 3px; border-radius: 3px; } a.th { display: inline-block; max-width: 100%; } /* Pricing Tables */ .pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 1.25rem; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .title { background-color: #7f8c8d; margin:-1px -1px 0 -1px; padding: 1.250rem 1.25rem; text-align: center; color: #fff; font-weight: normal; font-size: 1rem; } .pricing-table .price { background-color: #f6f6f6; padding: 2.188rem 1.25rem; text-align: center; color: #333333; font-weight: normal; font-size: 2.125rem; } .pricing-table .price small { font-size:12px } .pricing-table .description { background-color: white; padding: 0.9375rem; text-align: center; font-size: 0.938rem; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; } .pricing-table .bullet-item { background-color: white; padding: 0.9375rem; text-align: center; font-size: 0.938rem; font-weight: normal; border-bottom: dotted 1px #dddddd; } .pricing-table .cta-button { background-color: #fafafa; text-align: center; padding: 1.25rem 1.25rem 0; } /* Pricing Title color - prodigystudio */ .pricing-table .title.green {background-color:#2ecc71; margin:-1px -1px 0 -1px;} .pricing-table .title.blue {background-color:#3498db; margin:-1px -1px 0 -1px;} .pricing-table .title.red {background-color:#e74c3c; margin:-1px -1px 0 -1px;} .pricing-table .title.yellow {background-color:#f1c40f; margin:-1px -1px 0 -1px;} @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Orbit Graceful Loading */ .slideshow-wrapper { position: relative; } .slideshow-wrapper ul { list-style-type: none; margin: 0; } .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; } .slideshow-wrapper ul li:first-child { display: block; } .slideshow-wrapper .orbit-container { background-color: transparent; } .slideshow-wrapper .orbit-container li { display: block; } .slideshow-wrapper .orbit-container li .orbit-caption { display: block; } .preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555555 white; -webkit-border-radius: 1000px; border-radius: 1000px; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 1.5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .orbit-container { overflow: hidden; width: 100%; position: relative; background: none; } .orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; } .orbit-container .orbit-slides-container img { display: block; max-width: 100%; } .orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 100%; } .orbit-container .orbit-slides-container > *:first-child { margin-left: 0%; } .orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: rgba(51, 51, 51, 0.8); color: white; width: 100%; padding: 10px 14px; font-size: 0.875rem; } .orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: white; background: rgba(0, 0, 0, 0); z-index: 10; } .orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125rem; } .orbit-container .orbit-timer { position: absolute; top: 12px; right: 10px; height: 6px; width: 100px; z-index: 10; } .orbit-container .orbit-timer .orbit-progress { height: 3px; background-color: rgba(255, 255, 255, 0.3); display: block; width: 0%; position: relative; right: 20px; top: 5px; } .orbit-container .orbit-timer > span { display: none; position: absolute; top: 0px; right: 0; width: 11px; height: 14px; border: solid 4px white; border-top: none; border-bottom: none; } .orbit-container .orbit-timer.paused > span { right: -4px; top: 0px; width: 11px; height: 14px; border: inset 8px; border-right-style: solid; border-color: transparent transparent transparent white; } .orbit-container .orbit-timer.paused > span.dark { border-color: transparent transparent transparent #333333; } .orbit-container:hover .orbit-timer > span { display: block; } .orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 45%; margin-top: -25px; width: 36px; height: 60px; line-height: 50px; color: white; text-indent: -9999px !important; z-index: 10; } .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { background-color: rgba(0, 0, 0, 0.3); } .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -10px; display: block; width: 0; height: 0; border: inset 10px; } .orbit-container .orbit-prev { left: 0; } .orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: white; } .orbit-container .orbit-prev:hover > span { border-right-color: white; } .orbit-container .orbit-next { right: 0; } .orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: white; left: 50%; margin-left: -4px; } .orbit-container .orbit-next:hover > span { border-left-color: white; } .orbit-bullets-container { text-align: center; } .orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px; float: none; text-align: center; display: inline-block; } .orbit-bullets li { display: block; width: 0.5625rem; height: 0.5625rem; background: #cccccc; float: left; margin-right: 6px; -webkit-border-radius: 1000px; border-radius: 1000px; } .orbit-bullets li.active { background: #999999; } .orbit-bullets li:last-child { margin-right: 0; } .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; } .touch .orbit-bullets { display: none; } @media only screen and (min-width: 40.063em) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } .touch .orbit-bullets { display: block; } } @media only screen and (max-width: 40em) { .orbit-stack-on-small .orbit-slides-container { height: auto !important; } .orbit-stack-on-small .orbit-slides-container > * { position: relative; margin-left: 0% !important; } .orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets { display: none; } } [data-magellan-expedition] { background: white; z-index: 50; min-width: 100%; padding: 10px; } [data-magellan-expedition] .sub-nav { margin-bottom: 0; } [data-magellan-expedition] .sub-nav dd { margin-bottom: 0; } [data-magellan-expedition] .sub-nav .active { line-height: 1.8em; } .tabs { *zoom: 1; margin-bottom: 0 !important; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tabs dd { position: relative; margin-bottom: 0 !important; top: 1px; float: left; } .tabs dd > a { display: block; background: #efefef; color: #222222; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1rem; } .tabs dd > a:hover { background: #e2e2e2; } .tabs dd.active a { background: #fff; } .tabs.radius dd:first-child a { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .tabs.radius dd:last-child a { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tabs.vertical dd { position: inherit; float: none; display: block; top: auto; } .tabs-content { *zoom: 1; margin-bottom: 1.5rem; } .tabs-content:before, .tabs-content:after { content: " "; display: table; } .tabs-content:after { clear: both; } .tabs-content > .content { display: none; float: left; padding: 0.9375rem 0; } .tabs-content > .content.active { display: block; } .tabs-content > .content.contained { padding: 0.9375rem; } .tabs-content.vertical { display: block; } .tabs-content.vertical > .content { padding: 0 0.9375rem; } @media only screen and (min-width: 40.063em) { .tabs.vertical { width: 20%; float: left; margin-bottom: 1.25rem; } .tabs-content.vertical { width: 80%; float: left; margin-left: -1px; } } ul.pagination { display: block; height: 1.5rem; margin-left: -0.3125rem; margin-bottom: 40px; } ul.pagination li { height: 1.5rem; color: #b3b3b3; font-size: 12px !important; margin-left: 0.3125rem; } ul.pagination li a { display: block; padding: 1px 8px 1px 8px; color: #b3b3b3; -webkit-border-radius: 3px; border-radius: 3px; } ul.pagination li:hover a, ul.pagination li a:focus { background: #f4f4f4; } ul.pagination li.unavailable a { cursor: default; color: #b3b3b3; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #59ba47; color: white; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #59ba47; } ul.pagination li { float: left; display: block; } /* Pagination centred wrapper */ .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } .side-nav { display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: inside; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } .side-nav li { margin: 0 0 0.4375rem 0; font-size: 0.875rem; } .side-nav li a { display: block; color: #008cba; } .side-nav li.active > a:first-child { color: #4d4d4d; font-weight: normal; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6; } .accordion { *zoom: 1; margin-bottom: 0; } .accordion:before, .accordion:after { content: " "; display: table; } .accordion:after { clear: both; } .accordion dd { display: block; margin-bottom: 0 !important; } .accordion dd.active a { background: #e7e7e7; } .accordion dd > a { background: #efefef; color: #222222; padding: 1rem; display: block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1rem; } .accordion dd > a:hover { background: #e2e2e2; } .accordion .content { display: none; padding: 0.9375rem; } .accordion .content.active { display: block; background: white; } p.lead { font-size: 16px !important; line-height: 26px; } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2rem; margin-bottom: 0.5rem; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default Link Styles */ a { color: #008cba; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #0079a1; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 24px; margin-bottom: 1.750rem; text-rendering: optimizeLegibility; } p aside { font-size: 0.875rem; line-height: 24px; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Varela", "Open Sans", "Helvetica", sans-serif; font-weight: 300; font-style: normal; letter-spacing:1px; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 36px !important; } h2 { font-size: 30px !important; } h3 { font-size: 22px !important; } h4 { font-size: 19px !important; } h5 { font-size: 15px !important; } h6 { font-size: 13px !important; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.563rem; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #bb260d; } /* Lists */ ul, ol, dl { font-size: 1rem; line-height: 2.000; margin-bottom: 1.750rem; list-style-position: outside; font-family: inherit; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; font-size: 1rem; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none; } ul.arrow {list-style: none; margin-left:0;} ul.arrow li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\f488'; font-size:8px; margin-right:8px; position:relative; top:0px;} ul.arrow li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.arrow li a:hover {color:#8c8c8c; text-decoration:none;} ul.check {list-style: none; margin-left:0;} ul.check li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\2713'; font-size:9px; margin-right:8px; position:relative; top:0px;} ul.check li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.check li a:hover {color:#8c8c8c; text-decoration:none;} ul.plus {list-style: none; margin-left:0;} ul.plus li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\002b'; font-size:8px; margin-right:8px; position:relative; top:-1px;} ul.plus li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.plus li a:hover {color:#8c8c8c; text-decoration:none;} ul.star {list-style: none; margin-left:0;} ul.star li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\f13a'; font-size:9px; margin-right:8px; position:relative; top:-1px;} ul.star li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.star li a:hover {color:#8c8c8c; text-decoration:none;} ul.pin {list-style: none; margin-left:0;} ul.pin li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\f20a'; font-size:9px; margin-right:8px; position:relative; top:-1px;} ul.pin li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.pin li a:hover {color:#8c8c8c; text-decoration:none;} ul.flag {list-style: none; margin-left:0;} ul.flag li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\f487'; font-size:9px; margin-right:8px; position:relative; top:0px;} ul.flag li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.flag li a:hover {color:#8c8c8c; text-decoration:none;} ul.arrow2 {list-style: none; margin-left:0;} ul.arrow2 li:before {font-family:'WebHostingHub-Glyphs'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\f2c7'; font-size:9px; margin-right:8px; position:relative; top:0px;} ul.arrow2 li a, ul.arrow li a:visited {color:#b3b3b3; text-decoration:none;} ul.arrow2 li a:hover {color:#8c8c8c; text-decoration:none;} /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0px; padding: 0 0 0 35px; } blockquote cite { margin-top:12px; display: block; font-size: 13px; font-style: normal; color:#9c9c9c; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color:#9c9c9c; } blockquote:before { font-family:'WebHostingHub-Glyphs' !important; background:none; width:0px; height:0px; font-style:normal; color:#c8c8c8; content:'\f328'; font-size:20px; position:relative; top:3px; left:-32px; float:left; } blockquote, blockquote p { color:#9c9c9c; line-height: 24px; } /* Icon position */ .flatborder.small i { width:52px; height:52px; background-size:52px 52px; margin:0px auto 8px auto !important; } .flatborder.medium i { width:82px; height:82px; background-size:82px 82px; margin:0px auto 8px auto !important; } .flatborder i { display:block; text-align:center !important; margin:0px auto 98px auto !important; float:none !important; } .flatborder.left i { margin-right:12px; top:3px; position:relative; float:left; } .flatborder.right i { margin-left:12px; top:3px; position:relative; float:right; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #dddddd; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width: 40.063em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } .split.button { position: relative; padding-right: 5.0625rem; } .split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px; } .split.button span:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; top: 50%; left: 50%; } .split.button span:active { background-color: rgba(0, 0, 0, 0.1); } .split.button span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button span { width: 3.09375rem; } .split.button span:before { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-left: -0.375rem; } .split.button span:before { border-color: white transparent transparent transparent; } .split.button.secondary span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button.secondary span:before { border-color: white transparent transparent transparent; } .split.button.alert span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button.success span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button.tiny { padding-right: 3.75rem; } .split.button.tiny span { width: 2.25rem; } .split.button.tiny span:before { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-left: -0.375rem; } .split.button.small { padding-right: 4.375rem; } .split.button.small span { width: 2.625rem; } .split.button.small span:before { border-top-style: solid; border-width: 0.4375rem; top: 48%; margin-left: -0.375rem; } .split.button.large { padding-right: 5.5rem; } .split.button.large span { width: 3.4375rem; } .split.button.large span:before { border-top-style: solid; border-width: 0.3125rem; top: 48%; margin-left: -0.375rem; } .split.button.expand { padding-left: 2rem; } .split.button.secondary span:before { border-color: #333333 transparent transparent transparent; } .split.button.radius span { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .split.button.round span { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.45); z-index: 98; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background-color: white; padding: 1.25rem; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); top: 50px; } .reveal-modal .column, .reveal-modal .columns { min-width: 0; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } .reveal-modal .close-reveal-modal { font-size: 1.375rem; line-height: 1; position: absolute; top: 0.5rem; right: 0.6875rem; color: #aaaaaa; font-weight: bold; cursor: pointer; } @media only screen and (min-width: 40.063em) { .reveal-modal { padding: 1.875rem; top: 6.25rem; } .reveal-modal.tiny { margin-left: -15%; width: 30%; } .reveal-modal.small { margin-left: -20%; width: 40%; } .reveal-modal.medium { margin-left: -30%; width: 60%; } .reveal-modal.large { margin-left: -35%; width: 70%; } .reveal-modal.xlarge { margin-left: -47.5%; width: 95%; } } @media print { .reveal-modal { background: white !important; } } /* Tooltips */ .has-tip { cursor: help; font-weight: bold; color: #333333; } .has-tip:hover, .has-tip:focus { color: #008cba; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 999; font-weight: normal; font-size: 0.875rem; line-height: 1.3; padding: 0.75rem; max-width: 85%; left: 50%; width: 100%; color: white; background: #333333; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-border-radius: 3px; border-radius: 3px; } .tooltip > .nub { display: block; left: 10px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #333333 transparent; top: -10px; } .tooltip.opened { color: #008cba !important; } .tap-to-close { display: block; font-size: 0.625rem; color: #777777; font-weight: normal; } @media only screen and (min-width: 40.063em) { .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; right: -10px; left: auto; top: 50%; margin-top: -5px; } /*FF CSS Hack*/ body:last-child .tooltip.tip-left > .nub, x:-moz-any-link {right: -9px;} .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } /* Clearing Styles */ [data-clearing] { *zoom: 1; margin-bottom: 0; margin-left: 0; list-style: none; } [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } [data-clearing]:after { clear: both; } [data-clearing] li { float: left; margin-right: 10px; } .clearing-blackout { background: #333333; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } .clearing-blackout .clearing-close { display: block; } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } .visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; } .clearing-caption { color: #cccccc; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #333333; width: 100%; padding: 10px 30px 20px; position: absolute; left: 0; } .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 30px; line-height: 1; color: #cccccc; display: none; } .clearing-close:hover, .clearing-close:focus { color: #ccc; } .clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; } .clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 40.063em) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 12px; } .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: 0.8; } .clearing-main-prev { left: 0; } .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #cccccc; } .clearing-main-next { right: 0; } .clearing-main-next > span { border-color: transparent; border-left-color: #cccccc; } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.3; } .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; } .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 120px; min-height: inherit; float: left; overflow: hidden; margin-right: 0; padding: 0; position: relative; cursor: pointer; opacity: 0.4; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; -webkit-box-shadow: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; } .clearing-assembled .clearing-container .visible-img { background: #333333; overflow: hidden; height: 85%; } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0; } } /* Progress Bar */ .progress { background-color: #f6f6f6; height: 1.5625rem; border: 1px solid #cccccc; padding: 0.125rem; margin-bottom: 0.625rem; } .progress .meter { background: #008cba; height: 100%; display: block; } .progress.secondary .meter { background: #e7e7e7; height: 100%; display: block; } .progress.success .meter { background: #43ac6a; height: 100%; display: block; } .progress.alert .meter { background: #f04124; height: 100%; display: block; } .progress.radius { -webkit-border-radius: 3px; border-radius: 3px; } .progress.radius .meter { -webkit-border-radius: 2px; border-radius: 2px; } .progress.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .progress.round .meter { -webkit-border-radius: 999px; border-radius: 999px; } .sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25rem 0 1.125rem; padding-top: 0.25rem; margin-right: 0; margin-left: -0.75rem; } .sub-nav dt { text-transform: uppercase; } .sub-nav dt, .sub-nav dd, .sub-nav li { float: left; display: inline; margin-left: 1rem; margin-bottom: 0.625rem; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 0.875rem; color: #999999; } .sub-nav dt a, .sub-nav dd a, .sub-nav li a { text-decoration: none; color: #999999; } .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { color: #0079a1; } .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { -webkit-border-radius: 3px; border-radius: 3px; font-weight: normal; background: #008cba; padding: 0.1875rem 1rem; cursor: default; color: white; } .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { background: #0079a1; } /* Foundation Joyride */ .joyride-list { display: none; } /* Default styles for the container */ .joyride-tip-guide { display: none; position: absolute; background: #333333; color: white; z-index: 101; top: 0; left: 2.5%; font-family: inherit; font-weight: normal; width: 95%; } .lt-ie9 .joyride-tip-guide { max-width: 800px; left: 50%; margin-left: -400px; } .joyride-content-wrapper { width: 100%; padding: 1.125rem 1.25rem 1.5rem; } .joyride-content-wrapper .button { margin-bottom: 0 !important; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide .joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: 10px solid #333333; } .joyride-tip-guide .joyride-nub.top { border-top-style: solid; border-color: #333333; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -20px; } .joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid; border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { right: -20px; } .joyride-tip-guide .joyride-nub.left { left: -20px; } /* Typography */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: white; } .joyride-tip-guide p { margin: 0 0 1.125rem 0; font-size: 0.875rem; line-height: 1.3; } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; right: 1.0625rem; bottom: 1rem; } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; } .joyride-close-tip { position: absolute; right: 12px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 24px; font-weight: normal; line-height: 0.5 !important; } .joyride-close-tip:hover, .joyride-close-tip:focus { color: #eeeeee !important; } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; } .joyride-expose-wrapper { background-color: #ffffff; position: absolute; border-radius: 3px; z-index: 102; -moz-box-shadow: 0 0 30px white; -webkit-box-shadow: 0 0 15px white; box-shadow: 0 0 15px white; } .joyride-expose-cover { background: transparent; border-radius: 3px; position: absolute; z-index: 9999; top: 0; left: 0; } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 40.063em) { .joyride-tip-guide { width: 300px; left: inherit; } .joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { border-color: #333333 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: auto; right: -20px; } .joyride-tip-guide .joyride-nub.left { border-color: #333333 !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -20px; right: auto; } } .label { text-align: center; text-decoration: none; text-transform: uppercase; line-height: 1; white-space: nowrap; display: inline-block; position: relative; margin-bottom: 3px; padding: 0.2rem 0.5rem 0.375rem; font-size: 0.750rem; font-weight:600; background-color: #95a5a6; color: white; } .label.radius { -webkit-border-radius: 3px; border-radius: 3px; } .label.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .label.green { background-color: #59ba47; color: white; } .label.blue { background-color: #3498db; color: white; } .label.yellow { background-color: #f1c40f; color: white; } .label.red { background-color: #ed4f4f; color: white; } .label.white { background-color: #fff; color: #9a9a9a; } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } .off-canvas-wrap, .inner-wrap, nav.tab-bar, .left-off-canvas-menu, .left-off-canvas-menu *, .right-off-canvas-menu, .move-right a.exit-off-canvas, .move-left a.exit-off-canvas { -webkit-backface-visibility: hidden; } .off-canvas-wrap, .inner-wrap { position: relative; width: 100%; } .left-off-canvas-menu, .right-off-canvas-menu { width: 250px; top: 0; bottom: 0; height: 100%; position: absolute; overflow-y: auto; background: #333333; z-index: 1001; box-sizing: content-box; } section.left-small, section.right-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; } .off-canvas-wrap { overflow: hidden; } .inner-wrap { *zoom: 1; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .inner-wrap:before, .inner-wrap:after { content: " "; display: table; } .inner-wrap:after { clear: both; } nav.tab-bar { background: #333333; color: white; height: 2.8125rem; line-height: 2.8125rem; position: relative; } nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 { color: white; font-weight: bold; line-height: 2.8125rem; margin: 0; } nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 { font-size: 1.125rem; } section.left-small { border-right: solid 1px #1a1a1a; box-shadow: 1px 0 0 #4d4d4d; left: 0; } section.right-small { border-left: solid 1px #4d4d4d; box-shadow: -1px 0 0 #1a1a1a; right: 0; } section.tab-bar-section { padding: 0 0.625rem; position: absolute; text-align: center; height: 2.8125rem; top: 0; } @media only screen and (min-width: 40.063em) { section.tab-bar-section { text-align: left; } } section.tab-bar-section.left { left: 0; right: 2.8125rem; } section.tab-bar-section.right { left: 2.8125rem; right: 0; } section.tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem; } a.menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; line-height: 2.0625rem; padding: 0; color: white; position: relative; } a.menu-icon span { position: absolute; display: block; width: 1rem; height: 0; left: 0.8125rem; top: 0.3125rem; -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } a.menu-icon:hover span { -webkit-box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; } .left-off-canvas-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .right-off-canvas-menu { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; } ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; } ul.off-canvas-list li label { padding: 0.3rem 0.9375rem; color: #999999; text-transform: uppercase; font-weight: bold; background: #444444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } ul.off-canvas-list li a { display: block; padding: 0.66667rem; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #262626; } .move-right > .inner-wrap { -webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); } .move-right a.exit-off-canvas { transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; } @media only screen and (min-width: 40.063em) { .move-right a.exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .move-left > .inner-wrap { -webkit-transform: translate3d(-250px, 0, 0); -moz-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); -o-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .move-left a.exit-off-canvas { transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; } @media only screen and (min-width: 40.063em) { .move-left a.exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .lt-ie10 .left-off-canvas-menu { left: -250px; } .lt-ie10 .right-off-canvas-menu { right: -250px; } .lt-ie10 .move-left > .inner-wrap { right: 250px; } .lt-ie10 .move-right > .inner-wrap { left: 250px; } @media only screen and (max-width: 40em) { .f-dropdown { max-width: 100%; left: 0; } } /* Foundation Dropdowns */ .f-dropdown { position: absolute; top: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 16px; z-index: 99; margin-top: 2px; max-width: 200px; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent white transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 99; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 98; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown li { font-size: 0.875rem; cursor: pointer; line-height: 1.125rem; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #eeeeee; } .f-dropdown li a { display: block; padding: 0.5rem; color: #555555; } .f-dropdown.content { position: absolute; top: -9999px; list-style: none; margin-left: 0; padding: 1.25rem; width: 100%; height: auto; max-height: none; background: white; border: solid 1px #cccccc; font-size: 16px; z-index: 99; max-width: 200px; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } table { width:100%; background: white; margin-bottom: 2.55rem; } table thead, table tfoot { background: whitesmoke; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.8rem 0.625rem 0.825rem; text-align: left; } table tr th, table tr td { padding: 0.6625rem 0.625rem; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.625rem; border-bottom: solid 1px #f0f0f0;} .table-green th {background:#59ba47; color: #fff;} .table-blue th {background:#3498db; color: #fff;} .table-yellow th {background:#f1c40f; color: #fff;} .table-red th {background:#e74c3c; color: #fff;} .table-grey th{background:#95a5a6; color: #fff;} /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ label { font-size: 13px; cursor: pointer; display: block; margin-top: 0.5rem; margin-bottom: 0.5rem; /* Styles for required inputs */ } label.right { float: none; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.625rem 0; } label small { font-size: 8.5px; font-family: Arial; text-transform: lowercase; color: #db4e43; } select { -webkit-appearance: none !important; background: #fbfbfb url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; background-position-x: 94%; background-position-y: center; color:#aeaeae; border: 2px solid #d3d3d3; padding: 0.7rem 0.4rem 0.8rem 0.4rem; font-size: 0.875rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } select.radius { -webkit-border-radius: 3px; border-radius: 3px; } select:hover { background: #f2f2f2 url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat; background-position-x: 94%; background-position-y: center; border-color: #999999; } @-moz-document url-prefix() { select { background: #fafafa; } select:hover { background: #f2f2f2; } } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } .prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; } span.prefix.radius, label.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } span.postfix, label.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; } span.postfix.radius, label.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* Input groups will automatically style first and last elements of the group */ .input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: #fbfbfb; font-family: inherit; font-size: 12px !important; border: 2px solid #d3d3d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.7rem 0.7rem 0.9rem 0.7rem; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: #fbfbfb; font-family: inherit; font-size: 12px !important; border: 2px solid #d3d3d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.750rem 0.7rem 1.1rem 0.7rem; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 7px #a8f999; -moz-box-shadow: 0 0 7px #a8f999; box-shadow: 0 0 7px #a8f999; border-color: #a8f999; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #a8f999; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; } /* Adjust margin for form elements below */ input[type="file"], select { margin: 0 0 1rem 0; } input[type="radio"], input[type="checkbox"] { margin: 0.8rem 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; position:relative; top:-2px } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: solid 1px #dddddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 1.25rem; margin: 1.125rem 0; } fieldset legend { font-weight: bold; background: white; padding: 0 0.313rem; margin: 0; margin-left: -0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; } .error input, .error textarea, .error select { margin-bottom: 0; } .error label, .error label.error { color: #f04124; } .error > small, .error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; } .error span.error-message { display: block; } input.error, textarea.error { margin-bottom: 0; } label.error { color: #f04124; } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { .small-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { .medium-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-1 > li:nth-of-type(n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-2 > li:nth-of-type(n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-3 > li:nth-of-type(n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-4 > li:nth-of-type(n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-5 > li:nth-of-type(n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-6 > li:nth-of-type(n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-7 > li:nth-of-type(n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-8 > li:nth-of-type(n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-9 > li:nth-of-type(n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-10 > li:nth-of-type(n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-11 > li:nth-of-type(n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; padding: 0 0.625rem 1.25rem; } .medium-block-grid-12 > li:nth-of-type(n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { .large-block-grid-1 > li { width: 100%; padding: 0 0.625rem 1.25rem; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 0.625rem 1.25rem; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625rem 1.25rem; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 0.625rem 1.25rem; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 0.625rem 1.25rem; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.56666%; padding: 0 0.625rem 1.25rem; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625rem 1.25rem; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625rem 1.25rem; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625rem 1.25rem; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 9.98888%; padding: 0 0.625rem 1.25rem; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.06091%; padding: 0 0.625rem 1.25rem; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.35111%; padding: 0 0.625rem 1.25rem; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* start of no-gutter style - prodigystudio */ .no-gutter li {padding: 0rem;} /*.large-block-grid-1.no-gutter, .large-block-grid-2.no-gutter, .large-block-grid-3.no-gutter, .large-block-grid-4.no-gutter, .large-block-grid-5.no-gutter, .large-block-grid-6.no-gutter, .large-block-grid-7.no-gutter, .large-block-grid-8.no-gutter, .large-block-grid-9.no-gutter, .large-block-grid-10.no-gutter, .large-block-grid-11.no-gutter, .large-block-grid-12.no-gutter {margin-bottom:1.25rem;} .large-block-grid-1.no-gutter > li {width:100%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-2.no-gutter > li {width:50.25000%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-3.no-gutter > li {width:33.99%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-4.no-gutter > li {width:25.73333%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-5.no-gutter > li {width:20.73333%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-6.no-gutter > li {width:17.37777%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-7.no-gutter > li {width:15.03000%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-8.no-gutter > li {width:13.28000%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-9.no-gutter > li {width:11.91400%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-10.no-gutter > li {width:11.91900%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-11.no-gutter > li {width:9.87900%; margin-right:-1.25rem; margin-bottom:-1.25rem;} .large-block-grid-12.no-gutter > li {width:9.18654%; margin-right:-1.25rem; margin-bottom:-1.25rem;}*/ /* end of no-gutter style - prodigystudio */ .flex-video { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .keystroke, kbd { background-color: #ededed; border-color: #dbdbdb; color: #222222; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 0.875rem; padding: 0.125rem 0.25rem 0; -webkit-border-radius: 3px; border-radius: 3px; } /* Foundation Visibility HTML Classes */ .show-for-small, .show-for-small-only, .show-for-medium-down, .show-for-large-down, .hide-for-medium, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .hide-for-small, .hide-for-small-only, .hide-for-medium-down, .show-for-medium, .show-for-medium-up, .show-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } /* Specific visibility for tables */ table.show-for-small, table.show-for-small-only, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.show-for-small, thead.show-for-small-only, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-small-only, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.show-for-small, tr.show-for-small-only, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.show-for-small, td.show-for-small-only, td.show-for-medium-down td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge td.hide-for-xlarge-up, td.hide-for-xxlarge-up, th.show-for-small, th.show-for-small-only, th.show-for-medium-down th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge th.hide-for-xlarge-up, th.hide-for-xxlarge-up { display: table-cell !important; } /* Medium Displays: 641px and up */ @media only screen and (min-width: 40.063em) { .hide-for-small, .hide-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-up, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small, .show-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } /* Specific visibility for tables */ table.hide-for-small, table.hide-for-small-only, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-up, table.show-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-up, thead.show-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-up, tbody.show-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-up, tr.show-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-up, td.show-for-medium-only, td.hide-for-large, td.hide-for-large-up, td.hide-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-up, th.show-for-medium-only, th.hide-for-large, th.hide-for-large-up, th.hide-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } } /* Large Displays: 1024px and up */ @media only screen and (min-width: 64.063em) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } /* Specific visilbity for tables */ table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large, table.show-for-large-up, table.show-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large, thead.show-for-large-up, thead.show-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large, tbody.show-for-large-up, tbody.show-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large, tr.show-for-large-up, tr.show-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large, td.show-for-large-up, td.show-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large, th.show-for-large-up, th.show-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } } /* X-Large Displays: 1441 and up */ @media only screen and (min-width: 90.063em) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } /* Specific visilbity for tables */ table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.show-for-xlarge, table.show-for-xlarge-up, table.show-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.show-for-xlarge, thead.show-for-xlarge-up, thead.show-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.show-for-xlarge, tbody.show-for-xlarge-up, tbody.show-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.show-for-xlarge, tr.show-for-xlarge-up, tr.show-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.show-for-xlarge, td.show-for-xlarge-up, td.show-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.show-for-xlarge, th.show-for-xlarge-up, th.show-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } } /* XX-Large Displays: 1920 and up */ @media only screen and (min-width: 120.063em) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .show-for-xlarge-up, .show-for-xxlarge-up, .show-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: none !important; } /* Specific visilbity for tables */ table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.show-for-xlarge-up, table.show-for-xxlarge-up, table.show-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.show-for-xlarge-up, thead.show-for-xxlarge-up, thead.show-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.show-for-xlarge-up, tr.show-for-xxlarge-up, tr.show-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.show-for-xlarge-up, td.show-for-xxlarge-up, td.show-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.show-for-xlarge-up, th.show-for-xxlarge-up, th.show-for-xxlarge-only { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visilbity for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visilbity for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Default Caption Style - prodigystudio */ .large-block-grid-1 figure, .large-block-grid-2 figure, .large-block-grid-3 figure, .large-block-grid-4 figure, .large-block-grid-5 figure, .large-block-grid-6 figure, .large-block-grid-7 figure, .large-block-grid-8 figure, .large-block-grid-9 figure, .large-block-grid-10 figure, .large-block-grid-11 figure, .large-block-grid-12 figure, .item figure{ margin: 0; position: relative; } .large-block-grid-1 figure img, .large-block-grid-2 figure img, .large-block-grid-3 figure img, .large-block-grid-4 figure img, .large-block-grid-5 figure img, .large-block-grid-6 figure img, .large-block-grid-7 figure img, .large-block-grid-8 figure img, .large-block-grid-9 figure img, .large-block-grid-10 figure img, .large-block-grid-11 figure img, .large-block-grid-12 figure img, .item figure img { max-width: 100%; display: block; position: relative; } .large-block-grid-1 figcaption, .large-block-grid-2 figcaption, .large-block-grid-3 figcaption, .large-block-grid-4 figcaption, .large-block-grid-5 figcaption, .large-block-grid-6 figcaption, .large-block-grid-7 figcaption, .large-block-grid-8 figcaption, .large-block-grid-9 figcaption, .large-block-grid-10 figcaption, .large-block-grid-11 figcaption, .large-block-grid-12 figcaption, .item figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #59ba47; color: #fff; } .large-block-grid-1 figcaption h3, .large-block-grid-2 figcaption h3, .large-block-grid-3 figcaption h3, .large-block-grid-4 figcaption h3, .large-block-grid-5 figcaption h3, .large-block-grid-6 figcaption h3, .large-block-grid-7 figcaption h3, .large-block-grid-8 figcaption h3, .large-block-grid-9 figcaption h3, .large-block-grid-10 figcaption h3, .large-block-grid-11 figcaption h3, .large-block-grid-12 figcaption h3, .item figcaption h3 { margin: 0; padding: 0; color: #fff; } .large-block-grid-1 figcaption span:before, .large-block-grid-2 figcaption span:before, .large-block-grid-3 figcaption span:before, .large-block-grid-4 figcaption span:before, .large-block-grid-5 figcaption span:before, .large-block-grid-6 figcaption span:before, .large-block-grid-7 figcaption span:before, .large-block-grid-8 figcaption span:before, .large-block-grid-9 figcaption span:before, .large-block-grid-10 figcaption span:before, .large-block-grid-11 figcaption span:before, .large-block-grid-12 figcaption span:before, .item figcaption span:before { content: 'by '; } .large-block-grid-1 figcaption a, .large-block-grid-2 figcaption a, .large-block-grid-3 figcaption a, .large-block-grid-4 figcaption a, .large-block-grid-5 figcaption a, .large-block-grid-6 figcaption a, .large-block-grid-7 figcaption a, .large-block-grid-8 figcaption a, .large-block-grid-9 figcaption a, .large-block-grid-10 figcaption a, .large-block-grid-11 figcaption a, .large-block-grid-12 figcaption a, .item figcaption a { text-align: center; padding: 5px 10px; border-radius: 2px; display: inline-block; background: #fff; color: #59ba47; } /* Caption Style 1 */ .cs-style-1 figcaption { height: 100%; width: 100%; opacity: 0; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .no-touch .cs-style-1 figure:hover figcaption, .cs-style-1 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translate(15px, 15px); -moz-transform: translate(15px, 15px); -ms-transform: translate(15px, 15px); transform: translate(15px, 15px); } .large-block-grid-1.cs-style-1 figcaption h3 { margin-top: 24%; } .large-block-grid-2.cs-style-1 figcaption h3 { margin-top: 16%; } .large-block-grid-3.cs-style-1 figcaption h3 { margin-top: 4%; } .large-block-grid-4.cs-style-1 figcaption h3 { margin-top: 1%; margin-bottom: -10%; } .large-block-grid-4.cs-style-1 figcaption span { display: none; } .large-block-grid-5.cs-style-1 figcaption h3 { font-size: 130%; margin-top: -1%; margin-bottom: -16%; } .large-block-grid-5.cs-style-1 figcaption span { display: none; } .cs-style-1 figcaption span { display: block; } .cs-style-1 figcaption a { margin-top: 90px; } /* Caption Style 2 */ .cs-style-2 figure img { z-index: 10; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-2 figure:hover img, .cs-style-2 figure.cs-hover img { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); transform: translateY(-90px); } .large-block-grid-1.cs-style-2 figcaption h3 { margin-top: -1.2%; } .large-block-grid-2.cs-style-2 figcaption h3 { margin-top: -2%; } .large-block-grid-3.cs-style-2 figcaption h3 { margin-top: -3%; } .large-block-grid-4.cs-style-2 figcaption h3, .large-block-grid-5.cs-style-2 figcaption h3 { display:none; } .large-block-grid-4.cs-style-2 figcaption span, .large-block-grid-5.cs-style-2 figcaption span { display: none; } .large-block-grid-4.cs-style-2 figcaption a, .large-block-grid-5.cs-style-2 figcaption a { left: 20px; } .cs-style-2 figcaption { height: 90px; width: 100%; top: auto; bottom: 0; } .cs-style-2 figcaption a { position: absolute; right: 20px; top: 27px; } /* Caption Style 3 */ .cs-style-3 figure { overflow: hidden; } .cs-style-3 figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .large-block-grid-1.cs-style-3 figcaption h3 { margin-top: -0.5%; } .large-block-grid-2.cs-style-3 figcaption h3 { margin-top: -1%; } .large-block-grid-3.cs-style-3 figcaption h3 { margin-top: -2%; } .large-block-grid-4.cs-style-3 figcaption h3, .large-block-grid-5.cs-style-3 figcaption h3 { display:none; } .large-block-grid-4.cs-style-3 figcaption span, .large-block-grid-5.cs-style-3 figcaption span { display: none; } .large-block-grid-4.cs-style-3 figcaption a, .large-block-grid-5.cs-style-3 figcaption a { left: 20px; } .cs-style-3 figcaption { height: 100px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .cs-style-3 figcaption a { position: absolute; bottom: 32px; right: 20px; } /* Caption Style 4 */ .cs-style-4 li { -webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; perspective-origin: 0 50%; } .cs-style-4 figure { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .cs-style-4 figure > div, .cs-style-4 figure > div { overflow: hidden; } .cs-style-4 figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-4 figure:hover img, .cs-style-4 figure.cs-hover img { -webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); } .large-block-grid-1.cs-style-4 figcaption h3 { margin-top: -2%; } .large-block-grid-2.cs-style-4 figcaption h3 { margin-top: -5%; } .large-block-grid-3.cs-style-4 figcaption h3 { margin-top: -10%; } .large-block-grid-4.cs-style-4 figcaption h3, .large-block-grid-5.cs-style-4 figcaption h3 { display:none; } .large-block-grid-3.cs-style-4 figcaption span, .large-block-grid-4.cs-style-4 figcaption span, .large-block-grid-5.cs-style-4 figcaption span { display: none; } .large-block-grid-4.cs-style-4 figcaption a, .large-block-grid-5.cs-style-4 figcaption a { left: 20px; } .cs-style-4 figcaption { height: 100%; width: 50%; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .no-touch .cs-style-4 figure:hover figcaption, .cs-style-4 figure.cs-hover figcaption { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .cs-style-4 figcaption a { position: absolute; bottom: 20px; right: 20px; } /* Caption Style 5 */ .cs-style-5 figure img { z-index: 10; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-5 figure:hover img, .cs-style-5 figure.cs-hover img { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } .large-block-grid-1.cs-style-5 figcaption h3 { margin-top: -0.8%; } .large-block-grid-2.cs-style-5 figcaption h3 { margin-top: -1.8%; } .large-block-grid-3.cs-style-5 figcaption h3 { margin-top: -3.2%; } .large-block-grid-4.cs-style-5 figcaption h3, .large-block-grid-5.cs-style-5 figcaption h3 { display:none; } .large-block-grid-3.cs-style-5 figcaption span, .large-block-grid-4.cs-style-5 figcaption span, .large-block-grid-5.cs-style-5 figcaption span { display: none; } .large-block-grid-4.cs-style-5 figcaption a, .large-block-grid-5.cs-style-5 figcaption a { z-index:999; bottom:0px; right:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .cs-style-5 figcaption { height: 100%; width: 100%; opacity: 0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .no-touch .cs-style-5 figure:hover figcaption, .cs-style-5 figure.cs-hover figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .cs-style-5 figure a { position: absolute; bottom: 20px; right: 20px; } /* Caption Style 6 */ .cs-style-6 figure img { z-index: 10; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .no-touch .cs-style-6 figure:hover img, .cs-style-6 figure.cs-hover img { -webkit-transform: translateY(-50px) scale(0.5); -moz-transform: translateY(-50px) scale(0.5); -ms-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); } .cs-style-6 figcaption { height: 100%; width: 100%; } .large-block-grid-1.cs-style-6 figcaption h3 { margin-top: 55.5%; } .large-block-grid-2.cs-style-6 figcaption h3 { margin-top: 52.2%; } .large-block-grid-3.cs-style-6 figcaption h3 { margin-top: 50%; } .large-block-grid-4.cs-style-6 figcaption h3, .large-block-grid-5.cs-style-6 figcaption h3 { display:none; } .large-block-grid-3.cs-style-6 figcaption span, .large-block-grid-4.cs-style-6 figcaption span, .large-block-grid-5.cs-style-6 figcaption span { display: none; } .large-block-grid-3.cs-style-6 figcaption a { bottom: 20px; right: 20px; } .large-block-grid-3.cs-style-6 figure:hover img, .large-block-grid-3.cs-style-6 figure.cs-hover img { -webkit-transform: translateY(-27px) scale(0.5); -moz-transform: translateY(-27px) scale(0.5); -ms-transform: translateY(-27px) scale(0.5); transform: translateY(-27px) scale(0.5); } .large-block-grid-4.cs-style-6 figure:hover img, .large-block-grid-4.cs-style-6 figure.cs-hover img { -webkit-transform: translateY(-3px) scale(0.5); -moz-transform: translateY(-3px) scale(0.5); -ms-transform: translateY(-3px) scale(0.5); transform: translateY(-3px) scale(0.5); } .large-block-grid-5.cs-style-6 figure:hover img, .large-block-grid-5.cs-style-6 figure.cs-hover img { -webkit-transform: translateY(-5px) scale(0.5); -moz-transform: translateY(-5px) scale(0.5); -ms-transform: translateY(-5px) scale(0.5); transform: translateY(-5px) scale(0.5); } .large-block-grid-4.cs-style-6 figcaption a, .large-block-grid-5.cs-style-6 figcaption a { bottom:0px; right:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .cs-style-6 figcaption a { position: absolute; bottom: 27px; right: 20px; } /* Caption Style 7 */ .cs-style-7 li:first-child { z-index: 6; } .cs-style-7 li:nth-child(2) { z-index: 5; } .cs-style-7 li:nth-child(3) { z-index: 4; } .cs-style-7 li:nth-child(4) { z-index: 3; } .cs-style-7 li:nth-child(5) { z-index: 2; } .cs-style-7 li:nth-child(6) { z-index: 1; } .cs-style-7 figure img { z-index: 10; } .cs-style-7 figure:hover img { z-index: 999; } .cs-style-7 figcaption { height: 100%; width: 100%; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s; transition: opacity 0.3s, height 0.3s, box-shadow 0.3s; box-shadow: 0 0 0 0px #2c3f52; } .no-touch .cs-style-7 figure:hover figcaption, .cs-style-7 figure.cs-hover figcaption { opacity: 1; height: 130%; box-shadow: 0 0 0 10px #2c3f52; z-index: 888; } .large-block-grid-1.cs-style-7 figcaption h3 { margin-top: 71%; } .large-block-grid-1.cs-style-7 figure:hover figcaption, .large-block-grid-1.cs-style-7 figure.cs-hover figcaption { height: 113.5% !important; } .large-block-grid-2.cs-style-7 figcaption h3 { margin-top: 73.2%; } .large-block-grid-2.cs-style-7 figure:hover figcaption, .large-block-grid-2.cs-style-7 figure.cs-hover figcaption { height: 127% !important; } .large-block-grid-3.cs-style-7 figcaption h3 { margin-top: 76%; margin-left: -10px; } .large-block-grid-3.cs-style-7 figcaption span { margin-left: -10px; } .large-block-grid-3.cs-style-7 figcaption a { bottom: 20px; right:10px; } .large-block-grid-3.cs-style-7 figure:hover figcaption, .large-block-grid-3.cs-style-7 figure.cs-hover figcaption { height: 140% !important; } .large-block-grid-4.cs-style-7 figcaption h3, .large-block-grid-5.cs-style-7 figcaption h3 { display:none; } .large-block-grid-4.cs-style-7 figure:hover figcaption, .large-block-grid-4.cs-style-7 figure.cs-hover figcaption { height: 140% !important; } .large-block-grid-4.cs-style-7 figcaption span, .large-block-grid-5.cs-style-7 figcaption span { display: none; } .large-block-grid-5.cs-style-7 figure:hover figcaption, .large-block-grid-5.cs-style-7 figure.cs-hover figcaption { height: 150% !important; } .large-block-grid-4.cs-style-7 figcaption a, .large-block-grid-5.cs-style-7 figcaption a { left: 20px; bottom: 9px; } .cs-style-7 figcaption h3, .cs-style-7 figcaption span, .cs-style-7 figcaption a { opacity: 0; -webkit-transition: opacity 0s; -moz-transition: opacity 0s; transition: opacity 0s; } .cs-style-7 figcaption a { position: absolute; bottom: 23px; right: 20px; } .no-touch .cs-style-7 figure:hover figcaption h3, .no-touch .cs-style-7 figure:hover figcaption span, .no-touch .cs-style-7 figure:hover figcaption a, .cs-style-7 figure.cs-hover figcaption h3, .cs-style-7 figure.cs-hover figcaption span, .cs-style-7 figure.cs-hover figcaption a { -webkit-transition: opacity 0.3s 0.2s; -moz-transition: opacity 0.3s 0.2s; transition: opacity 0.3s 0.2s; opacity: 1; } /* Tabs Style - prodigystudio */ ul.tabs { display:block; margin-bottom:0px; height:46px; list-style:none; padding:5px 0 0 2px; float:left; } ul.tabs li { float:left; height:46px; } ul.tabs li a { display:block; height:44px; line-height:40px; border:solid 1px #ddd; color:#a2a2a2; background:#fafafa; font-size:13px; text-decoration:none; border-width:1px 1px 0; margin:0 0 0 -1px; padding:0 22px; position:relative; z-index:100; } ul.tabs li.active a { position:relative; height:45px; top:-2px; padding-top:4px; background:#fff; border-top:solid 1px #1abc9c; border-bottom:none; color:#1abc9c; position:relative; z-index:100; } .tab_container { width:99.6%!important; margin:0px 0px 12px 1px; border-top:none; clear:both; background:#fff; border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; float:left; } /* Tab bottom Styling */ ul.tabs-bottom { display:block; margin-top:-8px; margin-bottom:12px; height:46px; list-style:none; padding:5px 0 0 2px; float:left; } ul.tabs-bottom li { float:left; height:46px; } ul.tabs-bottom li a { display:block; height:44px; line-height:40px; border:solid 1px #ddd; color:#a2a2a2; background:#fafafa; font-size:13px; text-decoration:none; border-width:0px 1px 1px 1px; margin:0 0 0 -1px; padding:0 22px; position:relative; z-index:100; } ul.tabs-bottom li.active a { position:relative; height:45px; top:1px; padding-bottom:4px; background:#fff; border-bottom:solid 1px #1abc9c; border-top:none; color:#1abc9c; position:relative; z-index:100; } .tab_container-bottom { width:99.6%!important; margin:0px 0px 0px 1px; border-top:none; clear:both; background:#fff; border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; float:left; } /* Tab left Styling */ ul.tabs-left { display:block; margin-top:17px; border-bottom:solid 1px #ddd; list-style:none; padding:0px; float:left; } ul.tabs-left li a { display:block; height:44px; line-height:40px; border:solid 1px #ddd; color:#a2a2a2; background:#fafafa; font-size:13px; text-decoration:none; border-width:1px 1px 0; margin:0px; padding:0 15px; position:relative; z-index:-2; } ul.tabs-left li.active a { height:44px; padding:0 16px; background:#fff !important; border-left:solid 1px #1abc9c; border-right:none; color:#1abc9c; position:relative; } .tab_container-left { margin:0px 0px 12px 0px; background:#fff; border-left: solid 1px #ddd; position:relative; left:-1px; float:right; } ::made-up-pseudo-element, .tab_container-left {left:-2px;} _:-o-prefocus, .tab_container-left {left:-2px;} .tab_container-left:before{ content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 25px rgba(0,0,0,0.2); -moz-box-shadow:0 0 25px rgba(0,0,0,0.2); box-shadow:0 0 25px rgba(0,0,0,0.2); top:23px; bottom:23px; left:0; right:25px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } /* Tab right Styling */ ul.tabs-right { display:block; margin-top:17px; border-bottom:solid 1px #ddd; list-style:none; padding:0px; float:right; } ul.tabs-right li a { display:block; height:44px; line-height:40px; border:solid 1px #ddd; color:#a2a2a2; background:#fafafa; font-size:13px; text-decoration:none; border-width:1px 1px 0; margin:0px; padding:0 16px; position:relative; z-index:-2; } ul.tabs-right li.active a { height:44px; background:#fff !important; border-right:solid 1px #1abc9c; border-left:none; color:#1abc9c; position:relative; } .tab_container-right { margin:0px 0px 12px 0px; background:#fff; border-right: solid 1px #ddd; position:relative; right:-1px; float:left; } ::made-up-pseudo-element, .tab_container-right {right:-2px;} _:-o-prefocus, .tab_container-right {right:-2px;} .tab_container-right:before{ content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 25px rgba(0,0,0,0.2); -moz-box-shadow:0 0 25px rgba(0,0,0,0.2); box-shadow:0 0 25px rgba(0,0,0,0.2); top:23px; bottom:23px; left:25px; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .large-12 ul.tabs-left, .large-12 ul.tabs-right {width:16.3% !important;} .large-12 .tab_container-left, .large-12 .tab_container-right {width:83.7% !important;} .large-11 ul.tabs-left, .large-11 ul.tabs-right {width:18.6% !important;} .large-11 .tab_container-left, .large-11 .tab_container-right {width:81.4% !important;} .large-10 ul.tabs-left, .large-10 ul.tabs-right {width:20.7% !important;} .large-10 .tab_container-left {width:79.3% !important;} .large-9 ul.tabs-left, .large-9 ul.tabs-right {width:22.8% !important;} .large-9 .tab_container-left, .large-9 .tab_container-right {width:77.2% !important;} .large-8 ul.tabs-left, .large-8 ul.tabs-right {width:26% !important;} .large-8 .tab_container-left, .large-8 .tab_container-right {width:74% !important;} .large-7 ul.tabs-left, .large-7 ul.tabs-right {width:29.7% !important;} .large-7 .tab_container-left, .large-7 .tab_container-right {width:70.3% !important;} .large-6 ul.tabs-left, .large-6 ul.tabs-right {width:34.8% !important;} .large-6 .tab_container-left, .large-6 .tab_container-right {width:60% !important;} .tab_content, .tab_content-bottom {padding:25px 28px 15px;} .tab_content-left {padding:0px 0px 10px 28px;} .tab_content-right {padding:0px 28px 10px 0px;} .tab_content p, .tab_content-bottom p, .tab_content-left p, .tab_content-right p {font-size:13px; line-height:24px; padding-top:5px;} .tab_content img, .tab_content-bottom img, .tab_content-left img, .tab_content-right img {margin-top:8px; float:left;} /* Additional Style - prodigystudio */ ul.the-icons {margin-top:22px;} .the-icons li i { padding: 5px 15px 8px 15px; font-size: 28px; position: relative; top: -26px; margin: 5px 8px 0 0; border: 1px solid #e0e0e0; background-color: #fcfcfc; -webkit-box-shadow: 0px 2px 0px 0px rgba(247,247,247,1); -moz-box-shadow: 0px 2px 0px 0px rgba(247,247,247,1); box-shadow: 0px 2px 0px 0px rgba(247,247,247,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; } .img-left {float:left; border:none; margin:3px 16px 11px 0;} .img-right {float:right; border:none; margin:3px 0 11px 16px;} .img-center {display:block; margin:5px auto 11px;} .img-radius { /* border-radius: 5px;*/ -moz-border-radius: 5px; -khtml-border-radius: 5px; /* -webkit-border-radius: 5px;*/ } .text-overflow {overflow: hidden !important;} .highlight {padding:2px 5px 3px 5px; background:#95a5a6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#fff; vertical-align:baseline;} pre { font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; background:url(../img/pre.gif) repeat 0px -8px; display: block; padding: 12px 15px 11px 15px; margin: 0 0 20px; font-size: 13px; line-height:18px; word-break: break-all; word-wrap: break-word; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; } video { width: 100%; max-height: 100%; box-sizing: border-box; } .audio-wrapper .mejs-container {width:100% !important; margin:20px 0 0px 0 !important;} .video-wrapper .mejs-container {width:100% !important; margin:-15px 0 0px 0 !important;} .gap-top100 {margin-top:100px !important;} .gap-top75 {margin-top:75px !important;} .gap-top50 {margin-top:50px !important;} .gap-top35 {margin-top:35px !important;} .gap-top25 {margin-top:25px !important;} .gap-top12 {margin-top:12px !important;} .gap-top8 {margin-top:8px !important;} .gap-top4 {margin-top:4px !important;} .gap-top0 {margin-top:0px !important;} .gap-bottom100 {margin-bottom:100px !important;} .gap-bottom75 {margin-bottom:75px !important;} .gap-bottom50 {margin-bottom:50px !important;} .gap-bottom35 {margin-bottom:35px !important;} .gap-bottom25 {margin-bottom:25px !important;} .gap-bottom12 {margin-bottom:12px !important;} .gap-bottom8 {margin-bottom:8px !important;} .gap-bottom4 {margin-bottom:4px !important;} .gap-bottom0 {margin-bottom:0px !important;} .gap-left100 {margin-left:100px !important;} .gap-left75 {margin-left:75px !important;} .gap-left50 {margin-left:50px !important;} .gap-left35 {margin-left:35px !important;} .gap-left25 {margin-left:25px !important;} .gap-left12 {margin-left:12px !important;} .gap-left8 {margin-left:8px !important;} .gap-left4 {margin-left:4px !important;} .gap-left0 {margin-left:0px !important;} .gap-right100 {margin-right:100px !important;} .gap-right75 {margin-right:75px !important;} .gap-right50 {margin-right:50px !important;} .gap-right35 {margin-right:35px !important;} .gap-right25 {margin-right:25px !important;} .gap-right12 {margin-right:12px !important;} .gap-right8 {margin-right:8px !important;} .gap-right4 {margin-right:4px !important;} .gap-right0 {margin-right:0px !important;} .width80 {width: 80% !important;} .width50 {width: 50% !important;} .clear {clear:both !important;} .blog-info { width: 100%; float: left; } .blog-info h6 { width:100%; margin-bottom:15px; padding-bottom:3px; font: 10px Arial !important; letter-spacing: 2px; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #ebebeb; float:left; } .blog-info h6 span { padding:3px 7px; background-color:#ebebeb; color:#9a9a9a; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .blog-info img { width:80px; height:80px; margin:7px 20px 0 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; float:left; } ul.blog-social {margin-bottom:5px;} .blog-social li {display:inline-block; margin-right:17px;} .blog-social li i {margin-right:5px; position:relative; top:2px;} ul.share-social {margin:5px 0 5px 0; float:left;} ul.share-social li {width:33px; height:33px; background-color:#95a5a6; color:#fff; display:inline-block; margin-right:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} ul.share-social li i {color:#fff; font-size:16px; margin-left:9px; line-height:33px;} /* Additional Style - prodigystudio */ /* Progress Bar Style - prodigystudio */ .donutalign {margin:0 auto 16px auto !important;} .progress-bar { width: 100%; height: 42px; margin-bottom:12px; background-color: #f1f1f1; } .progress-bar div { height: 100%; width: 0; background:#95a5a6; } .progress-bar.green div {background:#1abc9c !important;} .progress-bar.blue div {background:#3498db !important;} .progress-bar.yellow div {background:#f1c40f !important;} .progress-bar.red div {background:#ed4f4f !important;} .progress-bar div.progress-meter { width:40px; height:28px; margin-top:7px; padding-left:3px; color:#8c8c8c; text-align:center; line-height:27px; background-color:#fff !important; position:absolute; right:20px; } .progress-title { width:auto !important; color: #fff; font-size:12px; font-weight:bold; position:relative; top:-34px; left:13px; z-index:100; } /* Accordion Style - prodigystudio */ .accordion-title { cursor:pointer; background-color: #fafafa; border:1px solid #ddd; padding:13px 15px 14px; clear:both; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .accordion-title.open-accordion { background:#fafafa; border:1px solid #ddd; color:#9a9a9a !important; } .accordion-content { background-color:#fff; border:1px solid #ddd; margin:0 0 5px; padding:13px 21px 0px; position:relative; } .open-accordion, .closed-accordion { color:#9a9a9a!important; margin-bottom:5px; } .accordion-icon { font-size:11px; margin-right:10px; top:2px; position:relative; } /* Fancybox Styling - prodigystudio */ .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: 13px/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('../img/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('../img/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; -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: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } .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); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Tag Cloud - prodigystudio */ .tag-cloud { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; text-transform:uppercase; width:100%; float:left; margin:7px 0 22px; } .tag-cloud a,.tag-cloud a:visited { display:block; color:#a8a8a8; background-color:#fcfcfc; border: solid 1px #e0e0e0; text-decoration:none; float:left; margin:0 8px 8px 0; padding:2px 9px 3px 9px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tag-cloud a:hover { display:block; color:#fff; background-color:#95a5a6; border:1px solid #95a5a6; text-decoration:none; float:left; margin:0 8px 8px 0; padding:2px 9px 3px 9px; } /* Portfolio filter */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /* menu navigation */ .nav { list-style: none; *zoom: 1; background: #175e4c; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav ul { list-style: none; width: 9em; } .nav a { padding: 10px 15px; color: #fff; } .nav li { position: relative; } .nav > li { float: left; } .nav > li > .parent { /*background-image: url("images/downArrow.png");*/ background-repeat: no-repeat; background-position: right; } .nav > li > a { display: block; } .nav li ul { position: absolute; left: -9999px; } .nav > li.hover > ul { left: 0; } .nav li li.hover ul { left: 100%; top: 0; } .nav li li a { display: block; background: #1d7a62; position: relative; z-index: 100; border-top: 1px solid #175e4c; } .nav li li li a { background: #249578; z-index: 200; border-top: 1px solid #1d7a62; } /* menu level3 */ .nav ul ul li.dropdown ul { display: none; } /*---------------------------------------------------------------------------------- Prodigy Stylanguagese - Reva HTML5 Template ------------------------------------------------------------------------------------ file --> prodigy.css ------------------------------------------------------------------------------------ http://prodigystudio.net Prodigy Studio. Copyright © 2014. All Rights Reserved. ------------------------------------------------------------------------------------*/ @import url('normalize.css'); /* reva import css */ @import url("animate.css"); @import url("whhg.css"); @import url("entyposocials.css"); @import url("prodigy-component.css"); @import url("responsivetabs.css"); @import url("carousel.css"); /*---------------------------------------------------- Reva - CSS File ------------------------------------------------------*/ body { background: #ebebeb; font: 13px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px; color: #b3b3b3; margin: 0; padding: 0; overflow-x: hidden; } #infokitheader { float: right; font-size: 58px; color: black; margin-right: 350px; } .sliderGoals { margin-top: 200px; float: left; margin-left: -600px; } #box-wrapper { /* width: 1100px; margin: 0px auto;*/ background: #fff; } #outsourcingBottom { margin-left: 0px; text-align: center; } selector + [data-readmore-toggle], selector[data-readmore] { display: block; width: 100%; } /*#box-wrapper header#header1 { width: 1100px; margin: 0 auto; } #box-wrapper #pagetitle-wrapper { width: 1100px; }*/ button:focus { outline: 0; } a, a:visited { color: #59ba47; text-decoration: none; } a:hover { color: #73e05f; text-decoration: none; } /* Header Styling */ header { height: 101px; } header#header1 { width: 100%; height: 136px; background: url(../img/header_bg.png) repeat-x; position: relative; z-index: 900 !important; } header#header2 { width: 100%; background: #31373a url(../img/concrete_wall.png) repeat; position: relative; z-index: 999; } /* Add * for required fields*/ .required:after { content: " *"; font-weight: bold; color: #E80C4D; } .alignContent { margin-left: auto; margin-right: auto; width: 85%; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { header#header2 { background: #31373a url(../img/concrete_wall@2x.png) repeat; background-size: 520px 520px; } } #languages { float: right; margin-top: 36px; padding-left: 10px; } header#header3 { width: 100%; background-color: #fff; position: relative; z-index: 999; } header#header2 #logo { margin: 22px 0 0 0; float: left; } #logo { margin: 28px 0 0 0; float: left; } #logo img { width: 131px; height: 45px; } #navigation { position: relative; z-index: 900; } #nav-menu { width: 100%; background: none !important; } .stegulet { float: right; margin: 10px; margin-top: 35px; } .nav { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; float: right; margin: 34px 0 0; background: transparent; } .nav a { padding: 2px 12px 4px 12px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav li { margin-left: 3px; margin-right: 3px; padding-left: 0px; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; transition: background .25s ease-in-out; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav > li.active a { background: #59ba47; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav > li.active.dropdown li a { color: #95A5A6; background: #fff; } .nav > li:hover { background: #59ba47; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav > li.dropdown:hover { padding-bottom: 5px; -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; position: relative; z-index: 999; } .nav > li.dropdown:hover ul { -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; } .nav li ul { font-size: 12px; margin-top: 3px; margin-left: 0; background-color: #fff; width: 160px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1); } .nav li ul ul { margin-top: 0px; } .nav li ul > li { line-height: 30px; margin-left: 0px; padding-left: 0px; border-bottom: 1px solid #efefef; } .nav li ul > li.dropdown:after { width: 0px; height: 0px; font-family: 'WebHostingHub-Glyphs'; font-style: normal; color: #a4b2b3; content: '\f488'; font-size: 7px; position: relative; top: -34px; right: 20px; float: right; } .nav li ul > li a { background-color: transparent; color: #95A5A6; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; } .nav li.active ul > li.active a { color: #59ba47; } .nav li ul > li a:hover { padding-left: 20px; } .nav > .dropdown ul li a:hover { color: #59ba47; } .nav > .dropdown ul li:last-child { border-bottom: none; } /*update version 1.1*/ .nav li.dropdown > ul { opacity: 0; transition: opacity 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s; -webkit-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; -ms-transition: opacity 0.4s ease-in-out 0s; } .nav li.dropdown:hover > ul { opacity: 1; } /*update version 1.1*/ a.toggleMenu { width: 32px; height: 32px; margin-top: 34px; background: #59ba47; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; font-size: 13px; color: #fff; display: block; float: right; } ul.nav a { cursor: pointer; } a.active.toggleMenu { width: 32px; height: 32px; background: #59ba47; } a.toggleMenu i { top: 3px; left: 9px; position: relative; } /* header sticky */ header.stuck { display: block; height: 56px !important; background: rgba(255, 255, 255, 1) !important; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; -ms-transition: background .2s linear; transition: background .2s linear; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); z-index: 9999 !important; } header.stuck .nav-menu { margin-top: -22px; -webkit-transition: padding .2s linear; -moz-transition: padding .2s linear; -o-transition: padding .2s linear; -ms-transition: padding .2s linear; transition: padding .2s linear; } header.stuck .nav a { color: #fff; } header.stuck .nav .active a { color: #fff; } header.stuck .nav > li a { color: #95A5A6; } header.stuck .nav > li:hover a { color: #fff; } header.stuck .nav > li.dropdown:hover a { color: #fff; } header.stuck .nav li ul > li a { color: #95A5A6 !important; } header.stuck .nav li ul > li a:hover { color: #59ba47 !important; } header.stuck .nav li.active ul > li.active a { color: #59ba47 !important; } header.stuck .form-search .search-icon { background-color: #95A5A6; color: #FFFFFF; } header.stuck .form-search.form-search-open .search-icon { background-color: #59BA47; color: #FFFFFF; } .search-icon { background: url(../img/+.jpg); width: 32px; height: 32px; } header.stuck #logo { margin-top: 12px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } header.stuck #logo img { width: 93px; height: 32px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* Search */ .form-search { position: relative; top: 34px; width: 0%; min-width: 32px; height: 32px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .form-search form { margin: 0; } input.search-input { height: 33px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px; -moz-box-shadow: 0px; box-shadow: 0px; margin: 0; padding: 0 0 0 43px; border: none; right: 32px; } div.search-input { height: 33px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px; -moz-box-shadow: 0px; box-shadow: 0px; margin: 0; border: none; left: 10px; } .search-input { position: absolute; top: -1px; right: 0; bottom: 0; border: none; outline: none; width: 100%; height: 32px; margin: 0; z-index: 10; padding: 0px; font-family: inherit; font-size: 20px; color: #969BA2; margin-right: 9px; outline: none; } .search-input::-webkit-input-placeholder { color: #bfbfbf; } .search-input:-moz-placeholder { color: #bfbfbf; } .search-input::-moz-placeholder { color: #bfbfbf; } .search-input:-ms-input-placeholder { color: #bfbfbf; } .search-icon, .search-submit { width: 32px; height: 32px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 29px; text-align: center; cursor: pointer; } .search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; top: 0; } .search-icon { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; color: #59ba47; background: #fff; z-index: 90; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .search-icon i { top: 1px; left: -1px; position: relative; } /* Open state */ .form-search.form-search-open, .no-js .form-search { width: 160px; } .form-search.form-search-open .search-icon, .no-js .form-search .search-icon { background: #59ba47; color: #fff; z-index: 11; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .form-search.form-search-open .search-submit, .no-js .form-search .search-submit { z-index: 90; } /* Slideshow Styling */ #slide-wrapper { width: 100%; height: 575px; margin-top: -136px; position: relative; } #slide-wrapper.video-wrapper { height: 643px !important; margin-bottom: -68px; } .vjs-loading-spinner { display: none !important; } /*FF CSS Hack*/ body:last-child .video-banner ul li .video-js, x:-moz-any-link { height: 186% !important; top: -245px; } /*FF CSS Hack*/ body:last-child .banner, x:-moz-any-link { float: left; position: absolute; } /*IE10 CSS Hack*/ body:last-child .banner { float: left; position: absolute; } .slide_overlay { width: 100% !important; height: 100% !important; background: rgba(0,0,0,0.2); } .slide_pattern { width: 100% !important; height: 100% !important; background: url(../img/bg_pattern-slide.png); } .slide_pattern2 { width: 100% !important; height: 100% !important; background: url(../js/rs-plugin/assets/gridtile.png); position: relative; z-index: 9999; } .banner { width: 100%; height: 575px !important; position: relative; overflow: hidden; margin: 0 auto; } .banner-pf { width: 100%; height: 599px !important; background: #dcdcdc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 10px 0 40px 0; position: relative; overflow: hidden; } .banner-blog { width: 100%; height: 316px !important; background: #dcdcdc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; overflow: hidden; margin: 0 auto; } .banner-pf ul li img { height: 599px !important; } .banner-blog ul li img { height: 316px !important; } /* Pagetitle Styling */ #pagetitle-wrapper { width: 100%; height: 325px; background: url(../img/header_site.jpg) no-repeat top center; margin-top: -136px; position: relative; } /*FF CSS Hack*/ body:last-child #pagetitle-wrapper, x:-moz-any-link { float: left; position: absolute; } /*IE10 CSS hack */ _::-ms-reveal, #pagetitle-wrapper { float: left; position: absolute; } /*IE9 CSS hack*/ #pagetitle-wrapper:nth-of-type(1n) { float: left\9; position: absolute\9; } #pagetitle-wrapper:after { width: 100%; height: 325px; content: ""; display: block; background: rgba(0,0,0,0.2); margin-top: -253px; position: relative; bottom: -74px; } #pagetitle-wrapper h1 { font-size: 64px !important; text-transform: uppercase; text-align: right; margin: 97px 0 10px 0; color: #fff; position: relative; z-index: 889; margin-right: 347px; margin-top: 26px; margin-left: 25%; bottom: -90px; } #pagetitle-wrapper h5 { text-align: right; color: #fff; position: relative; z-index: 889; float: right; margin-right: 420px; } .breadcrumb { position: relative; z-index: 850; bottom: -113px; float: right; bottom: -186px; } .breadcrumb ul { background-color: #95a5a6; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; margin-top: -55px; padding: 5px 12px 7px 14px; float: right; } .breadcrumb ul li { font-size: 11px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #fff; padding: 0px 0px 0px 4px; display: inline-block; } .breadcrumb ul li:after { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; content: "\2F"; margin-left: 8px; top: 0px; position: relative; } .breadcrumb ul li:last-child:after { content: ""; display: inline-block; } .breadcrumb ul li.current-page a, .breadcrumb ul li.current-page a:visited { color: #fff; text-decoration: none; } .breadcrumb ul li a, .breadcrumb ul li a:visited { color: #fff; text-decoration: none; } /* Content Styling */ .content-full1 { width: 100%; padding: 40px 0; background: #31373a url(../img/concrete_wall.png) repeat; } .content-full1 h1, .content-full1 h2, .content-full1 h3, .content-full1 h4, .content-full1 h5, .content-full1 h6 { color: #fff; } .content-full1 p.lead { color: #969ba2; } .content-full2 { width: 100%; padding: 40px 0; background: #f8f8f8; position: relative; z-index: 800; } /*FF CSS Hack*/ body:last-child #content-wrapper, x:-moz-any-link { margin-top: 188px; } body:last-child #content-wrapper.browser-fix, x:-moz-any-link { margin-top: 0px; } /*IE10 CSS hack */ _::-ms-reveal, #content-wrapper { margin-top: 188px; } _::-ms-reveal, #content-wrapper.browser-fix { margin-top: 0px; } /*IE9 CSS hack*/ #content-wrapper:nth-of-type(1n) { margin-top: 188px\9; } #content-wrapper.browser-fix:nth-of-type(1n) { margin-top: 0px\9; } .content-full2 .row { position: relative; z-index: 999; } .content-full2 .panel-icon, .content-full3 .panel-icon { background-color: #fff; } .content-full3 { width: 100%; padding: 40px 0; background: #59ba47 url(../img/bg_pattern.png) repeat; position: relative; z-index: 888; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .content-full3 { background: #59ba47 url(../img/bg_pattern@2x.png) repeat; background-size: 494px 472px; } } .content-full3 .panel-icon h1, .content-full3 .panel-icon h2, .content-full3 .panel-icon h3, .content-full3 .panel-icon h4, .content-full3 .panel-icon h5, .content-full3 .panel-icon h6 { color: #333; } .content-full3 h1, .content-full3 h2, .content-full3 h3, .content-full3 h4, .content-full3 h5, .content-full3 h6, .content-full3 p.lead, .content-full p { color: #fff; } .content-full4 { width: 100%; padding: 40px 0; background: #f8f8f8 url(../img/sample/bg_content1.jpg) right no-repeat; position: relative; z-index: 800; } .content-full-map { width: 100%; padding: 0px 0; background: #f8f8f8; position: relative; z-index: 800; } .content-full-map:after { content: ""; display: block; width: 100%; height: 480px; margin-top: -480px; background: rgba(255,255,255,0.2); position: relative; z-index: 998; } .small-padding { padding: 25px 0 12px 0 !important; } #map { width: 100%; height: 480px; } #map2 { width: 100%; height: 510px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 35px; } #prezentare { margin-left: -480px; } #contact2 { margin-top: -35px; } #map3 { width: 100%; height: 287px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .content-parallax1 { width: 100%; padding: 40px 0; background: url(../img/sample/bg_parallax1.jpg); z-index: 999; } .content-parallax2 { width: 100%; padding: 40px 0; background: #f8f8f8 url(../img/theme/bg_parallax2.jpg); z-index: 999; } .content-parallax1 h1, .content-parallax1 h2, .content-parallax1 h3, .content-parallax1 h4, .content-parallax1 h5, .content-parallax1 h6, .content-parallax1 p.lead, .content-parallax1 p { color: #fff; } .parallax { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed !important; } .content-parallax2 h1, .content-parallax2 h2, .content-parallax2 h3, .content-parallax2 h4, .content-parallax2 h5, .content-parallax2 h6, .content-parallax2 p.lead, .content-parallax2 p { color: #fff; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); } .content-parallax2 .blog-video { margin: 0px 0 -11px 0 !important; float: none; } /* Content Annotation */ .content-annotation { margin: 30px 0 -15px 0; } .left-annotation { width: 20%; float: left; } .left-annotation .has-tip { top: 57px; position: relative; } .right-annotation .has-tip { top: 57px; left: 98px; position: relative; } /*FF CSS Hack*/ body:last-child .left-annotation .has-tip, x:-moz-any-link { left: -96px; } body:last-child .right-annotation .has-tip, x:-moz-any-link { left: 0px; } /*IE10 CSS hack */ _::-ms-reveal, .left-annotation .has-tip { left: -96px; } _::-ms-reveal, .right-annotation .has-tip { left: 0px; } /*IE9 CSS hack*/ .left-annotation .has-tip:nth-of-type(1n) { left: -96px\9; } .right-annotation .has-tip:nth-of-type(1n) { left: 0px\9; } .center-annotation { width: 60%; padding-top: 25px; float: left; } .right-annotation { width: 20%; float: left; } .img-annotation { width: 100px; height: 100px; margin-bottom: 30px; background-color: #fbfbfb; border: 1px solid #e0e0e0; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .img-annotation img { width: 100px; height: 100px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; float: left; } .img-annotation.left-arrow1, .img-annotation.left-arrow3 { position: relative; left: 30px; } .img-annotation.right-arrow1, .img-annotation.right-arrow3 { position: relative; right: 30px; float: right; } .img-annotation.right-arrow2 { float: right; } .left-arrow1:after { width: 72px; height: 43px; background: url(../img/sample/arrow_left1.png) no-repeat; display: block; content: ""; position: relative; top: 40px; left: 120px; } .left-arrow2:after { width: 72px; height: 43px; background: url(../img/sample/arrow_left2.png) no-repeat; display: block; content: ""; position: relative; top: 27px; left: 120px; } .left-arrow3:after { width: 72px; height: 43px; background: url(../img/sample/arrow_left3.png) no-repeat; display: block; content: ""; position: relative; top: 0px; left: 120px; } .right-arrow1:after { width: 72px; height: 43px; background: url(../img/sample/arrow_right1.png) no-repeat; display: block; content: ""; position: relative; top: 40px; right: 92px; } .right-arrow2:after { width: 72px; height: 43px; background: url(../img/sample/arrow_right2.png) no-repeat; display: block; content: ""; position: relative; top: 27px; right: 92px; } .right-arrow3:after { width: 72px; height: 43px; background: url(../img/sample/arrow_right3.png) no-repeat; display: block; content: ""; position: relative; top: 0px; right: 92px; } /* Accordion Stylesheet */ .accordion-title { padding: 11px 15px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .accordion-content { padding: 16px 21px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 404 Stylesheet */ #error404-left { margin: 0 0 60px 0; padding-left: 0px; } #error404-right { margin: 0 0 60px 0; padding-left: 10px; } #error404-right .panel { width: 78%; padding-bottom: 2px; } #error404-left h1 { font-size: 74px !important; } #error404-left i { font-size: 74px; color: #59ba47; position: relative; top: 8px; } #error404 a.button { margin-bottom: 38px; } /* Newsletter Box Stylesheet */ .newsletter-box { position: relative; margin: 10px auto 34px auto; z-index: 100; padding: 29px 30px 3px 30px; background: #fff; /* Old browsers */ background: -moz-repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px,#fff 70px, #fff 80px); /* FF3.6+ */ background: -webkit-repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px,#fff 70px, #fff 80px); /* FF3.6+ */ background: -o-repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px,#fff 70px, #fff 80px); /* FF3.6+ */ background: repeating-linear-gradient(45deg, #d67171, #d67171 30px, #fff 30px, #fff 40px, #71afd6 40px, #71afd6 70px,#fff 70px, #fff 80px); /* FF3.6+ */ -webkit-box-shadow: 0px 1px 6px #cfcfcf; -moz-box-shadow: 0px 1px 6px #cfcfcf; box-shadow: 0px 1px 6px #cfcfcf; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .newsletter-box:after { background: #fff; margin-top: 10px; position: absolute; content: " "; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .newsletter-box fieldset { padding: 10px 0px 0px 0px !important; border: 0; } .newsletter-box input { width: 100% !important; } .newsletter-box button { margin-bottom: 15px; } .contactform-area { position: relative; margin-top: -405px; z-index: 999; } .contactform-area2 { position: relative; z-index: 999; } .contactform-area3 input { padding-top: 109px; } .contactform-area3 label span { padding: 3px 8px 8px 8px; } .contactform-area fieldset, .contactform-area2 fieldset { padding-left: 0px !important; padding-right: 0px !important; border: none; } .contactform-area label, .contactform-area2 label { color: #fff; margin-bottom: 0px; position: relative; z-index: 998; } .contactform-area label span, .contactform-area2 label span { padding: 3px 8px 8px 8px; background-color: #59ba47; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .contactform-area button, .contactform-area2 button { text-transform: uppercase; } .contactform-area input, .contactform-area2 input { border: 2px solid #59ba47; background-color: #f8fff7; position: relative; z-index: 999; } .contactform-area textarea, .contactform-area2 textarea { border: 2px solid #59ba47; background-color: #f8fff7; margin-bottom: 15px; position: relative; z-index: 999; } .contactform-heading span { padding: 8px 18px 9px 18px; background-color: #fff; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .loading { font-size: 13px; height: 20px; background: url(../img/loading.gif) 0 3px no-repeat; margin: 5px 0px 0px 7px; padding: 0px 0px 0px 23px; color: #797979; } .success-contact { width: 40%; font-size: 13px; text-align: center; color: #fff; background-color: #59ba47; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; clear: both; display: block; margin: 0 auto; padding: 9px 10px 11px 10px; position: relative; z-index: 999 !important; top: -440px; } .error-contact { width: 40%; font-size: 13px; text-align: center; color: #fff; background-color: #e96a5d; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; clear: both; display: block; margin: 0 auto; padding: 9px 10px 11px 10px; position: relative; z-index: 999 !important; top: -440px; } .success-position { width: 100%; top: -10px !important; } .content { width: 100%; padding: 40px 0; } .table-width5 { width: 5.5%; } .table-width30 { width: 31.5%; } .content-position1 { margin: 16px 0 0 0; } .content-position1 h4 { margin-bottom: 18px; } .uppercase { text-transform: uppercase !important; } .heading-line { width: 100% !important; float: left; } .heading-line span { border-bottom: 2px solid #59ba47; padding-bottom: 6px; margin-bottom: 11px; float: left; } #content-carousel .owl-next { background: none !important; padding: 0px !important; position: relative !important; top: -307px; margin-right: 10px !important; float: right; } #content-carousel .owl-prev { background: none !important; padding: 0px !important; position: relative !important; top: -307px; margin-right: 30px !important; float: right; } #content-carousel .owl-next i, #content-carousel .owl-prev i { font-size: 14px; color: #d4d4d4; } #content-carousel .item a h5 { margin-top: 18px; } #content-carousel .item img { height: 184px; } #clientlogo-carousel { display: block; } #clientlogo-carousel .owl-next { background: none !important; padding: 0px !important; position: relative !important; top: -38px !important; margin-right: 10px !important; float: right; } #clientlogo-carousel .owl-prev { background: none !important; padding: 0px !important; position: relative !important; top: -38px !important; margin-right: 30px !important; float: right; } #clientlogo-carousel .owl-next i, #clientlogo-carousel .owl-prev i { font-size: 14px; color: #d4d4d4; } #clientlogo-carousel { margin-left: 0px !important; } #clientlogo-carousel li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; margin: 10px 0 20px 0; list-style: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } /*IE9 CSS hack*/ #clientlogo-carousel li:nth-of-type(1n) { width: 160px\9; height: 59px\9; } #clientlogo-carousel li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .no-touch .cs-style-1 figure:hover figcaption, .cs-style-1 figure.cs-hover figcaption { opacity: 0.9 !important; -webkit-transform: translate(0px, 0px) !important; -moz-transform: translate(0px, 0px) !important; -ms-transform: translate(0px, 0px) !important; transform: translate(0px, 0px) !important; /*-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;*/ } .cs-style-1 figcaption a { /*margin-top: 46% !important;*/ margin-top: 30% !important; margin-left: 3px !important; margin-right: 3px !important; } .cs-style-1 figcaption a { width: 34px; height: 34px; padding: 4px 10px !important; -webkit-border-radius: 500px !important; -moz-border-radius: 500px !important; border-radius: 500px !important; } #content-carousel .item figcaption a { margin-top: 32% !important; } /*FF CSS Hack*/ body:last-child .isotope-item .cs-style-1, x:-moz-any-link { margin: -1px; } .post-info { border-top: 1px solid #e2e1e1; } ul.post-info { padding-top: 14px; } ul.post-info li { font-size: 11px; font-family: "Segoe UI", "helvetica neue", arial, sans-serif; margin-right: 12px; text-transform: uppercase; display: inline-block; } ul.post-info li a, ul.post-info li a:visited { color: #b3b3b3; text-decoration: none; } ul.post-info li i { margin-right: 5px; color: #59ba47; position: relative; top: 1px; } .big-icon { font-size: 240px; color: #d4d4d4; top: 130px; position: relative; } .big-icon2 { font-size: 240px; color: #d4d4d4; top: -44px; position: relative; } .team-img { margin-bottom: -30px; } .subtitle { color: #ccc; font: 11px Arial; text-transform: uppercase; letter-spacing: 2px; } .progress-bar, .progress-bar div { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .progress-bar.green div { background: #59ba47 !important; } .progress-bar.blue div { background: #3498db !important; } .progress-bar.yellow div { background: #f1c40f !important; } .progress-bar.red div { background: #ed4f4f !important; } .progress-bar div.progress-meter { background-color: #fff !important; } ul.share-social { margin: 5px 0 5px 0; float: left; } ul.share-social li { width: 33px; height: 33px; background-color: #95a5a6; color: #fff; display: inline-block; margin-right: 5px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } ul.share-social li i { color: #fff; font-size: 16px; margin-left: 0px; line-height: 33px; } .panel-icon ul.share-social { margin: 0 auto 20px auto; float: none !important; } .green-text { color: #59ba47; } .grey-text { color: #b3b3b3; } .no-box { padding: 0px !important; background: transparent !important; color: #59ba47; } .no-box:hover { color: #59ba47; } .pf-wrapper { width: 100%; background-color: #f00; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 100% !important; *zoom: 1; } .pf-wrapper:before, .pf-wrapper:after { content: " "; display: table; } .pf-wrapper:after { clear: both; } .pf-wrapper.collapse > .column, .pf-wrapper.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .pf-wrapper.collapse .pf-wrapper { margin-left: 0; margin-right: 0; } .pf-wrapper .pf-wrapper { width: auto; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .pf-wrapper .pf-wrapper:before, .pf-wrapper .pf-wrapper:after { content: " "; display: table; } .pf-wrapper .pf-wrapper:after { clear: both; } .pf-wrapper .pf-wrapper.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .pf-wrapper .pf-wrapper.collapse:before, .pf-wrapper .pf-wrapper.collapse:after { content: " "; display: table; } .pf-wrapper .pf-wrapper.collapse:after { clear: both; } .full-pf { position: relative; width: 100%; background-color: #ccc; } ul.pf-container { margin-bottom: 30px; } #pf-filter ul.front-filter { width: 100%; margin: 5px auto 50px auto; text-align: center; float: none !important; } #pf-filter ul { margin: 20px 0 45px 0; padding: 0px; float: none !important; } #pf-filter ul li { margin-right: 6px; font-size: 11px; text-transform: uppercase; list-style: none; display: inline-block; float: none !important; } #pf-filter ul li a { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); padding: 9px 15px 10px 15px; color: #b6b6b6; text-decoration: none; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } #pf-filter ul li a:hover { color: #b6b6b6; text-decoration: none; } #pf-filter ul li a:active, #pf-filter ul li a.selected { color: #59ba47; text-decoration: none; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(89,186,71,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(89,186,71,1); box-shadow: inset 0px 0px 0px 2px rgba(89,186,71,1); } button.white2, .button.white2 { background-color: transparent !important; color: #fff; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1); } button.white2:hover, button.white2:focus, .button.white2:hover, .button.white2:focus { background-color: transparent !important; } .company-fact i { color: #fff; } .company-fact h1 { margin: -10px 0 -4px 0; } /* Blog Styling */ article { margin-bottom: 50px; } article h3 { margin-bottom: 14px; text-transform: uppercase; } aside { margin-bottom: 40px; } aside .heading-line span { margin-bottom: 12px; } .author-image { width: 70px; height: 70px; margin-top: 9px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; float: right; } .author-image img { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .blog-media { width: 100% !important; margin: 5px 0 20px 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; } .blog-media .mejs-container { margin-top: 9px; width: 100% !important; } .blog-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .blog-video iframe { background: #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; margin-top: -20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .quote-note { background-image: url(../img/testi-bg.gif); background-repeat: repeat-y; border: solid 1px #dbdcde; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 4px 0 25px 0; padding: 21px 20px 23px 20px; position: relative; float: left; } .quote-note:after { left: 4px; right: 4px; bottom: -5px; box-shadow: 0 0 2px #ddd; } .quote-note, .quote-note:before, .quote-note:after { border: 1px solid #dbdcde; } .quote-note:before, .quote-note:after { content: ""; position: absolute; bottom: -4px; left: 6px; right: 6px; height: 3px; border-top: none; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } form#search { width: 100%; margin-top: 8px; margin-bottom: 30px; float: left; } form#search input { width: 75%; float: left; } form#search button { width: 38px; padding-left: 13px !important; margin-left: 10px; float: left; } .search-fieldset { border: none; padding: 0px !important; } ul.popular-list { width: 100% !important; margin: 4px -16px 16px 0px; padding-left: 0px; float: left; } ul.popular-list li p.popular-title { line-height: 32px; margin: 2px 0px 0px 0px; } ul.popular-list li img { width: 65px; height: 54px; margin: 3px 23px 0 0; float: left; } ul.popular-list li { width: 100% !important; list-style-type: none; margin-bottom: 10px; padding-bottom: 10px; float: left; } ul.popular-list li p.comment-count a, ul.popular-list li p.comment-count a:visited { color: #ccc; font: 11px Arial; text-transform: uppercase; letter-spacing: 2px; float: left; } ul.popular-list li a, ul.popular-list li a:visited { color: #b3b3b3; text-decoration: none; } ul.popular-list li a:hover { color: #8c8c8c; text-decoration: none; } .archive-count { position: relative; margin-left: 4px; top: -2px; } .blog-info ul.share-social { width: 100%; margin: 5px auto 50px auto; text-align: center; } #comment { width: 100%; float: left; margin-top: 15px; padding: 5px 0 8px; } #comment ol { list-style-type: none !important; margin: 0; padding: 10px 0 0; } #comment ol li ol { margin: 0px 0px 20px 80px; } .commentlist li { position: relative; list-style: none; line-height: 22px; list-style-position: outside; } .commentlist li small { font-size: 11px; text-transform: uppercase; } .commentlist li p { margin-top: 10px; } .avatar { width: 64px; height: 64px; position: absolute; background-color: #e7e7e7; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; top: 4px; left: 0; } .avatar img { width: 64px; height: 64px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .comment-text { background-color: #fcfcfc; border: solid 1px #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 80px; width: auto; margin-bottom: 10px; padding: 14px 20px 13px 20px; } .comment-text h6.subtitle { margin: -4px 0 15px 0 !important; font-size: 11px !important; } a.reply { float: right; margin-top: -30px; } a.reply:hover { background: #6bce59 !important; } a.reply, a.reply:visited { padding: 1px 12px; font-size: 10px; color: #fff; text-decoration: none; text-transform: uppercase; background: #59ba47; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; position: relative; top: -20px; } #commentform-wrap { width: 70%; margin-top: 26px; margin-bottom: 26px; float: left; } #commentform-wrap fieldset { padding: 10px 0px 0px 0px !important; border: 0; } form#comment-form label { line-height: 24px; width: 38%; margin-bottom: 0px; float: right; clear: both; } form#comment-form input { width: 60%; margin-bottom: 15px; float: left; } form#comment-form textarea { margin-bottom: 15px; overflow: hidden; float: left; } form#comment-form button { text-transform: uppercase; } #testi-carousel .testi-image { width: 80px !important; height: 80px !important; margin: 0 auto 10px auto !important; text-align: center !important; float: none !important; } #testi-carousel .testi-image img { width: 80px !important; height: 80px !important; } #testi-carousel blockquote:before { display: none; } #testi-carousel blockquote p { width: 80%; left: -15px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px !important; font-style: normal; line-height: 28px; margin: 0 auto !important; position: relative; } #testi-carousel .testi-name { text-align: center; margin: 20px auto 30px auto; float: none; } .front-testi-wrapper { margin-bottom: -50px; margin-right: -9px !important; } /*IE10 CSS hack */ _::-ms-reveal, .front-testi-wrapper { z-index: 300; position: relative; } /*IE9 CSS hack*/ .front-testi-wrapper:nth-of-type(1n) { z-index: 300\9; position: relative\9; } .front-testi { height: 330px; } .front-testi .testi-image { margin-left: 30px; position: relative; z-index: 800; } .front-testi .testi-name { color: #fff; position: relative; z-index: 800; } .front-testi:before { width: 100%; height: 100%; background: rgba(149,164,167,0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; content: ""; display: block; position: relative; z-index: 799; } .front-testi.green:before { background: rgba(89,186,71,0.75) !important; } .front-testi.blue:before { background: rgba(74,156,214,0.75) !important; } .front-testi.orange:before { background: rgba(242,123,31,0.75) !important; } .front-testi blockquote { margin-top: -63%; padding: 30px 30px 0px 30px; position: relative; z-index: 800; } .front-testi blockquote:before { display: none; } .front-testi blockquote p { width: 100%; color: #fff; font-family: "Varela", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 18px; font-style: normal; line-height: 28px; } #img-testi1 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: url(../img/sample/bg_testi1.jpg) no-repeat; background-size: 100% 100%; } #img-testi2 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: url(../img/sample/bg_testi2.jpg) no-repeat; background-size: 100% 100%; } #img-testi3 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: url(../img/sample/bg_testi3.jpg) no-repeat; background-size: 100% 100%; } #img-testi4 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: url(../img/sample/bg_testi4.jpg) no-repeat; background-size: 100% 100%; } /* Pricing Styling */ .pricing-table { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pricing-table .title { height: 120px; font-size: 16px; font-weight: 300; text-transform: uppercase; padding-top: 23px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .pricing-table .cta-button { padding-top: 30px; padding-bottom: 20px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .pricing-table .price { width: 120px; height: 120px; margin: -62px auto 0 auto; background-color: #f6f6f6; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; padding: 33px 0 0 0; text-align: center; color: #737373; font-weight: 300; font-size: 36px; } .pricing-table .price .currency { font-size: 16px; margin-left: -8px; margin-right: -4px; position: relative; top: -13px; } .pricing-table .price small { width: 100%; margin-top: 5px; font-size: 12px; float: left; } .pricing-table .description, .pricing-table .bullet-item { font-size: 13px; font-weight: 300; line-height: 26px; } .pricing-table .title.green { background-color: #59ba47; margin: -1px -1px 0 -1px; } .pricing-table .title.blue { background-color: #3498db; margin: -1px -1px 0 -1px; } .pricing-table .title.red { background-color: #e74c3c; margin: -1px -1px 0 -1px; } .pricing-table .title.yellow { background-color: #f1c40f; margin: -1px -1px 0 -1px; } ul.payment-list li img { width: 64px; height: 42px; } /* Promo box Styling */ .promo-button i { width: 25px; height: 25px; margin-left: 10px; padding: 1px 0 0 0.4px; background: #fff; color: #95a5a6; font-size: 11px; top: 0px; position: relative; display: inline-block; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; } /* Footer Styling */ #footer1 { padding: 40px 0 30px 0; border-top: 4px solid #ececec; background: #f3f3f3 url(../img/theme/bg_footer.png) no-repeat top center; } #footer1 .share-social { width: 100%; position: relative; top: -68px; right: -5px; z-index: 889; } #footer1 .share-social li { width: 43px; height: 43px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; border: 4px solid #ececec; } #footer1 .share-social li i { margin-left: 10px; line-height: 34px; } .fb-color { background-color: #3c5a9a !important; } .tw-color { background-color: #1ca9e1 !important; } .gplus-color { background-color: #ca3e2d !important; } .drb-color { background-color: #ea4c89 !important; } .footer-menu ul { width: 100%; margin-top: -10px; text-align: right; } .footer-menu ul li { font-size: 15px; margin-left: 37px; display: inline-block; } .footer-menu ul li a, .footer-menu ul li a:visited { color: #a09f9f; text-decoration: none; } /* Timeline Styling */ .timeline > li .timeline-time.green span { background-color: #59ba47 !important; } .timeline > li .timeline-body.green { background-color: #59ba47 !important; } .timeline > li .timeline-body.green:after { border-right-color: #59ba47; } .timeline > li .timeline-icon.green { background-color: #59ba47 !important; } .timeline > li:hover .timeline-icon.green { -webkit-box-shadow: 0 0 0 8px #7ed26f; -moz-box-shadow: 0 0 0 8px #7ed26f; box-shadow: 0 0 0 8px #7ed26f; } .timeline > li .timeline-time.grey2 span { background-color: #b2c2c3 !important; } .timeline > li .timeline-body.grey2 { background-color: #b2c2c3 !important; } .timeline > li .timeline-body.grey2:after { border-right-color: #b2c2c3; } .timeline > li .timeline-icon.grey2 { background-color: #b2c2c3 !important; } .timeline > li:hover .timeline-icon.grey2 { -webkit-box-shadow: 0 0 0 8px #d3dcdd; -moz-box-shadow: 0 0 0 8px #d3dcdd; box-shadow: 0 0 0 8px #d3dcdd; } /* Reva tabs Styling */ .reva-tabs .resp-tabs-container:before { -webkit-box-shadow: 0 0 25px rgba(0,0,0,0) !important; -moz-box-shadow: 0 0 25px rgba(0,0,0,0) !important; box-shadow: 0 0 25px rgba(0,0,0,0) !important; } .reva-tabs2 .resp-tabs-container:before { -webkit-box-shadow: 0 0 25px rgba(0,0,0,0) !important; -moz-box-shadow: 0 0 25px rgba(0,0,0,0) !important; box-shadow: 0 0 25px rgba(0,0,0,0) !important; } .reva-tabs2 .resp-tabs-container { border-left: 2px solid #fff; background: transparent !important; } .reva-tabs2 .resp-tabs-container i { font-size: 84px; color: #fff; position: relative; top: 30px; } .reva-tabs ul.resp-tabs-list { width: 35% !important; margin: 36px auto 0 auto !important; } .reva-tabs2.resp-vtabs-left .resp-tabs-list li { border: none !important; background: transparent !important; font-family: "Varela", "Open Sans", "Helvetica", sans-serif; font-size: 14px; padding: 8px 15px !important; color: #fff; } .reva-tabs2.resp-vtabs-left .resp-tabs-list li .circle-border { position: relative; top: -6px; } .reva-tabs2.resp-vtabs-left li.resp-tab-active { border: none !important; border-right: none; background-color: transparent !important; position: relative; z-index: 1; margin-right: -1px !important; padding: 8px 15px 8px 14px !important; } .reva-tabs .resp-tabs-list li { width: 50px; height: 50px; background-color: #95a5a6; margin: 0 15px 27px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.15); border: none !important; } .reva-tabs .resp-tabs-list li i { font-size: 22px; line-height: 24px; margin-left: -6px; color: #FFFFFF; } .reva-tabs .resp-tabs-list li.green-color { background-color: #59ba47; } .reva-tabs .resp-tabs-list li.blue-color { background-color: #3498db; } .reva-tabs .resp-tabs-list li.yellow-color { background-color: #f1c40f; } .reva-tabs .resp-tabs-list li.red-color { background-color: #e74c3c; } .reva-tabs .resp-tab-active { border: none; background-color: #95a5a6 !important; } .reva-tabs .resp-tab-active.green-color { background-color: #59ba47 !important; } .reva-tabs .resp-tab-active.blue-color { background-color: #3498db !important; } .reva-tabs .resp-tab-active.yellow-color { background-color: #f1c40f !important; } .reva-tabs .resp-tab-active.red-color { background-color: #e74c3c !important; } .reva-tabs .resp-tab-active:after { width: 18px !important; height: 18px !important; background: #fff; content: ''; position: absolute; margin: 32px 0 0 -9px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /* reva tab accordion */ .reva-tabs h2.resp-accordion { background-color: #95a5a6 !important; } .reva-tabs h2.resp-accordion.green-color { background-color: #59ba47 !important; } .reva-tabs h2.resp-accordion.blue-color { background-color: #3498db !important; } .reva-tabs h2.resp-accordion.yellow-color { background-color: #f1c40f !important; } .reva-tabs h2.resp-accordion.red-color { background-color: #e74c3c !important; } /*FF CSS Hack*/ body:last-child .reva-tabs .resp-tab-active:after, x:-moz-any-link { margin: 63px 0 0 -20px; } /*IE10 CSS hack */ _::-ms-reveal, .reva-tabs .resp-tab-active:after { margin: 63px 0 0 -20px; } .reva-tabs .resp-tabs-container { background-color: #ebeeef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.15); } .reva-tabs .resp-tabs-container h1, .reva-tabs .resp-tabs-container h2, .reva-tabs .resp-tabs-container h3, .reva-tabs .resp-tabs-container h4, .reva-tabs .resp-tabs-container h5, .reva-tabs .resp-tabs-container h6 { color: #333; } .reva-tabs .resp-tab-content { padding-left: 40px; padding-right: 40px; padding-bottom: 15px; text-align: left; border: none; } .reva-tabs .reva-tabs-title { width: 109.1%; margin: -17px -40px 35px -40px; padding: 15px 20px 1px 20px; background-color: #fff; text-align: center; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; float: left; } .reva-tabs .reva-tabs-title h4 { margin-bottom: 0px; } .img-reva-tabs1 { margin: 5px 40px -15px -40px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .img-reva-tabs2 { margin: 5px -40px -15px 40px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } ul.reva-tabs-fancybox li { width: 128px; height: 70px; margin: 10px 18px 0 0; background-color: #fff; -webkit-box-shadow: 0px 0px 4px 2px rgba(179,179,179,0.4); -moz-box-shadow: 0px 0px 4px 2px rgba(179,179,179,0.4); box-shadow: 0px 0px 4px 2px rgba(179,179,179,0.4); display: inline-block; } ul.reva-tabs-fancybox li img { width: 128px; height: 70px; } ul.reva-tabs-fancybox li:last-child { margin-right: 0px !important; } .resp-vtabs-left .resp-tabs-list li { padding: 10px 15px !important; margin-bottom: -1px; border: 1px solid #ddd; border-right: none; background-color: #fff; } .resp-vtabs-left li.resp-tab-active { padding: 10px 15px 11px 14px !important; background-color: #fafafa !important; } .resp-vtabs-right .resp-tabs-list li { padding: 10px 15px !important; margin-bottom: -1px; border: 1px solid #ddd; border-left: none; background-color: #fff; } .resp-vtabs-right li.resp-tab-active { padding: 10px 14px 11px 15px !important; background-color: #fafafa !important; } .resp-tabs-bottom .resp-tabs-list li { padding: 11px 20px !important; margin-right: -1px; border: 1px solid #ddd; border-top: none; background-color: #fff; } .resp-tabs-bottom li.resp-tab-active { padding: 12px 20px 11px 20px !important; margin-top: -1px; background-color: #fafafa !important; } .resp-tabs-list li { padding: 11px 20px !important; margin-right: -1px; border: 1px solid #ddd; border-bottom: none; background-color: #fff; } li.resp-tab-active { padding: 11px 20px 12px 20px !important; background-color: #fafafa !important; } .large-12.columns .resp-vtabs-left ul.resp-tabs-list { width: 18%; } .large-12.columns .resp-vtabs-left .resp-tabs-container { width: 82%; } .large-12.columns .resp-vtabs-left .resp-tabs-container:before { width: 72%; } /* General Icons List */ ul.icons-list-flaticon i { width: 49px !important; height: 49px !important; background-size: 44px 44px !important; } ul.icons-list li, ul.icons-list-webhostinghub li, ul.icons-list-flaticon li { height: 64px; font-size: 20px; margin-bottom: 25px; padding: 12px 12px 11px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.icons-list li i { width: 100% !important; color: #5e5e5e; margin-bottom: 8px; font-size: 32px; text-align: center; float: left; } ul.icons-list-webhostinghub li i { width: 100% !important; color: #5e5e5e; margin: -20px 0px -2px 0px; font-size: 32px; text-align: center; float: left; } ul.icons-list-flaticon li i { color: #5e5e5e; margin: -8px 0 -1px 0; position: relative; left: 30%; float: left; } ul.icons-list li span, ul.icons-list-webhostinghub li span, ul.icons-list-flaticon li span { width: 100% !important; padding: 3px 5px 4px 5px; font: 10px consolas, monospace; text-align: center; background: #fafafa; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; } /* scroll up style */ #scrollUp { bottom: 20px; right: 20px; width: 40px; height: 40px; background-color: #95A5A6; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #scrollUp:hover { background: #59BA47; } #scrollUp i { position: relative; top: 7px; left: -1px; } #row1 { display: flex; flex-direction: row; justify-content: space-around; } #column1 { display: flex; flex-direction: column; text-align:left; } #column2 { display: flex; flex-direction: column; text-align:right; }