@font-face { font-family: "Ampersand"; src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua"); unicode-range: U+0026; }
@font-face { font-family: "Ampersand"; src: local("Georgia"); unicode-range: U+270C; }
body { word-wrap: break-word; }
pre code { word-wrap: normal; }
/** Dropcap Sass @include Use the following Sass @include with any selector you feel necessary.
@include dropcap($dropcap-float-position, $dropcap-font-size, $dropcap-font-family, $dropcap-txt-indent, $dropcap-margin, $dropcap-padding, $dropcap-color, $dropcap-line-height, $dropcap-bg); Extend this object into your custom stylesheet. Let the variables do the work. */
body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; color: #444444; }
small { font-size: 65%; }
h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; }
.tera { font-size: 117px; font-size: 6.5rem; margin-bottom: 0.25385rem; }
.giga { font-size: 90px; font-size: 5rem; margin-bottom: 0.33rem; }
.mega { font-size: 72px; font-size: 4rem; margin-bottom: 0.4125rem; }
.alpha, h1 { font-size: 60px; font-size: 3.33333rem; margin-bottom: 0.495rem; }
.beta, h2 { font-size: 48px; font-size: 2.66667rem; margin-bottom: 0.61875rem; }
.gamma, h3 { font-size: 36px; font-size: 2rem; margin-bottom: 0.825rem; }
.delta, h4 { font-size: 24px; font-size: 1.33333rem; margin-bottom: 1.2375rem; }
.epsilon, h5 { font-size: 21px; font-size: 1.16667rem; margin-bottom: 1.41429rem; }
.zeta, h6 { font-size: 18px; font-size: 1rem; margin-bottom: 1.65rem; }
p { margin: auto auto 1.5em; line-height: 1.65em; }
abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }
pre code { white-space: -moz-pre-wrap; white-space: pre-wrap; }
pre { white-space: pre; }
code { white-space: pre; font-family: monospace; }
/** Abbreviations Markup
HMTL Extend this object into your markup. */
abbr { font-variant: small-caps; font-weight: 600; text-transform: lowercase; color: gray; }
abbr:hover { cursor: help; }
h1, h2, h3, h4, h5, h6 { color: #222222; }
p + .drop-cap { text-indent: 0; margin-top: 0; }
.drop-cap:first-letter { float: left; margin: inherit; padding: inherit; font-size: 4em; font-family: inherit; line-height: 1; text-indent: 0; background: transparent; color: inherit; }
/** Lining Definition Style Markup
Extend this object into your markup. */
.lining dt, .lining dd { display: inline; margin: 0; }
.lining dt + dt:before, .lining dd + dt:before { content: "\A"; white-space: pre; }
.lining dd + dd:before { content: ", "; }
.lining dd:before { content: ": "; margin-left: -0.2rem; }
/** Dictionary Definition Style Markup
Extend this object into your markup. */
.dictionary-style dt { display: inline; counter-reset: definitions; }
.dictionary-style dt + dt:before { content: ", "; margin-left: -0.2rem; }
.dictionary-style dd { display: block; counter-increment: definitions; }
.dictionary-style dd:before { content: counter(definitions,decimal) ". "; }
/** Blockquote Markup
Extend this object into your markup. */
/** Pull Quotes Markup
Extend this object into your custom stylesheet. */
.pull-quote { position: relative; padding: 1em; }
.pull-quote:before, .pull-quote:after { height: 1em; opacity: 0.5; position: absolute; font-size: 4em; color: #dc976e; }
.pull-quote:before { content: '“'; top: 0; left: 0; }
.pull-quote:after { content: '”'; bottom: 0; right: 0; }
/** Figures Markup
Fig. 4.2 | Type Anatomy, an excerpt from Mark Boulton's book"Designing for the Web"
Extend this object into your markup. */
/** Footnote Markup : Replace 'X' with your unique number for each footnote
Extend this object into your markup. */
/* --- Animations --- */
/* --- Ribbons --- */
.ribbon-stitches-top { margin-top: 2px; border-top: 1px dashed rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); }
.ribbon-stitches-bottom { margin-bottom: 2px; border-top: 1px dashed rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3); }
/* ---- C5 Fix ---- */
#ccm-page-controls-wrapper li, .ccm-ui li, .ui-dialog-content li { list-style: none !important; }
.ui-dialog-content h2, .ccm-blockEditPane h4, .ccm-blockEditPane h3, .ccm-block-field-group h1, .ccm-block-field-group h2, .ccm-block-field-group h3, .ccm-block-field-group h4, .ccm-block-field-group p { font-size: inherit; font-family: inherit; font-weight: inherit; }
.ccm-buttons a i, .dialog-buttons a i { text-indent: -999px; }
.ccm-buttons a:hover i, .dialog-buttons a:hover i { left: 0; }
.googleMapCanvas img { max-width: inherit; }
@keyframes spin { from { transform: rotate(0deg); }
to { transform: rotate(360deg); } }
/* --- Stack effect --- */
/*
.stack { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: relative; &:before, &:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } &:before { background: #fafafa; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); left: -5px; top: 4px; transform: rotate(-2.5deg); } &:after { background: #f6f6f6; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); right: -3px; top: 1px; transform: rotate(1.4deg); }
}
*/
.stack { background: #fff; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 10px 0 -5px #efefef, 0 10px 1px -4px rgba(0, 0, 0, 0.15), 0 20px 0 -10px #eeeeee, 0 20px 1px -9px rgba(0, 0, 0, 0.2); /* The third layer shadow */ }
/* --- tags style --- */
.tags { list-style: none; }
.tags li { float: left; height: 20px; position: relative; }
.tags a { float: left; height: 20px; line-height: 20px; position: relative; font-size: 12px; margin-left: 20px; padding: 0 7px 0 12px !important; background: #0089e0; color: #fff; text-decoration: none; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.tags a:before { content: ""; float: left; position: absolute; top: 0; left: -10px; width: 0; height: 0; border-color: transparent #0089e0 transparent transparent; border-style: solid; border-width: 10px 10px 10px 0; }
.tags a:after { content: ""; position: absolute; top: 8px; left: 0; float: left; width: 4px; height: 4px; border-radius: 2px; background: #fff; box-shadow: -1px -1px 2px #004977; }
.tags a:hover { background: #555; }
.tags a:hover:before { border-color: transparent #555 transparent transparent; }
/* --- Tooltip by hint --- */
/** source: hint-core.scss Defines the basic styling for the tooltip. Each tooltip is made of 2 parts: 1) body (:after) 2) arrow (:before) Classes added: 1) hint */
.hint, [data-hint] { position: relative; display: inline-block; /** tooltip arrow */ /** tooltip body */ }
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after { visibility: visible; opacity: 1; }
.hint:before, [data-hint]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; }
.hint:after, [data-hint]:after { content: attr(data-hint); background: #383838; color: white; text-shadow: 0 -1px 0px black; padding: 8px 10px; font-size: 12px; line-height: 12px; white-space: nowrap; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }
/** source: hint-position.scss Defines the positoning logic for the tooltips. Classes added: 1) hint--top 2) hint--bottom 3) hint--left 4) hint--right */
/** set default color for tooltip arrows */
.hint--top:before { border-top-color: #383838; }
.hint--bottom:before { border-bottom-color: #383838; }
.hint--left:before { border-left-color: #383838; }
.hint--right:before { border-right-color: #383838; }
/** top tooltip */
.hint--top:before { margin-bottom: -12px; }
.hint--top:after { margin-left: -18px; }
.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; }
.hint--top:hover:before, .hint--top:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }
/** bottom tooltip */
.hint--bottom:before { margin-top: -12px; }
.hint--bottom:after { margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; }
.hint--bottom:hover:before, .hint--bottom:hover:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); }
/** right tooltip */
.hint--right:before { margin-left: -12px; margin-bottom: -6px; }
.hint--right:after { margin-bottom: -14px; }
.hint--right:before, .hint--right:after { left: 100%; bottom: 50%; }
.hint--right:hover:before, .hint--right:hover:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }
/** left tooltip */
.hint--left:before { margin-right: -12px; margin-bottom: -6px; }
.hint--left:after { margin-bottom: -14px; }
.hint--left:before, .hint--left:after { right: 100%; bottom: 50%; }
.hint--left:hover:before, .hint--left:hover:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); }
/** source: hint-color-types.scss Contains tooltips of various types based on color differences. Classes added: 1) hint--error 2) hint--warning 3) hint--info 4) hint--success */
/** Error */
.hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; }
.hint--error.hint--top:before { border-top-color: #b34e4d; }
.hint--error.hint--bottom:before { border-bottom-color: #b34e4d; }
.hint--error.hint--left:before { border-left-color: #b34e4d; }
.hint--error.hint--right:before { border-right-color: #b34e4d; }
/** Warning */
.hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; }
.hint--warning.hint--top:before { border-top-color: #c09854; }
.hint--warning.hint--bottom:before { border-bottom-color: #c09854; }
.hint--warning.hint--left:before { border-left-color: #c09854; }
.hint--warning.hint--right:before { border-right-color: #c09854; }
/** Info */
.hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #193b4d; }
.hint--info.hint--top:before { border-top-color: #3986ac; }
.hint--info.hint--bottom:before { border-bottom-color: #3986ac; }
.hint--info.hint--left:before { border-left-color: #3986ac; }
.hint--info.hint--right:before { border-right-color: #3986ac; }
/** Success */
.hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; }
.hint--success.hint--top:before { border-top-color: #458746; }
.hint--success.hint--bottom:before { border-bottom-color: #458746; }
.hint--success.hint--left:before { border-left-color: #458746; }
.hint--success.hint--right:before { border-right-color: #458746; }
/* -- @- Navigations --*/
#mobile_nav { display: none; margin: 0 auto; }
#top_nav { height: 36px; background: #464b4c; border-top: 1px solid #353939; border-bottom: 1px solid #2e3131; background-image: linear-gradient(to bottom, #464b4c, #3f4344); box-shadow: inset 0 1px rgba(255, 255, 255, 0.06); /* toto */ }
#top_nav ul { text-align: center; }
#top_nav li { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top; }
#top_nav a { transition: 0.1s ease-out; transition-property: background-color, line-height; display: block; padding: 0 20px; line-height: 36px; color: #eee; text-decoration: none; text-shadow: 0 -1px #2e3131; border-left: 1px solid #4d5354; border-left: 1px solid rgba(255, 255, 255, 0.06); border-right: 1px solid #353939; border-right: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; }
#top_nav a:hover { background: #4d5354; background: rgba(255, 255, 255, 0.05); }
#top_nav > ul.nav > li.active > a, #top_nav > ul.nav > li.active > a:hover, #top_nav > ul.nav > li > a:active, #top_nav > ul.nav > li.nav-selected > a, #top_nav > ul.nav > li.nav-path-selected > a { padding: 0 21px; line-height: 33px; color: #eee; background: #323637; border-left: 0; border-right: 0; border-bottom: 3px solid #48a9c0; background-image: linear-gradient(to bottom, #484e4f, #323637); box-shadow: inset 0 -1px 8px rgba(0, 0, 0, 0.2); }
/* --- Nav Panes --- */
.submenu_panes li, .nav { list-style: none; margin: 0; padding: 0; }
.submenu_panes { height: 0; /*width: 920px;*/ position: relative; overflow: hidden; clear: both; background-color: transparent; }
.home .submenu_panes, div.empty_pane_selected { height: 0; }
.submenu_panes .close { position: absolute; right: 10px; top: 15px; z-index: 10; }
.submenu_panes .close:hover i { left: 0; bottom: 5px; }
.nav-panes { width: 20000em; position: absolute; clear: both; margin: 0; border: 0; }
.nav-pane { float: left; display: block; width: 920px; font-size: 14px; background-color: transparent; }
.nav-pane h3 { margin: 10px 0 0 0; }
.nav-pane ul { list-style: none; margin: 15px 0; }
.nav-pane li { float: left; }
.nav-pane li a { display: block; color: #efefef; text-decoration: none; font-size: 13px; padding-bottom: 8px; margin-right: 25px; opacity: .8; transition: all 0.25s; }
.nav-pane li.active a, .nav-pane li:hover a { opacity: 1; }
.nav-pane .close { display: none; }
/* --- Specific nav Panes --- */
.stack-pane { padding: 20px 0; }
/* Pour replacer les liste et les navigation en liste */
#supermint .stack-pane li { display: block; float: none; margin-left: 10px; }
.l123 > li > a, .l12 li a { /* border-bottom:1px solid rgba(0,0,0,.3);
box-shadow: 0 2px 2px -2px rgba(250,250,250,.3);*/ }
.l123 li a, .l12d li a { font: 17px / 27px "LeagueGothicRegular", Arial, sans-serif; background-position: left 8px; transition: all 0.25s; }
.l123 > li.active > a, .l123 > li > a:hover { background: url(../images/bullet.png) no-repeat left 8px; text-indent: 20px; }
.l12d li.active a, .l12d li a:hover { background: url(../images/bullet.png) no-repeat left 8px; text-indent: 20px; }
.l123 ul { padding: 0; margin-top: 10px; }
.l123 ul li { float: none; width: 100%; }
.l123 ul li a { position: relative; font: 14px / 22px "ColaborateThinRegular", Arial, sans-serif; border: none; padding-left: 20px; }
.l123 ul li a:before { content: ""; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; background: url(../images/bullet.png) no-repeat; opacity: .4; transition: all 0.25s; }
.l123 ul li.active a:before, .l123 ul li:hover a:before { opacity: 1; left: 3px; }
ul.l12 { padding-bottom: 30px; }
ul.l12 li { margin-bottom: 10px; }
ul.l12 li a { text-transform: uppercase; background-position: left 4px; }
ul.l12 li.active a, ul.l12 li a:hover { background: url(../images/bullet.png) no-repeat left 4px; text-indent: 20px; }
.l12d li p { font-size: 12px; overflow: hidden; }
ul.product_categories { float: left; }
ul.product_categories li { margin: 2px; width: 45%; }
ul.product_categories li:nth-child(odd) { float: right; }
ul.product_categories li.head-title { float: none; padding-bottom: 5px; margin-bottom: 5px; width: 100%; border-bottom: 1px dotted rgba(153, 153, 153, 0.4); }
ul.product_categories li.head-title a { color: #373b3e; font-size: 18px; padding-left: 30px; }
ul.product_categories li a { color: #373b3e; transition: none; padding: 0; position: relative; padding-left: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
ul.product_categories li a:before { content: "\f0a4"; position: absolute; left: 0; width: auto; height: auto; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; opacity: .4; transition: all 0.25s; }
ul.product_categories li a.active:before, ul.product_categories li a:hover:before { opacity: 1; left: 3px; }
/* --- Colored boxed nav --- */
.boxed-c { padding: 0; overflow: hidden; background: #fff; border: 1px solid #ccc; }
.boxed-c a { display: block; padding-left: 20px; border-left: 5px solid; line-height: 2.5em; color: #686868; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; border-color: #0088cc; }
.boxed-c a:hover, .boxed-c a:focus, .boxed-c a.active { background: #efefef; color: #ea4f35; }
.boxed-c i { margin-right: 15px; color: #686868; }
.boxed-c em { float: right; margin: 1.5em 15px 0; padding: 3px 5px; border-radius: 50%; background: #ea4f35; font-size: .7em; line-height: 1em; font-style: normal; color: #fff; }
/* --- Breadcrumb ---*/
.rcrumbs { white-space: nowrap; text-align: right; padding-right: 10px; }
.rcrumbs > ul { padding: 0; list-style: none; }
.rcrumbs > ul > li { overflow: hidden; display: none; }
.rcrumbs > ul > li.show { display: inline-block; }
.rcrumbs > ul > li.ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.rcrumbs span { text-transform: uppercase; font-size: 13px; }
.rcrumbs a { text-transform: uppercase; font-size: 13px; text-decoration: none; transition: all 0.25s; }
.rcrumbs a:hover { margin-right: 5px; }
.rcrumbs a:hover + i { margin-right: 5px; }
/* --- @- Boxed nav --- */
.nav-boxed li a { position: relative; margin-bottom: -1px; display: block; border: 1px solid #ccc; padding: 5px 5px; color: inherit; }
.nav-boxed li:first-child a { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.nav-boxed li:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
/* --- @- ccm pagination --- */
div.ccm-pagination { margin-top: 30px; }
div.ccm-pagination span { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin: 0; }
div.ccm-pagination span:first-child { border-radius: 3px 0 0 3px; }
div.ccm-pagination span:last-child { border-radius: 0 3px 3px 0; }
div.ccm-pagination > span { border: 1px solid #ccc; min-width: 35px; padding: 5px; }
/* --- @- Top secondary nav --- */
/* In blocks/manual_nav/templates/supermint/view.css */
/*------------ Ribbon top right -------------*/
/*------------ Pricing table -------------*/
/* Copyright (c) 2013 Thibaut Courouble http://www.cssflow.com Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php */
.plans { margin: 40px auto; width: 660px; zoom: 1; }
.plans:before, .plans:after { content: ''; display: table; }
.plans:after { clear: both; }
.plan { float: left; width: 220px; margin: 10px 0; padding: 20px; text-align: center; background: #fafafa; background-clip: padding-box; border: solid #453b5d; border-width: 2px 0 2px 2px; box-sizing: border-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.plan:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.plan:last-child { border-width: 2px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.plan-title { position: relative; margin: -20px -10px 20px; padding: 20px; line-height: 1; font-size: 16px; font-weight: bold; color: #595f6b; border-bottom: 1px dashed #d2d2d2; }
.plan-title:before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background-size: 3px 1px; background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2); }
.plan-price { margin: 0 auto 20px; width: 90px; height: 90px; line-height: 90px; font-size: 19px; font-weight: bold; color: white; background: #595f6b; border-radius: 45px; }
.plan-price > span { font-size: 12px; font-weight: normal; color: rgba(255, 255, 255, 0.9); }
.plan-features { margin-bottom: 20px; line-height: 2; font-size: 12px; color: #999; text-align: center; }
.plan-features > li > strong { font-weight: bold; color: #888; }
.plan-button { display: inline-block; vertical-align: top; padding: 0 15px; line-height: 30px; font-weight: bold; color: white; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); background: #7c69a3; border: 1px solid #222; border-bottom-color: black; border-radius: 3px; background-image: linear-gradient(to bottom, #9780cc, #6f5e96); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 2px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.1); }
.plan-button:active { color: rgba(255, 255, 255, 0.95); background: #6f5e96; border-color: black #222 #222; background-image: linear-gradient(to bottom, #6f5e96, #8770b9); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); }
.plan-tall { margin: 0; background-color: white; border-width: 2px; border-radius: 7px; }
.plan-tall > .plan-title { font-size: 18px; }
.plan-tall > .plan-price { width: 100px; height: 100px; line-height: 100px; font-size: 21px; border-radius: 50px; }
.plan-tall > .plan-features { font-size: 13px; }
.plan-tall > .plan-button { padding: 0 16px; line-height: 32px; }
.plan-tall + .plan { border-left: 0; }
/*------------ All products stuffs-------------*/
.prcategoryitem { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: relative; }
.prcategoryitem:before, .prcategoryitem:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; }
.prcategoryitem:before { background: #fafafa; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); left: -5px; top: 4px; transform: rotate(-2.5deg); }
.prcategoryitem:after { background: #f6f6f6; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); right: -3px; top: 1px; transform: rotate(1.4deg); }
/*------------ Product Preview -------------*/
.preview { position: absolute; width: 100%; z-index: 30; background: #98B98F; margin-bottom: 80px; }
.preview * { color: #3E275E; }
.preview i { color: #fff; }
.preview .container { padding: 28px 0; position: relative; }
.preview .ribbon, .preview .ribbon-pink { width: 356px; position: absolute; top: 35%; left: 45px; padding: 1px 0; text-align: center; transition: all .3s ease-in; }
.preview .ribbon p, .preview .ribbon-pink p { margin: 5px 0 -10px 0; }
.preview .image { opacity: 0; }
.preview .image img.small { position: relative; left: 73px; z-index: -1; }
.preview td.title { padding-right: 10px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
.preview .infos table { width: 100%; }
.preview .infos table td { padding: 5px; }
.preview .infos table tr { border-bottom: 1px dotted rgba(62, 39, 94, 0.5); }
.preview.popup { position: relative; background: transparent; transition: opacity .5s ease-in; opacity: 0; margin: 0; }
.preview.popup i { color: #3E275E; }
.preview.popup.loaded { opacity: 1; }
#quantity, .increase_decrease { /*Quantité:;*/ margin-top: 5px; float: left; }
#quantity { float: none; border: none; margin: 0; margin-top: -5px; text-align: center; width: 50px; }
#increase_decrease { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; position: relative; top: 23px; left: 5px; height: 50px; }
#increase, #decrease { position: absolute; cursor: pointer; }
#increase { top: 0px; }
#decrease { bottom: 5px; }
p.mesure { text-transform: uppercase; margin-top: -5px; }
a.hide { position: absolute; top: -30px; right: 0; cursor: pointer; background: #DA3376; padding: 10px; border-radius: 100px; }
/* ---Zoom on thumbnail caption --- */
.zoom-caption { overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; background: white; }
.zoom-caption img { display: block; position: relative; transform: scaleY(1); transition: all 0.7s ease-in-out; }
.zoom-caption .mask { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; background-color: #da3376; transition: all 0.5s linear; filter: alpha(opacity=0); opacity: 0; }
.zoom-caption h2 { color: #fff; text-align: center; position: relative; margin: 20px 0 0 0; transform: scale(0); transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.zoom-caption p { position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(0); transition: all 0.5s linear; }
.zoom-caption:hover img { transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.zoom-caption:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.zoom-caption:hover h2, .zoom-caption:hover p { transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
/*------------ Sliding cart & cart -------------*/
.cartproduct { clear: both; }
.cartproduct td { position: relative; }
.cartproduct .ccm-core-commerce-max-quantity { border: none; width: 45px; height: 45px; font-size: 30px; color: #fff; background: transparent; }
.cartproduct .ccm-core-commerce-max-quantity:hover { opacity: .5; cursor: pointer; }
.cartproduct h1.title { width: 200px; font-size: 30px; line-height: 30px; margin-bottom: -5px; }
#pageslide .button-block, #pageslide .button-block i { color: #fff; }
p.line { border-bottom: 1px dotted #fff; }
.total { color: #fff; }
p.total { float: left; font-size: 14px; }
h1.total { margin-top: 50px; text-align: right; }
/*------------ Buttons -------------*/
/* Copyright (c) 2012-2013 Thibaut Courouble http://www.cssflow.com Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
.button { margin: 0 10px 25px; }
.button { margin: 0 0 5px; padding: 0 12px; height: 28px; line-height: 28px; font-size: 11px; font-weight: bold; color: #555555; text-decoration: none; text-shadow: 0 1px white; background: #dfdfdf; border-width: 1px 1px 0; border-style: solid; border-color: #cecece #bababa #a8a8a8; border-radius: 3px 3px 2px 2px; outline: 0; @include inline-block; @include box-sizing(content-box); @include linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada); @include box-shadow(inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbb, 0 4px #a8a8a8, 0 5px 2px rgba(black, .25)); i { color: #555555; text-shadow: 0 1px white; }
&:hover, &:active { background: #dfdfdf; border-top-color: #c9c9c9; }
&:active, &.green:active, &.blue:active, &.yellow:active, &.red:active, &.purple:active, &.grey:active, &.black:active { vertical-align: -5px; margin-bottom: 0; padding: 1px 13px 0; border-width: 0; border-radius: 3px; @include box-shadow(inset 0 0 3px rgba(black, .3), inset 0 1px 1px rgba(black, .4), 0 1px white); }
&.green { color: #465f25; text-shadow: 0 1px #d9f3b5; background: #94d362; border-color: #91ce5e #7ab04b #5e903f; @include linear-gradient(top, #c0eb85, #94d362 70%, #8ed258); @include box-shadow(inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #94d362; border-top-color: #82bd53; } i { color: #465f25; text-shadow: 0 1px #d9f3b5; } }
&.blue { color: #236277; text-shadow: 0 1px #c2ecf9; background: #61cdf3; border-color: #6fbad1 #3fa3c0 #3583ab; @include linear-gradient(top, #9be5fa, #61cdf3 70%, #5fbde8); @include box-shadow(inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #61cdf3; border-top-color: #3eaac9; } }
&.yellow { color: #7e4f27; text-shadow: 0 1px #f2e294; background: #f6ba49; border-color: #efb443 #d9a238 #a57825; @include linear-gradient(top, #ffdd67, #f6ba49 70%, #f4b03e); @include box-shadow(inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #f6ba49; border-top-color: #e5ab3d; } i { color: #7e4f27; text-shadow: 0 1px #f2e294; } }
&.red { color: #702526; text-shadow: 0 1px #ea8f99; background: #e46565; border-color: #e1696e #c85252 #a03a38; @include linear-gradient(top, #eb9093, #e46565 70%, #e25755); @include box-shadow(inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #e46565; border-top-color: #d0585a; } i { color: #702526; text-shadow: 0 1px #ea8f99;
} }
&.purple { color: #714667; text-shadow: 0 1px #f2c5e6; background: #e393d3; border-color: #e391d0 #c27ab3 #8a517d; @include linear-gradient(top, #f1bee3, #e393d3 70%, #df8dce); @include box-shadow(inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #e393d3; border-top-color: #c87eb8; } i { color: #714667; text-shadow: 0 1px #f2c5e6; } }
&.grey { color: #41505b; text-shadow: 0 1px #c2d0db; background: #90aabd; border-color: #909eab #768791 #50606e; @include linear-gradient(top, #bccbd7, #90aabd 70%, #83a0b4); @include box-shadow(inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #90aabd; border-top-color: #8495a0; } }
&.black { color: #f1f1f1; text-shadow: 0 1px #111; background: #4f4f4f; border-color: #505050 #414141 #2c2c2c; @include linear-gradient(top, #696969, #4f4f4f 70%, #3c3c3c); @include box-shadow(inset 0 1px #828282, inset 0 0 0 1px #555, 0 1px #2c2c2c, 0 3px #444, 0 4px #2c2c2c, 0 5px 2px rgba(black, .4));
&:hover, &:active { background: #4f4f4f; border-top-color: #494949; } }
}
.lt-ie9 .button { border-width: 1px; padding: 0 12px;
}
@mixin button-block ($bg : #DA3276, $color : #fff, $round : 0) { @include inline-block; margin: 0 0 5px; padding: 0 18px; line-height: 36px; font-size: 16px; color: $color; text-decoration: none; background: $bg; border:0; border-radius: $round; outline: 0; &:hover { opacity:.7; }
}
*/
/*------------ Ecommerce -------------*/
.ccm-core-commerce-checkout-form + h1, .ccm-core-commerce-checkout-cart h1 { margin: 30px 0; }
div.ccm-core-commerce-checkout-form table { border: none; background: none; color: inherit; }
div.ccm-core-commerce-checkout-form table td { background: none; padding: 10px; }
.ccm-core-commerce-profile-address-save { margin: 30px 0; }
.ccm-core-commerce-profile-address-save label input { margin: 0 20px; }
table.ccm-core-commerce-cart td { border-bottom: 1px solid #eee; }
tr.ccm-core-commerce-cart-subtotal td { background: #da3376; border: none; color: #fff; font-size: 24px; }
.ccm-core-commerce-cart-buttons { margin: 30px 0; }
.ccm-core-commerce-cart-buttons:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
ul.product_categories { margin: 0; padding: 15px 0; }
/*------------ Page list & bxslider -------------*/
.readmore { /*display: block;*/ position: absolute; padding: 3px 10px; background: #f7f7f7; right: 0px; bottom: -30px; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); border-radius: 50px; transition: all 0.25s; }
.readmore:hover { box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1); }
.sidebar .readmore i { color: #efefef !important; right: -30px; }
.icooon .readmore { position: relative; bottom: 0; text-align: right; }
/*--------------- @- Blog page-list ---------------*/
.bog_date h1, .bog_date h3, .bog_date h4 { margin: 0; }
p.meta { font-size: 13px; }
/*--------------- Carousel page-list ---------------*/
.carousel-page-list { padding-bottom: 30px; }
/** BxSlider v4.0 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2012 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; padding: 0; *zoom: 1; margin-top: 30px; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-controls { position: absolute; top: -32px; right: 0; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-controls-direction a { display: inline-block; *zoom: 1; *display: inline; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction { text-align: right; }
.bx-wrapper .bx-controls-direction a { outline: 0; width: 32px; height: 32px; text-align: center; z-index: 9999; background-color: #18aedf; }
.bx-wrapper .bx-controls-direction a i { font-size: 16px; line-height: 32px; color: #fff; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-prev:hover i { left: -3px; }
/*
bleu : 18aedf
gris clair : 373b3e;
gris fonce : 373b3e;
texte 585f63
*/
/* ---- Height Fix ---- */
html { overflow-y: scroll; font-size: 14px; line-height: 22px; font-family: "ColaborateThinRegular", Arial, sans-serif; color: #585f63; }
body { position: relative; transition: 1s opacity; }
body.edit-mode { /* SInon, les cadres d'éditions sont décalé vers le bas */ position: static !important; }
/* Loaded body */
body.loaded { opacity: 1; }
h1, h2, h3, h4, h5 { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #585f63; font-weight: normal; line-height: normal; }
p:first-child, div > h4 { margin-top: 0; }
h1 { font-size: 50px; }
h2 { font-size: 35px; }
h3 { font-size: 25px; }
h4 { font-size: 18px; text-transform: uppercase; }
.lead strong { color: #18aedf; }
a { color: #18aedf; }
a i { position: relative; transition: all 0.25s; color: #18aedf; }
a:hover i { left: 3px; }
.upp { text-transform: uppercase; }
.bld { font-weight: bold; }
.block { display: block; }
.writting { font-family: Georgia, serif; font-style: italic; }
.mutted { opacity: .7; }
.right { float: right; margin-left: 12px; }
.left, .alignleft { float: left; margin-right: 12px; }
.space { height: 40px; }
.shadow { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); }
.padding { padding: 24px; }
.zero { padding: 0; margin: 0; list-style: none; }
/* --- Into Typo --- */
.lead { font-size: 21px; line-height: 30px; font-family: "ColaborateThinRegular", Arial, sans-serif; }
/* --- End Into Typo --- */
#fancybox-loading div { width: 120px; height: 120px; padding: 10px; border-radius: 5px; background: url("../images/fancybox/fancybox_loading.gif") rgba(250, 250, 250, 0.5) center center no-repeat; }
/* --- Ribbon effect --- */
.ribbon { width: auto; position: relative; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; /* fallback/image non-cover color */ background-color: #474747; background-image: -moz-linear-gradient(#474747, #1f1f1f); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#474747), to(#1f1f1f)); background-image: -webkit-linear-gradient(#474747, #1f1f1f); background-image: -o-linear-gradient(#474747, #1f1f1f); text-align: center; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.ribbon:before, .ribbon:after { position: absolute; top: 0.7em; border: 0.7em solid #1a1a1a; content: ""; z-index: -1; }
.ribbon:before { left: -0.8em; border-right-width: 0.8em; border-left-color: transparent; }
.ribbon:after { right: -0.8em; border-left-width: 0.8em; border-right-color: transparent; }
.ribbon span { display: block; font-size: 40px; line-height: 40px; color: black; text-shadow: #4d4d4d 0 1px 0; margin: 0px; padding: 15px 10px; }
.ribbon span:before, .ribbon span:after { position: absolute; bottom: -0.7em; border: 0.7em solid black; border-color: black transparent transparent transparent; content: ""; }
.ribbon span:before { left: 0; border-width: 0.7em 0 0 0.7em; }
.ribbon span:after { right: 0; border-width: 0.7em 0.7em 0 0; }
.ribbon-pink { width: 356px; position: relative; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; /* fallback/image non-cover color */ background-color: #e0568d; background-image: -moz-linear-gradient(#e0568d, #c12362); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0568d), to(#c12362)); background-image: -webkit-linear-gradient(#e0568d, #c12362); background-image: -o-linear-gradient(#e0568d, #c12362); text-align: center; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.ribbon-pink:before, .ribbon-pink:after { position: absolute; top: 0.7em; border: 0.7em solid #b9215e; content: ""; z-index: -1; }
.ribbon-pink:before { left: -0.8em; border-right-width: 0.8em; border-left-color: transparent; }
.ribbon-pink:after { right: -0.8em; border-left-width: 0.8em; border-right-color: transparent; }
.ribbon-pink span { display: block; font-size: 40px; line-height: 40px; color: #78163d; text-shadow: #e25e93 0 1px 0; margin: 0px; padding: 15px 10px; }
.ribbon-pink span:before, .ribbon-pink span:after { position: absolute; bottom: -0.7em; border: 0.7em solid #78163d; border-color: #78163d transparent transparent transparent; content: ""; }
.ribbon-pink span:before { left: 0; border-width: 0.7em 0 0 0.7em; }
.ribbon-pink span:after { right: 0; border-width: 0.7em 0.7em 0 0; }
.double_space { height: 64px; }
.tiny-space { height: 8px; }
img.framed { margin-left: 4px; background: #efefef; padding: 4px; border: 1px solid #fff; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); border-radius: 1px; z-index: 1; transition: all 0.25s; }
img.framed:hover { box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.1); transform: scale(1.08) translateY(-5px); }
.clear, .space { clear: both; }
.lined, .hr { min-height: 4px; /* Sinon le border n'est pas visible .. ? */ border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px -2px rgba(250, 250, 250, 0.2); }
/*--- Global structure --- */
body { min-height: 100%; bottom: 0; height: 100%; }
#top { position: relative; background-color: #373b3d; z-index: 2; }
#top .inner { position: absolute; height: 41px; width: 100%; background: #cccccc url(../images/bg_top_nav.png) repeat-x; }
/* inner a etet créé pour permettre d'afficher la barre grise + de permettre de choisi un background pour #top */
#top-page { margin-top: 12px; margin-bottom: 12px; background-color: #fff; }
#top-page > .row { padding: 10px 0; }
#top-page h3 { margin: 0 30px 5px 30px; line-height: 25px; font-size: 21px; }
#top-page .desc { display: inline-block; vertical-align: middle; margin: auto 10px; }
#top-page .desc p { margin: 0; }
#middle { background-image: url(../images/subtle_white_feathers.png); background-attachment: fixed; position: relative; z-index: 1; }
.sidebar { background-color: #f5f5f5; }
.content { margin-bottom: 30px; position: relative; background-color: #fff; border: 1px solid #ccc; }
#top-page { position: relative; background-color: #fff; border: 1px solid #ccc; }
/* -- @- Unbordered -- */
#header_unbordered { /*padding-bottom: 20px; Comment faire si l'area est vide ? */ }
#main_unbordered { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
#under_main_unbordered, #under_header_unbordered, #main_unbordered, #top-page { position: relative; z-index: 1; }
#page-top-unbordered { margin-top: 6px; margin-bottom: 6px; }
#middle_unbordered { margin-bottom: -12px; /* Pour effacer l'effet d'annulation de marge */ padding-top: 1px; position: relative; z-index: 1; }
#bottom { position: relative; background-color: #18aedf; z-index: 2; }
#bottom h2, #bottom p, #bottom i { color: #eee; }
#footer { position: fixed; bottom: 0; z-index: 0; /*Au dessus de #footerpush, en dessous de #page*/ }
#footer p, #footer li, #footer i { color: #999; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer a, #footer strong { color: #fefefe; }
#footer .nav { padding: 0; }
#footer .nav li { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -2px rgba(250, 250, 250, 0.3); text-transform: uppercase; line-height: 30px; text-indent: 10px; opacity: .8; transition: all 0.25s; }
#footer .nav li:last-child { border-bottom: none; box-shadow: none; }
#footer .nav li:hover { text-indent: 15px; opacity: 1; }
.edit-mode #footer { position: relative; }
#footerpush { z-index: 0; /*Au dessus de header, sous page*/ background-color: #373b3e; /* La couleur du footer */ }
#footer-note span { font-size: 12px; display: inline-block; margin-right: 20px; }
/*--- Toolbar ---*/
body.toolbar-active { /*margin-top: 51px;*/ }
/* --- Fixed top --- */
#fixed-top { background-color: #373b3d; min-height: 25px; position: relative; z-index: 3; }
/*--- Search Box --- */
#expand-search { margin-left: 10px; }
#expand-search input { outline: none; }
#expand-search input::-webkit-search-decoration, #expand-search input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ }
#expand-search input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; position: relative; top: 3px; height: 15px; width: 17px; line-height: 25px; padding-left: 0px; font-size: 13px; color: #fff; background: white url(http://i.imm.io/Q0Jo.png) no-repeat 2px center; cursor: pointer; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; box-shadow: none; }
#expand-search input[type=search]:focus { width: 130px; padding-left: 32px; color: #000; cursor: auto; }
#logo a { margin: 15px 20px; }
#logo p { color: #eee; }
#shortcuts ul, #shortcuts li { list-style: none; margin: 0; padding: 0; }
/*--------------- Ribbon ---------------*/
.sm_ribbon_bottom { position: relative; top: 17px; background-image: url(../images/ribbon-bottom.png); height: 17px; }
.sm_ribbon { position: absolute; top: -5px; right: 30px; width: 112px; margin-bottom: 17px; background: url(../images/ribbon.png) repeat-y; }
.sm_ribbon h2 { padding: 10px 14px 0; font-size: 22px; margin-bottom: 0; color: #fff; text-align: center; line-height: 28px; letter-spacing: 1px; }
.readmore { /*display: block;*/ position: absolute; padding: 3px 10px; background: #f7f7f7; right: 0px; bottom: -30px; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); border-radius: 50px; transition: all 0.25s; }
.readmore:hover { box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1); }
.sidebar .readmore i { color: #efefef !important; right: -30px; }
.icooon .readmore { position: relative; bottom: 0; text-align: right; }
/*--------------- @- Blog page-list ---------------*/
.bog_date h1, .bog_date h3, .bog_date h4 { margin: 0; }
p.meta { font-size: 13px; }
/*--------------- Carousel page-list ---------------*/
.carousel-page-list { padding-bottom: 30px; }
/*--------------- Pageslide ---------------*/
#pageslide { /* These styles MUST be included. Do not change. */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999; /* Ajoute pour les contenus trop long*/ overflow: scroll; /* Specify the width of your pageslide here */ width: 280px; padding: 0 20px; box-shadow: inset -2px 0 5px 1px rgba(0, 0, 0, 0.5); }
#pageslide .nav-pane .close { display: block; position: absolute; top: 15px; right: 15px; }
/*#pageslide:after {
position: absolute;
top: 15px; right: 15px;
content: "\f061";
font-family: FontAwesome;
font-size: 16px;
z-index: 9999;
}
*/
/*--------------- Accordions ---------------*/
.ccm-easyAccordion-title { margin: 5px 0 -1px 0; line-height: 25px; padding: 10px; padding-left: 30px; font-weight: normal; box-shadow: none; border-radius: 0; background: url(../images/bullet-arrow-right.png) no-repeat 5px center; transition: all 0.25s; border: 1px solid #cecece; font-family: inherit; }
.ccm-easyAccordion-title-active { background-image: url(../images/bullet-arrow-down.png); border-bottom-color: transparent; }
.ccm-easyAccordion-container { border: 1px solid #cecece; border-top-color: transparent; background-color: #fcfcfc; }
.ccm-easyAccordion-content { padding: 20px; }
/*------------ Slider -------------*/
.tp-caption { position: absolute; }
.tp-caption.big_white, .tp-caption.big_colored, .tp-caption.big_3d_white, .tp-caption.very_big_white, .tp-caption.big_black, .tp-caption.black { font-family: 'LeagueGothicRegular', Arial, sans-serif; }
.tp-caption.medium_white_text, .tp-caption.large_white_text { font-family: 'ColaborateMediumRegular', Arial, sans-serif; }
.tp-caption.small_box_white, .tp-caption.medium_box_white, .tp-caption.big_box_white, .tp-caption.paragraph, .tp-caption.white_boxshadow { font-family: 'ColaborateThinRegular', Arial, sans-serif; }
/*------------ zigzag effects -------------*/
.zigzag { background: linear-gradient(-45deg, transparent 50%, #da3376 50%) 0 50%, linear-gradient(45deg, transparent 50%, #da3376 50%) 0 50%; background-repeat: repeat-x; background-size: 20px, 20px, 20px, 20px, cover, cover; }
/*------------ Media Queries -------------*/
/* Large desktop */
/* Portrait tablet to landscape and desktop */
/*--- (CONTAINER width: 724px;)--*/
@media (max-width: 979px) and (min-width: 768px) { h1 { font-size: 35px; line-height: 40px; }
h2 { font-size: 28px; line-height: 30px; }
h3 { font-size: 18px; line-height: 22px; }
h4 { font-size: 15px; line-height: 20px; }
h1, h2, h3, h4, h5, h6 { line-height: normal; }
#top { margin: 0; }
#footer { position: relative; /*display: none;*/ } }
/* Landscape phone to portrait tablet (100%) */
@media (max-width: 767px) { h1 { font-size: 35px; line-height: 40px; }
h2 { font-size: 28px; line-height: 30px; }
h3 { font-size: 18px; line-height: 22px; }
h4 { font-size: 15px; line-height: 20px; }
h1, h2, h3, h4, h5, h6 { line-height: normal; }
#search-box { text-align: center; }
#search-box input { text-align: center; }
#top_nav { height: auto; }
#top_nav li { float: none; width: 100%; margin: 0; text-align: left; }
#top_nav li.active a { position: relative; margin: 5px; box-shadow: 0px 0px 5px rgba(87, 87, 87, 0.7); z-index: 1; }
#top_nav li.active a:hover { position: relative; margin: 5px; box-shadow: 0px 0px 5px rgba(87, 87, 87, 0.7); z-index: 1; }
#top { margin: 0; }
#top .inner { box-shadow: none; }
#top-page * { text-align: center; }
#top-page h3 { font-size: 25px; margin: 25px auto; }
.nav-pane ul { margin: 10px 0; }
.nav-pane li a { margin-bottom: 0; }
.left, .alignleft, .right, .alignright { float: none; }
#footer { position: relative; /*display: none;*/ }
[class*="span"] { padding-left: 0.9375em; padding-right: 0.9375em; }
.ccm-layout-cell { width: 100% !important; }
.ccm-layout-col-spacing { margin: 0 !important; } }
/* Landscape phones and down */
/*
* Bootstrap v2.3.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
a:hover, a:active { outline: 0; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img, canvas { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
canvas { max-height: 100%; }
#map_canvas img, .google-maps img { max-width: none; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }
button, input { *overflow: visible; line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; }
@media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-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 #999; page-break-inside: avoid; }
thead { display: table-header-group; }
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; } }
body { margin: 0; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; }
a { color: #0088cc; text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
.img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
.row { margin-left: -20px; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }
[class*="span"] { float: left; min-height: 1px; margin-left: 20px; }
#supermint .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; }
.span12 { width: 940px; }
.span11 { width: 860px; }
.span10 { width: 780px; }
.span9 { width: 700px; }
.span8 { width: 620px; }
.span7 { width: 540px; }
.span6 { width: 460px; }
.span5 { width: 380px; }
.span4 { width: 300px; }
.span3 { width: 220px; }
.span2 { width: 140px; }
.span1 { width: 60px; }
.offset12 { margin-left: 980px; }
.offset11 { margin-left: 900px; }
.offset10 { margin-left: 820px; }
.offset9 { margin-left: 740px; }
.offset8 { margin-left: 660px; }
.offset7 { margin-left: 580px; }
.offset6 { margin-left: 500px; }
.offset5 { margin-left: 420px; }
.offset4 { margin-left: 340px; }
.offset3 { margin-left: 260px; }
.offset2 { margin-left: 180px; }
.offset1 { margin-left: 100px; }
.row-fluid { width: 100%; *zoom: 1; }
.row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; }
.row-fluid:after { clear: both; }
.row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; }
.row-fluid [class*="span"]:first-child { margin-left: 0; }
.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; }
.row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
.row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; }
.row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; }
.row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; }
.row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; }
.row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; }
.row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; }
.row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; }
.row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; }
.row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; }
.row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; }
.row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; }
.row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; }
.row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; }
.row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; }
.row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; }
.row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; }
.row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; }
.row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; }
.row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; }
.row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; }
.row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; }
.row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; }
.row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; }
.row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; }
.row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; }
.row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; }
.row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; }
.row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; }
.row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; }
.row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; }
.row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; }
.row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; }
.row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; }
.row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; }
.row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; }
[class*="span"].hide, .row-fluid [class*="span"].hide { display: none; }
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; }
#supermint .container { margin-right: auto; margin-left: auto; *zoom: 1; }
.container:before, .container:after { display: table; content: ""; line-height: 0; }
.container:after { clear: both; }
fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 15px; color: #999999; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
label { display: block; margin-bottom: 5px; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; }
input, textarea, .uneditable-input { width: 206px; }
textarea { height: auto; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; margin-top: 1px \9; line-height: normal; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 30px; *margin-top: 4px; line-height: 30px; }
select { width: 220px; border: 1px solid #cccccc; background-color: #ffffff; }
select[multiple], select[size] { height: auto; }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.uneditable-input, .uneditable-textarea { color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; }
.uneditable-input { overflow: hidden; white-space: nowrap; }
.uneditable-textarea { width: auto; height: auto; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; }
.radio, .checkbox { min-height: 20px; padding-left: 20px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; }
.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; }
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }
.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 530px; }
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; }
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; }
input, textarea, .uneditable-input { margin-left: 0; }
.controls-row [class*="span"] + [class*="span"] { margin-left: 20px; }
input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; }
input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; }
input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; }
input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; }
input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; }
input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; }
input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; }
input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; }
input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; }
input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; }
input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; }
input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; }
.controls-row { *zoom: 1; }
.controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; }
.controls-row:after { clear: both; }
.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; }
.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; }
.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; }
.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; }
.control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; }
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; }
.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; }
.control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; }
.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; }
.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; }
.control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; }
.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; }
.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; }
.control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }
.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; }
input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }
.form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; }
.form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; }
.form-actions:after { clear: both; }
@media (max-width: 767px) { body { /* Retiré car je ne comprend pas encore l'utilité*/ /*padding-left:20px;padding-right:20px;*/ }
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; }
.container-fluid { padding: 0; }
.dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; }
.dl-horizontal dd { margin-left: 0; }
#supermint .container { width: auto; }
.row-fluid { width: 100%; }
.row, .thumbnails { margin-left: 0; }
.thumbnails > li { float: none; margin-left: 0; }
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-fluid [class*="offset"]:first-child { margin-left: 0; }
.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; }
.controls-row [class*="span"] + [class*="span"] { margin-left: 0; }
.modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; }
.modal.fade { top: -100px; }
.modal.fade.in { top: 20px; } }
@media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); }
.page-header h1 small { display: block; line-height: 20px; }
input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; }
.form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; }
.form-horizontal .controls { margin-left: 0; }
.form-horizontal .control-list { padding-top: 0; }
.form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; }
.media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; }
.media-object { margin-right: 0; margin-left: 0; }
.modal { top: 10px; left: 10px; right: 10px; }
.modal-header .close { padding: 10px; margin: -10px; }
.carousel-caption { position: static; } }
@media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }
[class*="span"] { float: left; min-height: 1px; margin-left: 20px; }
#supermint .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; }
.span12 { width: 724px; }
.span11 { width: 662px; }
.span10 { width: 600px; }
.span9 { width: 538px; }
.span8 { width: 476px; }
.span7 { width: 414px; }
.span6 { width: 352px; }
.span5 { width: 290px; }
.span4 { width: 228px; }
.span3 { width: 166px; }
.span2 { width: 104px; }
.span1 { width: 42px; }
.offset12 { margin-left: 764px; }
.offset11 { margin-left: 702px; }
.offset10 { margin-left: 640px; }
.offset9 { margin-left: 578px; }
.offset8 { margin-left: 516px; }
.offset7 { margin-left: 454px; }
.offset6 { margin-left: 392px; }
.offset5 { margin-left: 330px; }
.offset4 { margin-left: 268px; }
.offset3 { margin-left: 206px; }
.offset2 { margin-left: 144px; }
.offset1 { margin-left: 82px; }
.row-fluid { width: 100%; *zoom: 1; }
.row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; }
.row-fluid:after { clear: both; }
.row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; }
.row-fluid [class*="span"]:first-child { margin-left: 0; }
.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; }
.row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
.row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; }
.row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; }
.row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; }
.row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; }
.row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; }
.row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; }
.row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; }
.row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; }
.row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; }
.row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; }
.row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; }
.row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; }
.row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; }
.row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; }
.row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; }
.row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; }
.row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; }
.row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; }
.row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; }
.row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; }
.row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; }
.row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; }
.row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; }
.row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; }
.row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; }
.row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; }
.row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; }
.row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; }
.row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; }
.row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; }
.row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; }
.row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; }
.row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; }
.row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; }
.row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; }
input, textarea, .uneditable-input { margin-left: 0; }
.controls-row [class*="span"] + [class*="span"] { margin-left: 20px; }
input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; }
input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; }
input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; }
input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; }
input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; }
input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; }
input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; }
input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; }
input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; }
input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; }
input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; }
input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } }
@media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }
[class*="span"] { float: left; min-height: 1px; margin-left: 30px; }
#supermint .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; }
.span12 { width: 1170px; }
.span11 { width: 1070px; }
.span10 { width: 970px; }
.span9 { width: 870px; }
.span8 { width: 770px; }
.span7 { width: 670px; }
.span6 { width: 570px; }
.span5 { width: 470px; }
.span4 { width: 370px; }
.span3 { width: 270px; }
.span2 { width: 170px; }
.span1 { width: 70px; }
.offset12 { margin-left: 1230px; }
.offset11 { margin-left: 1130px; }
.offset10 { margin-left: 1030px; }
.offset9 { margin-left: 930px; }
.offset8 { margin-left: 830px; }
.offset7 { margin-left: 730px; }
.offset6 { margin-left: 630px; }
.offset5 { margin-left: 530px; }
.offset4 { margin-left: 430px; }
.offset3 { margin-left: 330px; }
.offset2 { margin-left: 230px; }
.offset1 { margin-left: 130px; }
.row-fluid { width: 100%; *zoom: 1; }
.row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; }
.row-fluid:after { clear: both; }
.row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; }
.row-fluid [class*="span"]:first-child { margin-left: 0; }
.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; }
.row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
.row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; }
.row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; }
.row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; }
.row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; }
.row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; }
.row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; }
.row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; }
.row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; }
.row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; }
.row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; }
.row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; }
.row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; }
.row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; }
.row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; }
.row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; }
.row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; }
.row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; }
.row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; }
.row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; }
.row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; }
.row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; }
.row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; }
.row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; }
.row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; }
.row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; }
.row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; }
.row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; }
.row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; }
.row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; }
.row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; }
.row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; }
.row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; }
.row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; }
.row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; }
.row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; }
input, textarea, .uneditable-input { margin-left: 0; }
.controls-row [class*="span"] + [class*="span"] { margin-left: 30px; }
input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; }
input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; }
input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; }
input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; }
input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; }
input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; }
input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; }
input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; }
input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; }
input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; }
input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; }
input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; }
.thumbnails { margin-left: -30px; }
.thumbnails > li { margin-left: 30px; }
.row-fluid .thumbnails { margin-left: 0; } }
.antiscroll-wrap { display: inline-block; position: relative; overflow: hidden; width: 100%; max-height: 100%; }
.antiscroll-scrollbar { background: gray; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; position: absolute; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: linear 300ms opacity; -moz-transition: linear 300ms opacity; -o-transition: linear 300ms opacity; }
.antiscroll-scrollbar-shown { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.antiscroll-scrollbar-horizontal { height: 7px; margin-left: 2px; bottom: 2px; left: 0; }
.antiscroll-scrollbar-vertical { width: 7px; margin-top: 2px; right: 2px; top: 0; }
.antiscroll-inner { overflow: scroll; }
/** A bug in Chrome 25 on Lion requires each selector to have their own blocks. E.g. the following:
.antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}
causes the width and height rules to be ignored by the browser resulting in both native and antiscroll scrollbars appearing at the same time. */
.antiscroll-inner::-webkit-scrollbar { width: 0; height: 0; }
.antiscroll-inner::scrollbar { width: 0; height: 0; }
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-lg { font-size: 1.3333333333333333em; line-height: .75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.2857142857142858em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: .14285714285714285em; text-align: center; }
.fa-li.fa-lg { left: -1.8571428571428572em; }
.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(359deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); } }
.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #fff; }
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-move:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-resize-full:before { content: "\f065"; }
.fa-resize-small:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-resize-vertical:before { content: "\f07d"; }
.fa-resize-horizontal:before { content: "\f07e"; }
.fa-bar-chart-o:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-fullscreen:before { content: "\f0b2"; }
.fa-group:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-reorder:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building:before { content: "\f0f7"; }
.fa-hospital:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-expand-o:before { content: "\f116"; }
.fa-collapse-o:before { content: "\f117"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-reply-all:before { content: "\f122"; }
.fa-mail-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-o:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-horizontal:before { content: "\f141"; }
.fa-ellipsis-vertical:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 120px; height: 120px; padding: 10px; border-radius: 5px; background: url("../images/fancybox/fancybox_loading.gif") white center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -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: url("../images/fancybox/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 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("../images/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url("../images/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
@-webkit-keyframes glowing { /* line 8, ../scss/_glow.scss */
from { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 9, ../scss/_glow.scss */
50% { box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 10, ../scss/_glow.scss */
to { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@-khtml-keyframes glowing { /* line 14, ../scss/_glow.scss */
from { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 15, ../scss/_glow.scss */
50% { box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 16, ../scss/_glow.scss */
to { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@-moz-keyframes glowing { /* line 20, ../scss/_glow.scss */
from { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 21, ../scss/_glow.scss */
50% { box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 22, ../scss/_glow.scss */
to { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@-ms-keyframes glowing { /* line 26, ../scss/_glow.scss */
from { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 27, ../scss/_glow.scss */
50% { box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 28, ../scss/_glow.scss */
to { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@-o-keyframes glowing { /* line 32, ../scss/_glow.scss */
from { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 33, ../scss/_glow.scss */
50% { box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 34, ../scss/_glow.scss */
to { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
@keyframes glowing { /* line 38, ../scss/_glow.scss */
from { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 39, ../scss/_glow.scss */
50% { box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); }
/* line 40, ../scss/_glow.scss */
to { box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); } }
/* line 10, ../scss/buttons.scss */
.button, .ccm-input-button { box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); background: -o-linear-gradient(top, #fbfbfb, #e1e1e1); background: linear-gradient(top, #fbfbfb, #e1e1e1); display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; border: 1px solid #d4d4d4; height: 32px; line-height: 32px; padding: 0px 25.6px; font-weight: 300; font-size: 14px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #666666; text-shadow: 0 1px 1px white; margin: 0; text-decoration: none; text-align: center; }
.button i { color: #666666; }
/* line 29, ../scss/buttons.scss */
.button:hover { background-color: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, gainsboro)); background: -webkit-linear-gradient(top, white, gainsboro); background: -moz-linear-gradient(top, white, gainsboro); background: -o-linear-gradient(top, white, gainsboro); background: linear-gradient(top, white, gainsboro); }
/* line 33, ../scss/buttons.scss */
.button:active { box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); background: #eeeeee; color: #bbbbbb; }
/* line 42, ../scss/buttons.scss */
input.button, button.button { height: 34px; cursor: pointer; }
/* line 48, ../scss/buttons.scss */
.button-block { display: block; }
/* line 57, ../scss/buttons.scss */
.button.disabled, .button.disabled:hover, .button.disabled:active, input.button:disabled, button.button:disabled { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); background: #EEE; border: 1px solid #dddddd; text-shadow: 0 1px 1px white; color: #CCC; cursor: default; }
/* line 67, ../scss/buttons.scss */
.button-wrap { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2); background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2); background: -o-linear-gradient(top, #e3e3e3, #f2f2f2); background: linear-gradient(top, #e3e3e3, #f2f2f2); -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); padding: 10px; display: inline-block; }
/* line 83, ../scss/buttons.scss */
.button-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/* line 83, ../scss/buttons.scss */
.button-pill { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }
/* line 83, ../scss/buttons.scss */
.button-circle { -webkit-border-radius: 240px; -moz-border-radius: 240px; -ms-border-radius: 240px; -o-border-radius: 240px; border-radius: 240px; box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); width: 120px; line-height: 120px; height: 120px; padding: 0px; border-width: 4px; font-size: 18px; }
/* line 118, ../scss/buttons.scss */
.button-primary, .button-primary i { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2)); background: -webkit-linear-gradient(top, #00b5e5, #008db2); background: -moz-linear-gradient(top, #00b5e5, #008db2); background: -o-linear-gradient(top, #00b5e5, #008db2); background: linear-gradient(top, #00b5e5, #008db2); background-color: #00a1cb; border-color: #007998; color: white !important; text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35); }
/* line 125, ../scss/buttons.scss */
.button-primary:hover { background-color: #00a1cb; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2)); background: -webkit-linear-gradient(top, #00c9fe, #008db2); background: -moz-linear-gradient(top, #00c9fe, #008db2); background: -o-linear-gradient(top, #00c9fe, #008db2); background: linear-gradient(top, #00c9fe, #008db2); }
/* line 129, ../scss/buttons.scss */
.button-primary:active, .button-primary:active i { background: #1495b7; color: #005065 !important; }
/* line 118, ../scss/buttons.scss */
.button-action, .button-action i { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00)); background: -webkit-linear-gradient(top, #8fcf00, #6b9c00); background: -moz-linear-gradient(top, #8fcf00, #6b9c00); background: -o-linear-gradient(top, #8fcf00, #6b9c00); background: linear-gradient(top, #8fcf00, #6b9c00); background-color: #7db500; border-color: #5a8200; color: white; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); }
/* line 125, ../scss/buttons.scss */
.button-action:hover, .button-action:hover i { background-color: #7db500; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00)); background: -webkit-linear-gradient(top, #a0e800, #6b9c00); background: -moz-linear-gradient(top, #a0e800, #6b9c00); background: -o-linear-gradient(top, #a0e800, #6b9c00); background: linear-gradient(top, #a0e800, #6b9c00); }
/* line 129, ../scss/buttons.scss */
.button-action:active, .button-action:active i { background: #76a312; color: #374f00; }
/* line 118, ../scss/buttons.scss */
.button-highlight, .button-highlight i { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04)); background: -webkit-linear-gradient(top, #fa9915, #d87e04); background: -moz-linear-gradient(top, #fa9915, #d87e04); background: -o-linear-gradient(top, #fa9915, #d87e04); background: linear-gradient(top, #fa9915, #d87e04); background-color: #f18d05; border-color: #bf7004; color: white; text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35); }
/* line 125, ../scss/buttons.scss */
.button-highlight:hover, .button-highlight:hover i { background-color: #f18d05; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04)); background: -webkit-linear-gradient(top, #fba42e, #d87e04); background: -moz-linear-gradient(top, #fba42e, #d87e04); background: -o-linear-gradient(top, #fba42e, #d87e04); background: linear-gradient(top, #fba42e, #d87e04); }
/* line 129, ../scss/buttons.scss */
.button-highlight:active, .button-highlight:active i { background: #d8891e; color: #8d5303; }
/* line 118, ../scss/buttons.scss */
.button-caution, .button-caution i { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a)); background: -webkit-linear-gradient(top, #e8543f, #d9331a); background: -moz-linear-gradient(top, #e8543f, #d9331a); background: -o-linear-gradient(top, #e8543f, #d9331a); background: linear-gradient(top, #e8543f, #d9331a); background-color: #e54028; border-color: #c22d18; color: white; text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35); }
/* line 125, ../scss/buttons.scss */
.button-caution:hover, .button-caution:hover i { background-color: #e54028; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a)); background: -webkit-linear-gradient(top, #eb6855, #d9331a); background: -moz-linear-gradient(top, #eb6855, #d9331a); background: -o-linear-gradient(top, #eb6855, #d9331a); background: linear-gradient(top, #eb6855, #d9331a); }
/* line 129, ../scss/buttons.scss */
.button-caution:active, .button-caution:active i { background: #cd5240; color: #952312; }
/* line 118, ../scss/buttons.scss */
.button-royal, .button-royal i { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79)); background: -webkit-linear-gradient(top, #99389f, #752a79); background: -moz-linear-gradient(top, #99389f, #752a79); background: -o-linear-gradient(top, #99389f, #752a79); background: linear-gradient(top, #99389f, #752a79); background-color: #87318c; border-color: #632466; color: white; text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35); }
/* line 125, ../scss/buttons.scss */
.button-royal:hover { background-color: #87318c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79)); background: -webkit-linear-gradient(top, #ab3eb2, #752a79); background: -moz-linear-gradient(top, #ab3eb2, #752a79); background: -o-linear-gradient(top, #ab3eb2, #752a79); background: linear-gradient(top, #ab3eb2, #752a79); }
/* line 129, ../scss/buttons.scss */
.button-royal:active { background: #764479; color: #3e1740; }
/* line 143, ../scss/buttons.scss */
.button-flat { -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; background: #e9e9e9; border: none; text-shadow: none; }
/* line 152, ../scss/buttons.scss */
.button-flat:hover { background: #fbfbfb; }
/* line 155, ../scss/buttons.scss */
.button-flat:active { background: #eeeeee; color: #bbbbbb; }
/* line 159, ../scss/buttons.scss */
.button-flat.disabled { box-shadow: none; }
/* line 171, ../scss/buttons.scss */
.button-flat-primary { -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; background: #00a1cb; color: white; text-shadow: none; border: none; }
.button-flat-primary i { color: white; }
/* line 180, ../scss/buttons.scss */
.button-flat-primary:hover { background: #00b5e5; }
/* line 183, ../scss/buttons.scss */
.button-flat-primary:active { background: #1495b7; color: #00647f; }
/* line 187, ../scss/buttons.scss */
.button-flat-primary.disabled { box-shadow: none; }
/* line 171, ../scss/buttons.scss */
.button-flat-action { -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; background: #7db500; color: white; text-shadow: none; border: none; }
.button-flat-action i { color: white; }
/* line 180, ../scss/buttons.scss */
.button-flat-action:hover { background: #8fcf00; }
/* line 183, ../scss/buttons.scss */
.button-flat-action:active { background: #76a312; color: #486900; }
/* line 187, ../scss/buttons.scss */
.button-flat-action.disabled { box-shadow: none; }
/* line 171, ../scss/buttons.scss */
.button-flat-highlight { -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; background: #f18d05; color: white; text-shadow: none; border: none; }
.button-flat-highlight i { color: white; }
/* line 180, ../scss/buttons.scss */
.button-flat-highlight:hover { background: #fa9915; }
/* line 183, ../scss/buttons.scss */
.button-flat-highlight:active { background: #d8891e; color: #a66103; }
/* line 187, ../scss/buttons.scss */
.button-flat-highlight.disabled { box-shadow: none; }
/* line 171, ../scss/buttons.scss */
.button-flat-caution { -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; background: #e54028; color: white; text-shadow: none; border: none; }
.button-flat-caution i { color: white; }
/* line 180, ../scss/buttons.scss */
.button-flat-caution:hover { background: #e8543f; }
/* line 183, ../scss/buttons.scss */
.button-flat-caution:active { background: #cd5240; color: #ac2815; }
/* line 187, ../scss/buttons.scss */
.button-flat-caution.disabled { box-shadow: none; }
/* line 171, ../scss/buttons.scss */
.button-flat-royal { -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; background: #87318c; color: white; text-shadow: none; border: none; }
.button-flat-royal i { color: white; }
/* line 180, ../scss/buttons.scss */
.button-flat-royal:hover { background: #99389f; }
/* line 183, ../scss/buttons.scss */
.button-flat-royal:active { background: #764479; color: #501d53; }
/* line 187, ../scss/buttons.scss */
.button-flat-royal.disabled { box-shadow: none; }
/* line 202, ../scss/buttons.scss */
.button-large { font-size: 19px; height: 38.4px; line-height: 38.4px; padding: 0px 30.72px; }
/* line 227, ../scss/buttons.scss */
input.button-large, button.button-large { height: 40.4px; }
/* line 202, ../scss/buttons.scss */
.button-small { font-size: 12px; height: 25.6px; line-height: 25.6px; padding: 0px 20.48px; }
/* line 227, ../scss/buttons.scss */
input.button-small, button.button-small { height: 27.6px; }
/* line 202, ../scss/buttons.scss */
.button-tiny { font-size: 11px; height: 22.4px; line-height: 22.4px; padding: 0px 17.92px; }
/* line 227, ../scss/buttons.scss */
input.button-tiny, button.button-tiny { height: 24.4px; }
/* line 247, ../scss/buttons.scss */
.button.glow { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -khtml-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: glowing; -khtml-animation-name: glowing; -moz-animation-name: glowing; -ms-animation-name: glowing; -o-animation-name: glowing; animation-name: glowing; }
/* line 250, ../scss/buttons.scss */
.button.glow:active { -webkit-animation-name: none; -moz-animation-name: none; -ms-animation-name: none; -o-animation-name: none; animation-name: none; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; }
/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { .button { height: auto !important; } }
/* Landscape phones and down */
@media (max-width: 480px) { .button { height: auto !important; } }
/* ###################################################################
ITEM NAME : Meganizr Responsive CSS3 Mega Menu
ITEM URI : http://codecanyon.net/item/meganizr-responsive-css3-mega-menu/2629504
VERSION : 1.1.0
AUTHOR : Valeriu Timbuc
AUTHOR URI : http://vtimbuc.net
LICENSE : Purchased License - Regular or Extended - http://codecanyon.net/licenses/regular_extended
################################################################### */
/* ###################################################################
// 1. RESET STYLES
// 2. NAVIGATION BAR STYLES
// 3. SEARCH FORM
// 4. DROPDOWN
// 5. CONTENT STYLES
// 6. RESPONSIVE
// 7. EXTRA COLOR STYLES
################################################################### */
/* // 1. RESET STYLES */
/* ################################################################ */
.meganizr a { text-decoration: none; text-align: left !important; }
.meganizr li a { border: none !important; }
/* // 2. NAVIGATION BAR STYLES */
/* ################################################################ */
.meganizr { position: relative; z-index: 500; clear: both; width: 100%; height: 36px; }
.meganizr:before, .meganizr:after { content: ''; clear: both; }
/* Nav List */
.meganizr > li { position: relative; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; height: 36px; }
.meganizr > li.mzr-full-width { position: static; }
.meganizr > li.mzr-align-right { float: right; border-right: none; }
/* Nav Links */
.meganizr > li > a { position: relative; z-index: 550; display: block; padding: 3px 25px 0 25px; line-height: 34px; -webkit-transition: color .15s ease-in, background-image .2s ease-in; -moz-transition: color .15s ease-in, background-image .2s ease-in; -o-transition: color .15s ease-in, background-image .2s ease-in; -ms-transition: color .15s ease-in, background-image .2s ease-in; transition: color .15s ease-in, background-image .2s ease-in; }
.meganizr > li > a:hover { color: #000000; }
.meganizr > li > a:active { color: #525252; -webkit-transition: color 1ms; -moz-transition: color 1ms; -o-transition: color 1s; -ms-transition: color 1s; transition: color 1s; }
.meganizr > li.mzr-drop:hover > a:after, .meganizr > li.mzr-drop > a.mzr-click:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 38px; }
.meganizr > li.mzr-drop:hover > a, .meganizr > li.mzr-drop > a.mzr-click { z-index: 650; }
/* Home Icon */
.meganizr > li.mzr-home-dark > a, .meganizr > li.mzr-home-light > a { text-indent: -9999px; background-position: center center; background-repeat: no-repeat; }
.meganizr > li.mzr-home-dark > a { background-image: url(../images/meganizr/home_dark.png); }
.meganizr > li.mzr-home-light > a { background-image: url(../images/meganizr/home_light.png); }
/* // 4. DROPDOWN */
/* ################################################################ */
.meganizr > li > div, .meganizr > li > ul, .meganizr > li > ul li > ul { position: absolute; z-index: 600; padding: 10px 0; top: 36px; left: -1px; text-align: left; opacity: 0; overflow: hidden; visibility: hidden; }
.meganizr > li.mzr-align-right > div { left: auto; right: -1px; }
/* Transitions */
.mzr-slide > li > div, .mzr-slide > li > ul, .mzr-slide > li > ul li > ul, .mzr-fade > li > div, .mzr-fade > li > ul, .mzr-fade > li > ul li > ul { -webkit-transition: all .15s ease-in; -moz-transition: all .15s ease-in; -o-transition: all .15s ease-in; -ms-transition: all .15s ease-in; transition: all .15s ease-in; }
.mzr-slide > li > div, .mzr-slide > li > ul, .mzr-slide > li > ul li > ul { top: 100px; }
.mzr-slide > li.mzr-drop:hover > div, .mzr-slide > li.mzr-drop:hover > ul, .mzr-slide > li > ul li.mzr-drop:hover > ul { top: 37px; opacity: 1; overflow: visible; visibility: visible; }
.mzr-fade > li.mzr-drop:hover > div, .mzr-fade > li.mzr-drop:hover > ul, .mzr-fade > li > ul li.mzr-drop:hover > ul, .meganizr > li.mzr-drop:hover > div, .meganizr > li.mzr-drop:hover > ul, .meganizr > li > ul li.mzr-drop:hover > ul { opacity: 1; overflow: visible; visibility: visible; }
/* Dropdown Columns */
.meganizr .mzr-full-width > div { width: 100%; }
/* Dropdown Levels */
.meganizr > li > ul, .meganizr > li > ul li > ul { width: 190px; padding: 10px; }
.meganizr > li > ul li.mzr-drop:hover > ul, .meganizr.mzr-fade > li > ul li.mzr-drop > ul { top: -11px; }
.meganizr > li > ul li { position: relative; display: block !important; }
.meganizr > li > ul li > ul { position: absolute; left: 100%; }
.meganizr > li.mzr-align-right > ul { left: auto; right: 0; }
.meganizr > li > ul li.mzr-align-left > ul { position: absolute; left: auto; right: 105%; }
.meganizr > li > ul a { display: block; line-height: 38px; border-left: none !important; border-right: none !important; -webkit-transition: color .15s ease-in; -moz-transition: color .15s ease-in; -o-transition: color .15s ease-in; -ms-transition: color .15s ease-in; transition: color .15s ease-in; }
.meganizr > li > ul li:last-child a { border-bottom: none !important; box-shadow: none; }
.meganizr > li > ul a:hover { color: #888; }
.meganizr > li > ul li.mzr-drop > a { background: url(../images/meganizr/arrow.png) no-repeat 180px 16px; }
.meganizr > li > ul li.mzr-align-left.mzr-drop > a { background: url(../images/meganizr/arrow-inverse.png) no-repeat 180px 16px; }
/* // 5. CONTENT STYLES */
/* ################################################################ */
/* Cursor */
.mzr-content { cursor: default; }
/* // 6. RESPONSIVE */
/* ################################################################ */
@media only screen and (max-width: 959px) { #top_nav.top_nav_meganizr { height: auto; }
.mzr-responsive { height: auto; clear: both; margin: 25px 0; text-align: left; }
.mzr-responsive > li, .mzr-responsive > li.mzr-align-right { display: inline-block; position: static; border: none; width: 33%; }
.mzr-responsive > li.mzr-drop { background: url(../images/meganizr/arrow-down.png) no-repeat right center; }
.mzr-responsive.mzr-slide > li > div, .mzr-responsive.mzr-slide > li > ul, .mzr-responsive.mzr-slide > li > ul li > ul, .mzr-responsive.mzr-fade > li > div, .mzr-responsive.mzr-fade > li > ul, .mzr-responsive.mzr-fade > li > ul li > ul { top: auto; }
.mzr-responsive.mzr-slide > li.mzr-drop:hover > div, .mzr-responsive.mzr-slide > li.mzr-drop:hover > ul, .mzr-responsive.mzr-slide > li > ul li.mzr-drop:hover > ul, .mzr-responsive.mzr-fade > li.mzr-drop:hover > div, .mzr-responsive.mzr-fade > li.mzr-drop:hover > ul, .mzr-responsive.mzr-fade > li > ul li.mzr-drop:hover > ul { top: auto; }
.mzr-responsive > li.mzr-search input { width: 90%; }
.mzr-responsive > li.mzr-search input:focus { width: 90%; }
.mzr-responsive > li.mzr-search input[type=text] { border: 1px solid #ccc; padding-left: 5px; }
.mzr-responsive .mzr-content input[type=text], .mzr-responsive .mzr-content input[type=email], .mzr-responsive .mzr-content textarea { width: 80%; max-width: 80%; padding: 9px 4% 8px 15%; }
.mzr-responsive li.mzr-drop.mzr-levels, .mzr-responsive li.mzr-drop.mzr-contact { position: relative; }
.mzr-responsive > li.mzr-drop > ul, .mzr-responsive > li.mzr-drop > ul li > ul { width: 100%; padding: 0; }
.mzr-responsive > li > ul li > ul, .mzr-responsive > li > ul li.mzr-align-left > ul, .mzr-responsive > li.mzr-align-right > ul { left: -1px; }
.mzr-responsive > li > ul a { margin-left: 10px; margin-right: 10px; }
.mzr-responsive > li > ul li.mzr-drop > a, .mzr-responsive > li > ul li.mzr-align-left.mzr-drop > a { background: url(../images/meganizr/arrow-down.png) no-repeat 100% center; } }
@media only screen and (max-width: 767px) { .mzr-responsive > li, .mzr-responsive > li.mzr-align-right { width: 49.5%; } }
@media only screen and (max-width: 479px) { .mzr-responsive > li, .mzr-responsive > li.mzr-align-right { display: block; width: 100%; } }