/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
td {vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {text-decoration: none;}
/*! jQuery UI - v1.10.4 - 2014-04-02
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;font-family: Verdana, Arial, Helvetica, sans-serif;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(/lib/jquery-colorbox/images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/lib/jquery-colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/lib/jquery-colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/lib/jquery-colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 17, 2020 */
@font-face {
font-family: 'allerbold';
src: url('/font/aller/aller_bd-webfont.woff2') format('woff2'),
url('/font/aller/aller_bd-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'allerbold_italic';
src: url('/font/aller/aller_bdit-webfont.woff2') format('woff2'),
url('/font/aller/aller_bdit-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'alleritalic';
src: url('/font/aller/aller_it-webfont.woff2') format('woff2'),
url('/font/aller/aller_it-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aller_lightregular';
src: url('/font/aller/aller_lt-webfont.woff2') format('woff2'),
url('/font/aller/aller_lt-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aller_lightitalic';
src: url('/font/aller/aller_ltit-webfont.woff2') format('woff2'),
url('/font/aller/aller_ltit-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'allerregular';
src: url('/font/aller/aller_rg-webfont.woff2') format('woff2'),
url('/font/aller/aller_rg-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aller_displayregular';
src: url('/font/aller/allerdisplay-webfont.woff2') format('woff2'),
url('/font/aller/allerdisplay-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* COMMUNS *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
body
{
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #4D4D4D;
}
body.pageScrolled
{
padding-top: 105px;
}
*
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before,
.clearfix:after
{
content: " ";
display: table;
}
.clearfix:after
{
clear: both;
}
.clearfix
{
*zoom: 1;
}
.clear
{
clear: both;
}
.centered
{
margin: auto;
width: 991px;
}
.centered.large
{
width: 90%;
}
.classic-content
{
padding: 50px;
min-height: 300px;
}
.centeredContent
{
max-width: 1680px;
padding: 0 40px;
margin: 0 auto;
}
.pageAdministrable .centeredContent,
#actualites .centeredContent,
.actualite .centeredContent,
.contact .centeredContent,
.inscriptionOffreCourse .centeredContent,
.cgv .centeredContent,
.politiqueDeConfidentialite .centeredContent,
.mentionsLegales .centeredContent
{
max-width: 1200px;
}
.sharedBlock
{
padding: 40px 0;
}
.sharedTitleL1
{
margin-bottom: 40px;
font-family: 'allerbold', sans-serif;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
text-align: center;
color: #000;
}
.sharedTitleL2,
.sharedText h2
{
margin-bottom: 20px;
font-family: 'allerbold', sans-serif;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
color: #000;
}
.sharedTitleL3,
/* Classe unique pour tout contenu riche provenant de la base de données */
.richContent {
line-height: 120%;
}
.richContent strong {
font-weight: bold;
}
.richContent em {
font-style: italic;
}
.richContent h2 {
font-size: 28px;
font-weight: 700;
padding-bottom: 30px;
text-align: center;
margin: 0;
line-height: 1.3;
}
.richContent h3 {
font-size: 24px;
font-weight: 700;
padding-bottom: 20px;
text-align: center;
margin: 0;
line-height: 1.3;
}
.richContent h4 {
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
text-align: center;
margin: 0;
line-height: 1.4;
}
.richContent h5 {
font-size: 16px;
font-weight: 700;
padding-bottom: 8px;
text-align: center;
margin: 0;
line-height: 1.4;
}
.richContent p {
margin: 5px 0;
color: #53504b;
font-size: 15px;
letter-spacing: 1px;
line-height: 22px;
}
.richContent ul {
margin: 5px 0;
color: #53504b;
font-size: 15px;
letter-spacing: 1px;
line-height: 22px;
}
.richContent ol {
margin: 5px 0;
color: #53504b;
font-size: 15px;
letter-spacing: 1px;
line-height: 22px;
}
.richContent a {
text-decoration: underline;
color: #000;
}
.richContent hr {
margin: 20px 0;
}
/* Anciennes classes - gardées pour compatibilité mais dépréciées */
.sharedText h3
{
margin-bottom: 10px;
font-family: 'allerbold', sans-serif;
font-weight: bold;
font-size: 17px;
color: #000;
}
.sharedText
{
line-height: 150%;
}
.sharedText p
{
margin-top: 20px;
}
.sharedText p:first-child,
.sharedText ul:first-child,
.sharedText ol:first-child
{
margin-top: 0;
}
.sharedText strong
{
font-weight: bold;
}
.sharedText ul
{
list-style: inside;
}
.sharedText a
{
text-decoration: underline;
color: #000;
}
.sharedSpace
{
height: 40px;
}
a
{
color: inherit;
font-size: inherit;
font-weight: inherit;
}
a[href^="tel"]
{
color: inherit;
text-decoration: none;
}
.nowrap
{
white-space: nowrap;
}
.classic-content h2,
.HTMLContent h2,
.classic-content h3,
.HTMLContent h3,
.classic-content h4,
.HTMLContent h4,
.classic-content h5,
.HTMLContent h5
{
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
text-transform: uppercase;
text-align: center;
color: #524f4a;
}
.classic-content h2,
.HTMLContent h2
{
font-size: 28px;
padding-bottom: 30px;
}
.classic-content h3,
.HTMLContent h3
{
font-size: 24px;
padding-bottom: 20px;
}
.classic-content h4,
.HTMLContent h4
{
font-size: 18px;
padding-bottom: 10px;
}
#pagepolitique-de-confidentialite .classic-content h4
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}
.classic-content h5,
.HTMLContent h5
{
font-size: 16px;
padding-bottom: 8px;
}
.classic-content .espace,
.HTMLContent .espace
{
height: 30px;
}
.classic-content-text h2,
.HTMLContent h2
{
max-width: 900px;
padding-bottom: 0;
margin: 0 auto 30px auto;
}
.classic-content-text h3,
.HTMLContent h3
{
padding-bottom: 0;
margin-bottom: 20px;
}
.classic-content-text h4,
.HTMLContent h4
{
padding-bottom: 0;
margin-bottom: 10px;
}
.classic-content-text h5,
.HTMLContent h5
{
padding-bottom: 0;
margin-bottom: 8px;
}
.classic-content-text em,
.HTMLContent em
{
font-style: italic;
}
.classic-content-text p,
.HTMLContent p,
.classic-content-text ul,
.HTMLContent ul,
.classic-content-text li,
.HTMLContent li
{
margin: 5px 0;
line-height: 120%;
}
.inscriptionOffreCourse p
{
text-align: center;
}
#formulaireInscriptionOffreCourse
{
margin-top: 30px;
}
.classic-content-text ul,
.HTMLContent ul
{
list-style: disc;
}
.classic-content-text strong,
.HTMLContent strong
{
font-weight: bold;
}
.erreur404
{
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 32px;
text-align: center;
height: 200px;
padding-top: 120px;
background: url(/img/front/riderunik-kit-plastique-bg.png);
color: #524f4a;
}
table.tableau, table.tableau td, table.tableau th
{
}
table.tableau td, table.tableau th
{
padding: 25px;
}
table.tableau td
{
vertical-align: middle;
}
table.tableau th
{
padding: 10px 5px;
background-color: #4D4D4D;
font-size: 15px;
text-transform: uppercase;
color: #fff;
}
table.tableau td.totalTTC
{
white-space: nowrap;
}
table .valigncenter
{
vertical-align: middle;
}
#mes-creations .creation
{
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
}
#mes-creations .creation .detail
{
float: left;
padding-right: 20px;
}
#mes-creations .creation .personnalisations
{
float: left;
width: 720px;
padding-left: 20px;
border-left: 1px dashed #ccc;
}
#mes-creations .creation .personnalisation
{
float: left;
width: 165px;
height: 200px;
margin: 0 15px 15px 0;
}
#mes-creations .creation .libelle-piece
{
text-align: center;
}
#mes-creations .personnalisation img
{
background-color: #eee;
}
#mes-creations .creation .personnalisation .boutonPersonnaliser
{
width: auto;
}
#mes-creations form.editerCreation
{
color: #52d2bc;
font-weight: bold;
text-align: left;
}
#mes-creations form.editerCreation input
{
width: 160px;
border: 1px solid #52d2bc;
color: #52d2bc;
font-weight: bold;
padding: 3px 5px;
}
#mes-creations form.editerCreation button
{
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
background: url(/img/front/picto-edit-option.png) no-repeat;
float: none;
outline: none;
padding: 0;
}
#mes-creations a.boutonAjoutPanier,
#mes-creations a.boutonPersonnaliser,
#mes-creations a.supprimerCreation,
#mes-creations a.apercuCreation
{
background-color: #52d2bc;
border: medium none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 14px;
padding: 8px 24px;
width: 150px;
text-align: center;
}
#mes-creations a.boutonPersonnaliser,
#mes-creations a.supprimerCreation
{
color: #fff;
background-color: #52d2bc;
margin-bottom: 15px;
text-align: center;
}
#mes-creations a.boutonAjoutPanier
{
margin-bottom: 15px;
}
#mes-creations a.boutonPersonnaliser
{
background: url(/img/front/picto-edit-agilesvg.png) no-repeat center right 10px #52d2bc;
}
table.tableau td a.boutonAjoutPanier.global,
table.tableau td a.apercuCreation
{
/*float:none;*/
/*margin:auto;*/
}
table.tableau td a.boutonAjoutPanier
{
margin-bottom: 20px;
}
table.tableau td
{
background: url(/img/front/riderunik-panier-separateur-ligne-bg.png) right center no-repeat;
}
table.tableau td.action
{
background-image: none;
}
table.tableau tr
{
background-color: #F7F7F7;
}
table.tableau tr.even
{
background-color: #F0F0F0;
}
table.tableau td.last
{
background: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* INFORMATION BANDEAUX *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
.header
{
}
.header .informationBandeaus
{
}
.header .informationBandeaus .block1
{
padding: 10px 0;
/*background-color: #D6BCD7;*/
overflow: hidden;
}
.header .informationBandeaus .block1 .centeredContent,
.header .headerClassic .block1 .centeredContent,
.headerP2 .block1 .centeredContent
{
}
.header .informationBandeaus .block1 .informationBandeau
{
display: none;
line-height: 120%;
font-weight: bold;
text-align: center;
color: #000;
}
.header .informationBandeaus .block1 .informationBandeau:first-child
{
display: block;
}
.header .informationBandeaus .block1 .contenu,
.header .informationBandeaus .block1 .separator,
.header .informationBandeaus .block1 .lien
{
display: inline;
}
.header .informationBandeaus .block1 .contenu
{
}
.header .informationBandeaus .block1 .separator
{
}
.header .informationBandeaus .block1 .lien
{
text-decoration: underline;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* HEADER CLASSIC *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
.header .headerClassic
{
}
.header .headerClassic .block1
{
height: 153px;
padding: 10px 0;
background: #191919;
transition: all 600ms;
}
.pageScrolled .header .headerClassic .block1
{
height: 105px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.header .headerClassic .block1 .centeredContent
{
}
.header .headerClassic .block1 .columns
{
display: table;
table-layout: fixed;
width: 100%;
}
.header .headerClassic .block1 .column
{
display: table-cell;
vertical-align: top;
}
.header .headerClassic .block1 .column1
{
width: 170px;
padding-right: 20px;
padding-top: 55px;
}
.header .headerClassic .block1 .column2
{
}
.header .headerClassic .block1 .logoLink
{
display: block;
}
.header .headerClassic .block1 .logo
{
display: block;
width: auto;
height: 60px;
transition: all 600ms;
}
.pageScrolled .header .headerClassic .block1 .column1
{
padding-top: 45px;
}
.pageScrolled .header .headerClassic .block1 .logo
{
width: auto;
height: 38px;
}
.header .headerClassic .block1 .blockL2
{
}
.header .headerClassic .block1 .blockL2-1
{
}
.header .headerClassic .block1 .columnL2s
{
display: table;
table-layout: fixed;
width: 100%;
}
.header .headerClassic .block1 .columnL2
{
display: table-cell;
vertical-align: middle;
}
.header .headerClassic .block1 .columnL2-1
{
width: 33.33%;
}
.header .headerClassic .block1 .columnL2-2
{
text-align: right;
}
.header .headerClassic .block1 .phoneLink,
.header .headerClassic .block1 .emailLink
{
display: inline-block;
font-size: 14px;
color: #fff;
transition: all 600ms;
}
.header .headerClassic .block1 .phoneLink
{
}
.header .headerClassic .block1 .emailLink
{
margin-left: 20px;
}
.header .headerClassic .block1 .phoneLink:hover,
.header .headerClassic .block1 .emailLink:hover
{
/*color: #D6BCD7;*/
}
.header .headerClassic .block1 .phoneLink .icon,
.header .headerClassic .block1 .emailLink .icon
{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
fill: #fff;
transition: all 600ms;
}
.header .headerClassic .block1 .phoneLink:hover .icon,
.header .headerClassic .block1 .emailLink:hover .icon
{
/*fill: #D6BCD7;*/
}
.header .headerClassic .block1 .phoneLink .label,
.header .headerClassic .block1 .emailLink .label
{
display: inline-block;
vertical-align: middle;
}
.header .headerClassic .block1 .searchForm
{
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}
.header .headerClassic .block1 .columnL3s
{
display: table;
table-layout: fixed;
}
.header .headerClassic .block1 .columnL3
{
display: table-cell;
vertical-align: middle;
}
.header .headerClassic .block1 .columnL3-1
{
}
.header .headerClassic .block1 .columnL3-2
{
}
.header .headerClassic .block1 .searchField
{
display: block;
width: 200px;
border: none;
outline: none;
background: #4D4D4D;
box-shadow: none;
font-size: 14px;
color: #fff;
}
.header .headerClassic .block1 .searchField::placeholder
{
color: #E6E6E6;
opacity: 1; /* Firefox */
}
.header .headerClassic .block1 .searchField:-webkit-input-placeholder
{
/* Chrome, Safari, Opera */
color: #E6E6E6;
}
.header .headerClassic .block1 .searchField::-ms-input-placeholder
{
/* Microsoft Edge */
color: #E6E6E6;
}
.header .headerClassic .block1 .searchButton
{
width: 30px;
height: 30px;
padding: 0;
background: #666666;
}
.header .headerClassic .block1 .searchButton .icon
{
width: 16px;
height: 16px;
fill: #E6E6E6;
transition: all 600ms;
}
.header .headerClassic .block1 .searchButton:hover .icon
{
/*fill: #D6BCD7;*/
}
.header .headerClassic .block1 .boutonMonCompte,
.header .headerClassic .block1 .boutonPanier
{
display: inline-block;
vertical-align: middle;
margin-left: 20px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
transition: all 600ms;
}
.header .headerClassic .block1 .boutonMonCompte:hover,
.header .headerClassic .block1 .boutonPanier:hover
{
/*color: #D6BCD7;*/
}
.header .headerClassic .block1 .boutonMonCompte .icon,
.header .headerClassic .block1 .boutonPanier .icon
{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
fill: #fff;
transition: all 600ms;
}
.header .headerClassic .block1 .boutonMonCompte:hover .icon,
.header .headerClassic .block1 .boutonPanier:hover .icon
{
/*fill: #D6BCD7;*/
}
.header .headerClassic .block1 .boutonMonCompte .label,
.header .headerClassic .block1 .boutonPanier .label
{
display: inline-block;
vertical-align: middle;
}
.header .headerClassic .block1 .boutonPanier .nbArticlesDansPanier
{
display: inline-block;
padding: 5px 10px;
/*background-color: #D6BCD7;*/
border-radius: 10px;
color: #000;
}
.header .headerClassic .block1 .blockL2-2
{
margin-top: 10px;
text-align: center;
}
.header .headerClassic .block1 .categories
{
display: block;
margin: 0;
padding: 0;
}
.header .headerClassic .block1 .categorie
{
display: inline-block;
vertical-align: top;
margin-left: 20px;
position: relative;
}
.header .headerClassic .block1 .categorie:first-child
{
margin-left: 0;
}
.header .headerClassic .block1 .lienCategorie
{
display: block;
height: 78px;
padding-bottom: 10px;
border-bottom: solid 3px transparent;
transition: all 600ms;
}
.header .headerClassic .block1 .categorie:hover .lienCategorie
{
/*border-bottom-color: #D6BCD7;*/
}
.pageScrolled .header .headerClassic .block1 .lienCategorie
{
height: 28px;
}
.header .headerClassic .block1 .lienCategorie .icone
{
display: block;
width: 40px;
height: 40px;
margin: 0 auto 10px auto;
transition: all 1s;
}
.pageScrolled .header .headerClassic .block1 .lienCategorie .icone
{
width: 0;
height: 0;
margin-bottom: 0;
}
.header .headerClassic .block1 .lienCategorie .libelle
{
display: block;
font-size: 15px;
text-transform: uppercase;
color: #fff;
}
.header .headerClassic .block1 .sousCategories
{
visibility: hidden;
opacity: 0;
min-width: 100%;
position: absolute;
top: 78px;
left: 0;
z-index: 1001;
background: #191919;
transition: all 600ms;
}
.header .headerClassic .block1 .categorie:hover .sousCategories
{
visibility: visible;
opacity: 1;
}
.pageScrolled .header .headerClassic .block1 .sousCategories
{
top: 28px;
}
.header .headerClassic .block1 .sousCategorie
{
}
.header .headerClassic .block1 .lienSousCategorie
{
display: block;
padding: 10px 10px 10px 10px;
text-align: left;
color: #fff;
white-space: nowrap;
transition: all 600ms;
}
.header .headerClassic .block1 .sousCategorie:nth-child(odd) .lienSousCategorie
{
background: #333333;
}
.header .headerClassic .block1 .lienSousCategorie:hover
{
/*color: #D6BCD7;*/
}
.header .headerClassic .block1 .lienSousCategorie .icone
{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.header .headerClassic .block1 .lienSousCategorie .libelle
{
display: inline-block;
vertical-align: middle;
}
.mobile {display:none;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* HEADER MOBILE *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
.header .headerMobile
{
display: none;
}
.header .headerMobile .block1
{
height: 70px;
padding: 10px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2000;
background: #191919;
}
.header .headerMobile .lienSurLogo
{
display: inline-block;
vertical-align: middle;
}
.header .headerMobile .logo
{
height: 44px;
padding-top:4px;
}
.header .headerMobile .phoneLink,
.header .headerMobile .emailLink
{
display: inline-block;
vertical-align: middle;
margin-left: 30px;
font-size: 14px;
color: #fff;
}
.header .headerMobile .phoneLink .icon,
.header .headerMobile .emailLink .icon
{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
fill: #fff;
}
.header .headerMobile .phoneLink .label,
.header .headerMobile .emailLink .label
{
display: inline-block;
vertical-align: middle;
}
.header .headerMobile .phoneButton,
.header .headerMobile .openCloseSearchButton,
.header .headerMobile .boutonPanier,
.header .headerMobile .boutonMonCompte,
.header .headerMobile .boutonMenu
{
height: 40px;
width: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
background: #4D4D4D;
transition: all 600ms;
}
.header .headerMobile .phoneButton
{
display: none;
right: 210px;
}
.header .headerMobile .openCloseSearchButton
{
right: 160px;
}
.header .headerMobile .phoneButton .icon,
.header .headerMobile .openCloseSearchButton .icon,
.header .headerMobile .boutonPanier .icon,
.header .headerMobile .boutonMonCompte .icon,
.header .headerMobile .boutonMenu .icon
{
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
position: absolute;
top: 50%;
left: 50%;
fill: #fff;
transition: all 600ms;
}
.header .headerMobile .boutonPanier
{
/*width: auto;
line-height: 40px;
padding: 0 10px;*/
right: 110px;
}
.header .headerMobile .boutonMonCompte
{
right: 60px;
}
.header .headerMobile .boutonMenu
{
right: 10px;
}
.header .headerMobile .boutonMenu.actif,
.header .headerMobile .openCloseSearchButton.active
{
/*background-color: #D6BCD7;*/
}
.header .headerMobile .boutonMenu.actif .icon,
.header .headerMobile .openCloseSearchButton.active .icon
{
fill: #000;
}
.header .headerMobile .boutonMenu.actif .icon
{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.header .headerMobile .block1 .searchForm
{
display: none;
position: fixed;
top: 70px;
left: 0;
right: 0;
bottom: 0;
}
.header .headerMobile .block1 .columnL3s
{
display: table;
table-layout: fixed;
width: 100%;
}
.header .headerMobile .block1 .columnL3
{
display: table-cell;
vertical-align: middle;
}
.header .headerMobile .block1 .columnL3-1
{
}
.header .headerMobile .block1 .columnL3-2
{
width: 40px;
}
.header .headerMobile .block1 .searchField
{
display: block;
width: 100%;
height: 40px;
line-height: 40px;
border: none;
outline: none;
background: #4D4D4D;
box-shadow: none;
font-size: 14px;
text-align: right;
color: #fff;
}
.header .headerMobile .block1 .searchField::placeholder
{
color: #E6E6E6;
opacity: 1; /* Firefox */
}
.header .headerMobile .block1 .searchField:-webkit-input-placeholder
{
/* Chrome, Safari, Opera */
color: #E6E6E6;
}
.header .headerMobile .block1 .searchField::-ms-input-placeholder
{
/* Microsoft Edge */
color: #E6E6E6;
}
.header .headerMobile .block1 .searchButton
{
width: 40px;
height: 40px;
padding: 0;
background: #666666;
}
.header .headerMobile .block1 .searchButton .icon
{
width: 20px;
height: 20px;
fill: #E6E6E6;
transition: all 600ms;
}
.header .headerMobile .block1 .searchButton:hover .icon
{
/*fill: #D6BCD7;*/
}
.header .headerMobile .menu
{
display: none;
margin: 0;
padding: 10px;
overflow: auto;
position: fixed;
top: 70px;
left: 0;
right: 0;
bottom: 0;
background: #333;
}
.header .headerMobile .menu .elementMenu
{
display: block;
margin-top: 5px;
}
.header .headerMobile .menu .elementMenu:first-child
{
margin-top: 0;
}
.header .headerMobile .menu .separateur
{
display: none;
/*height: 3px;
margin: 10px 0;
background: #000;*/
}
.header .headerMobile .menu .lienMenu
{
display: block;
height: 60px;
line-height: 60px;
padding: 0 10px;
background: #191919;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
text-align: right;
color: #fff;
}
.header .headerMobile .menu .elementMenu2 .lienMenu
{
height: 30px;
line-height: 30px;
background: #52d2bc;
}
.header .headerMobile .menu .elementMenu3 .lienMenu
{
height: 30px;
line-height: 30px;
border: none;
font-weight: bold;
text-transform: none;
text-align: center;
}
.header .headerMobile .menu .lienMenu .libelle,
.header .headerMobile .menu .lienMenu .icone
{
vertical-align: middle;
}
.header .headerMobile .menu .lienMenu .libelle
{
display: inline-block;
max-width: 210px;
margin-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header .headerMobile .menu .lienMenu .icone
{
width: 40px;
height: 40px;
}
.header .headerMobile .menu .sousCategories
{
margin-bottom: 20px;
}
.header .headerMobile .menu .sousCategorie
{
margin-top: 5px;
}
.header .headerMobile .menu .lienSousCategorie
{
display: block;
height: 40px;
line-height: 40px;
padding: 0 65px 0 10px;
font-size: 18px;
text-decoration: none;
text-align: right;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header .headerMobile .menu .sousCategorie:nth-child(even) .lienSousCategorie
{
background: #4D4D4D;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* HEADER P2 *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
.headerP2
{
}
.headerP2 *
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**/
.headerP2 .block1
{
}
.headerP2 .block1 .banniereInformation
{
position: relative;
min-height: 55px;
background: #4D4D4D;
}
.headerP2 .block1 .image
{
display: block;
width: 100%;
height: auto;
}
.headerP2 .block1 .boutons
{
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
text-align: center;
}
.headerP2 .block1 .bouton2
{
display: inline-block;
padding: 10px 20px;
background: #1A1A1A;
font-size: 15px;
color: #fff;
transition: all 600ms;
}
.headerP2 .block1 .bouton2:hover
{
/*color: #D6BCD7;*/
}
/**/
/*.promoBanner
{
display: none;
padding: 10px;
line-height: 110%;
font-weight: bold;
text-align: center;
color: #fff;
}
#pagefiche-article .promoBanner
{
display: block;
}
.blackFridayBanner
{
display: none;
max-width: 100%;
height: auto;
}*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* SOCIAL NETWORKS *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
#social-networks-wrapper
{
width: 81px;
height: 280px;
background: url(/img/front/riderunik-reseau-bg.png) no-repeat;
position: fixed;
margin-top: 28px;
z-index: 10;
}
#social-networks
{
margin-top: 22px;
text-align: center;
width: 72px;
}
#social-networks a
{
display: inline-block;
color: #0f0f0f;
font-size: 11px;
/*text-shadow: 0 -1px #d2a71b;*/
}
#social-networks a.social
{
margin-bottom: 6px;
}
#social-networks .separator
{
display: inline-block;
height: 2px;
width: 44px;
background: url(/img/front/riderunik-reseau-separateur.png);
margin: 10px 0 10px 0;
}
#social-networks a
{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
#social-networks a:hover
{
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* MEILLEURES VENTES *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
#meilleures-ventesGlobal
{
/*width: auto;
float: right;*/
background-image: url(/img/front/riderunik-meilleurs-ventes-bg.png);
background-repeat: repeat-x;
}
#meilleures-ventes h3
{
padding-top: 22px;
margin-bottom: 24px;
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
text-align: center;
color: #524f4a;
font-size: 30px;
/*text-shadow: 0 -1px #ffffff;*/
}
#meilleures-ventes
{
height: 500px;
}
#meilleures-ventes .slideshow
{
margin-left: 20px;
}
.slideshow .prev, .slideshow .next
{
cursor: pointer;
}
.slideshow .prev:hover, .slideshow .next:hover
{
opacity: 0.7;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#meilleures-ventes .slideshow .prev
{
height: 291px;
width: 30px;
background: url(/img/front/riderunik-meilleurs-ventes-slider-fleche-precedent.png);
float: left;
}
#meilleures-ventes .slideshow .next
{
height: 291px;
width: 30px;
background: url(/img/front/riderunik-meilleurs-ventes-slider-fleche-suivant.png);
float: left;
}
#meilleures-ventes .slideshow .slides-wrapper
{
float: left;
height: 299px;
width: 904px;
}
#meilleures-ventes .slideshow .slides
{
height: 291px;
width: 931px;
float: left;
}
#meilleures-ventes .slideshow .slides .slide
{
width: 200px;
float: left;
text-align: center;
margin-left: 14px;
margin-right: 0px;
}
#meilleures-ventes .slideshow .slides .slide .image-slide-wrapper
{
width: 200px;
height: 196px;
background: url(/img/front/riderunik-flocage-article-ombre.png) no-repeat bottom;
margin-bottom: 8px;
}
#meilleures-ventes .slideshow .slides .slide .image-article
{
width: 100%;
height: 184px;
}
#meilleures-ventes .slideshow .slides .slide .libelle-article
{
font-weight: normal;
color: #52d2bc;
margin-bottom: 5px;
/*text-shadow: 0 -1px #ffffff;*/
height: 14px;
overflow: hidden;
font-size: 12px;
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
}
#meilleures-ventes .slideshow .slides .slide .description-article
{
font-size: 11px;
letter-spacing: 1px;
height: 33px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 8px;
/*text-shadow: 0 -1px #ffffff;*/
}
#meilleures-ventes .slideshow .slides .slide .lien-fiche-article
{
width: 119px;
height: 27px;
display: inline-block;
background: url(/img/front/riderunik-flocage-meilleurs-ventes-bouton-bleu.png) no-repeat;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: center;
padding-top: 6px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* FOOTER *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
.footer
{
}
.footer *
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**/
.footer .block1
{
padding: 15px 0;
background: #333333;
}
.footer .block1 .centeredContent,
.footer .block2 .centeredContent,
.footer .block3 .centeredContent
{
}
.footer .block1 .centeredContent
{
font-size: 14px;
text-align: center;
color: #CCCCCC;
}
.footer .block1 .copyright
{
display: inline-block;
}
.footer .block1 .separator
{
display: inline-block;
}
.footer .block1 .list
{
display: inline-block;
}
.footer .block1 .listItem
{
display: inline-block;
}
.footer .block1 .listItem:before
{
content: '•';
}
.footer .block1 .listItem:first-child:before
{
content: '';
}
.footer .block1 .link
{
transition: all 600ms;
}
.footer .block1 .link:hover
{
/*color: #D6BCD7;*/
}
/**/
.footer .block2
{
padding: 40px 0;
background: #191919;
}
.footer .block2 .centeredContent
{
color: #fff;
}
.footer .block2 .grid
{
margin: -40px 0 0 -40px;
}
.footer .block2 .gridItem
{
float: left;
padding: 40px 0 0 40px;
}
.footer .block2 .gridItem1
{
width: 18%;
font-size: 15px;
text-align: center;
}
.footer .block2 .gridItem2
{
width: 25%;
font-size: 15px;
text-align: center;
}
.footer .block2 .gridItem3
{
width: 37%;
text-align: center;
}
.footer .block2 .gridItem4
{
width: 20%;
text-align: center;
}
.footer .block2 .logoLink
{
}
.footer .block2 .logo
{
display: block;
margin: 0 auto;
width: auto;
height: 60px;
}
.footer .block2 .address
{
margin: 20px 0;
line-height: 130%;
}
.footer .block2 .phoneLink,
.footer .block2 .emailLink
{
display: inline-block;
transition: all 600ms;
}
.footer .block2 .emailLink
{
margin-top: 10px;
}
.footer .block2 .phoneLink:hover,
.footer .block2 .emailLink:hover
{
/*color: #D6BCD7;*/
}
.footer .block2 .phoneLink .icon,
.footer .block2 .emailLink .icon
{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
fill: #fff;
transition: all 600ms;
}
.footer .block2 .phoneLink:hover .icon,
.footer .block2 .emailLink:hover .icon
{
/*fill: #D6BCD7;*/
}
.footer .block2 .phoneLink .label,
.footer .block2 .emailLink .label
{
display: inline-block;
vertical-align: middle;
}
.footer .block2 .title
{
margin-bottom: 10px;
text-transform: uppercase;
}
.footer .block2 .list
{
}
.footer .block2 .listItem
{
margin-top: 10px;
}
.footer .block2 .listItem:first-child
{
margin-top: 0;
}
.footer .block2 .link
{
transition: all 600ms;
}
.footer .block2 .link:hover
{
/*color: #D6BCD7;*/
}
.footer .block2 .arguments
{
}
.footer .block2 .argument
{
margin-top: 30px;
}
.footer .block2 .argument:first-child
{
margin-top: 0;
}
.footer .block2 .argument .label
{
text-transform: uppercase;
/*color: #D6BCD7;*/
}
.footer .block2 .argument .image
{
display: block;
max-width: 100%;
height: auto;
margin: 10px auto 0 auto;
}
.footer .block2 .socialLinks
{
}
.footer .block2 .socialLink
{
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.footer .block2 .socialLink:first-child
{
margin-left: 0;
}
.footer .block2 .socialLink .icon
{
/*width: 20px;
height: 20px;*/
fill: #fff;
transition: all 600ms;
}
.footer .block2 .socialLink:hover .icon
{
/*fill: #D6BCD7;*/
}
.footer .block2 .separator
{
margin: 20px 0;
border: none;
border-top: solid 2px #808080;
}
.footer .block2 .googleLink
{
transition: all 600ms;
/*color: #D6BCD7;*/
}
.footer .block2 .googleLink .label
{
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: bold;
}
.footer .block2 .googleLink .icon
{
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin-right: 5px;
/*fill: #D6BCD7;*/
transition: all 600ms;
}
/*.footer .block2 .googleLink:hover .icon
{
fill: #D6BCD7;
}*/
/**/
.footer .block3
{
background: #333333;
padding: 40px 0;
color: #fff;
}
.footer .block3 .centeredContent
{
text-align: center;
}
.footer .block3 .title
{
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.footer .block3 .text
{
margin-top: 10px;
color: #ccc;
}
.footer .block3 #formInscriptionNewsletter
{
margin-top: 20px;
}
.footer .block3 .field
{
display: inline-block;
width: 200px;
height: 40px;
line-height: 40px;
background: #4D4D4D;
border: none;
outline: none;
box-shadow: none;
font-size: 14px;
color: #fff;
}
.footer .block3 .field::placeholder
{
color: #E6E6E6;
opacity: 1; /* Firefox */
}
.footer .block3 .field:-webkit-input-placeholder
{
/* Chrome, Safari, Opera */
color: #E6E6E6;
}
.footer .block3 .field::-ms-input-placeholder
{
/* Microsoft Edge */
color: #E6E6E6;
}
.footer .block3 .button
{
height: 40px;
line-height: 40px;
padding: 0 20px;
border: none;
background: #1A1A1A;
color: #fff;
transition: all 600ms;
}
.footer .block3 .button:hover
{
/*color: #D6BCD7;*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ACCUEIL *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ACCUEIL - CAROUSEL *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
#accueil #imageAccueil-wrapper
{
position: relative;
/*background: url(/img/front/riderunik-carousel-bg.png);*/
background-color: #000;
}
#accueil #imageAccueil-wrapper a
{
display: block;
}
#accueil #imageAccueil
{
display: block;
width: 100%;
}
#accueil #imageAccueil-ombre
{
width: 100%;
height: 17px;
position: absolute;
left: 0;
bottom: 0;
background: url(/img/front/riderunik-global-ombre.png) no-repeat center bottom;
}
#slideshow-accueil
{
width: 100%;
overflow: hidden;
position: relative;
}
#slideshow-accueil .slides
{
position: relative;
left: 0;
}
#slideshow-accueil .slide
{
float: left;
position: relative;
width: 100%;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ACCUEIL *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
#accueil .centeredContent
{
}
#accueil #sousMenuCategorie
{
top: -28px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ACCUEIL - STANDARD / 100% PERSO *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
#accueil .classic-content
{
min-height: 0;
padding: 0;
}
#accueil .columns
{
display: table;
table-layout: fixed;
width: 100%;
}
#accueil .columns .column
{
display: table-cell;
vertical-align: top;
}
#accueil .columns .column1
{
width: 300px;
padding: 40px 20px 40px 0;
border-right: dotted 1px #a0a0a0;
}
#accueil .columns .column2
{
padding-left: 20px;
}
#accueil .accroche
{
max-width: 600px;
margin: -15px auto 40px auto;
padding: 10px;
position: relative;
border-radius: 10px;
background: #fff;
font-family: 'allerbold_italic', sans-serif; /*venus_risingregular*/
text-transform: uppercase;
text-align: center;
}
#accueil .accroche .accrocheL1
{
display: block;
margin-bottom: 5px;
font-size: 26px;
color: #4D4D4D;
}
#accueil .accroche .accrocheL2
{
display: block;
font-size: 36px;
color: #000;
}
#accueil .googleReviewsBlock
{
max-width: 400px;
margin: 20px auto;
padding: 20px;
background: #f5f5f5;
border-radius: 10px;
text-align: center;
}
#accueil .googleReviewsBlock .googleReviewsLink
{
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
text-decoration: none;
color: #333;
}
#accueil .googleReviewsBlock .stars
{
font-size: 24px;
color: #FFC107;
}
#accueil .googleReviewsBlock .rating
{
font-size: 28px;
font-weight: bold;
color: #000;
}
#accueil .googleReviewsBlock .label
{
font-size: 14px;
color: #666;
}
#accueil .titleL2
{
margin: 0 0 20px 0;
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
font-size: 30px;
text-transform: uppercase;
text-align: center;
color: #000;
}
#accueil .columnL2-1
{
width: 300px;
padding-right: 20px;
}
#accueil .blocIntroduction
{
padding: 10px;
box-shadow: 0px 0px 4px #a0a0a0;
}
#actualites .actualite
{
margin-top: 40px;
cursor: pointer;
}
#actualites .actualites .actualite:first-child
{
margin-top: 0;
}
#actualites .actualite .image
{
float: left;
display: block;
width: auto;
max-height: 120px;
margin-right: 20px;
}
#pageactualite .actualite .image
{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 20px auto;
}
#accueil .actualitesBlock .titre,
#actualites .actualite .titre
{
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
font-weight: bold;
font-size: 20px;
color: #000;
}
#accueil .actualitesBlock .contenu,
#actualites .actualite .contenu
{
margin-top: 10px;
line-height: 150%;
}
#actualites .actualite .contenu
{
/*font-size: 13px;*/
}
#actualite .lienVersActualites
{
display: block;
height: 27px;
line-height: 27px;
margin-top: 10px;
padding: 0 10px;
background: #52d2bc;
font-weight: bold;
font-size: 13px;
text-align: center;
color: #fff;
}
#actualite .lienVersActualites
{
float: right;
margin: 0 0 10px 10px;
}
#actualite .image
{
display: block;
margin: 10px auto;
}
/**/
#accueil .stepsBlock
{
margin-top: 40px;
}
#accueil .stepsBlock .steps
{
text-align: center;
}
#accueil .stepsBlock .step
{
display: inline-block;
vertical-align: top;
padding: 0 60px;
position: relative;
}
#accueil .stepsBlock .step:after
{
content: '';
display: block;
width: 4px;
height: 60px;
margin-top: -30px;
margin-left: -2px;
position: absolute;
top: 40%;
left: 0;
background: url('/img/front/tartan2.png') left top repeat-y;
}
#accueil .stepsBlock .steps .step:first-child:after
{
display: none;
}
#accueil .stepsBlock .icon
{
display: block;
width: 100px;
height: 100px;
margin: 0 auto 20px auto;
border-radius: 50%;
}
#accueil .stepsBlock .icon1
{
background: url('/img/front/stepIcon1.png') center center no-repeat;
/*background-color: #D6BCD7;*/
background-size: 60%;
}
#accueil .stepsBlock .icon2
{
background: url('/img/front/stepIcon2.png') center center no-repeat;
/*background-color: #D6BCD7;*/
background-size: 60%;
}
#accueil .stepsBlock .icon3
{
background: url('/img/front/stepIcon3.png') center center no-repeat;
/*background-color: #D6BCD7;*/
background-size: 60%;
}
#accueil .stepsBlock .icon4
{
background: url('/img/front/stepIcon4.png') center center no-repeat;
/*background-color: #D6BCD7;*/
background-size: 60%;
}
#accueil .stepsBlock .label
{
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 22px;
text-align: center;
color: #4D4D4D;
}
/**/
#accueil .categoriesBlock
{
margin-top: 80px;
}
#accueil .categoriesBlock .titleL2
{
}
#accueil .categoriesBlock .grid
{
margin: -40px 0 0 -40px;
}
#accueil .categoriesBlock .gridItem
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 25%;
padding: 40px 0 0 40px;
}
#accueil .categoriesBlock .categorie
{
}
#accueil .categoriesBlock .image
{
}
#accueil .categoriesBlock .libelle
{
}
#accueil .categoriesBlock .link
{
}
#accueil .categoriesBlock .descriptionCourte
{
}
/**/
#accueil .blocArticleNouveautes
{
margin-top: 80px;
}
#accueil .blocArticleNouveautes .grid
{
margin: -40px 0 0 -40px;
}
#accueil .blocArticleNouveautes .gridItem
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 25%;
padding: 40px 0 0 40px;
}
/*#accueil .blocArticleNouveautes .articleNouveaute
{
padding: 5px;
box-shadow: 0px 0px 4px #a0a0a0;
text-align: center;
}
#accueil .blocArticleNouveautes .articleNouveaute .image
{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 5px auto;
}
#accueil .blocArticleNouveautes .articleNouveaute .libelle
{
margin-bottom: 5px;
padding: 10px 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #404040;
font-family: 'allerbold', sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
color: #fff;
}
#accueil .blocArticleNouveautes .articleNouveaute .descriptionCourte
{
height: 47px;
overflow: hidden;
margin-bottom: 5px;
font-size: 13px;
line-height: 120%;
color: #53504b;
}
#accueil .blocArticleNouveautes .articleNouveaute .lien
{
display: inline-block;
height: 27px;
line-height: 27px;
padding: 0 10px;
background: #52d2bc;
font-weight: bold;
font-size: 13px;
text-align: center;
color: #fff;
}
*/
/**/
#accueil .actualitesBlock
{
margin-top: 80px;
/*max-width: 1190px;
margin: 80px auto 0 auto;*/
}
#accueil .actualitesBlock .titleL2
{
}
#accueil .actualitesBlock .grid
{
margin: -40px 0 0 -40px;
}
#accueil .actualitesBlock .gridItem
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33.33%;
padding: 40px 0 0 40px;
}
#accueil .actualitesBlock .actualite
{
cursor: pointer;
}
#accueil .actualitesBlock .image
{
display: block;
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
#accueil .actualitesBlock .titre
{
}
#accueil .actualitesBlock .link
{
}
#accueil .actualitesBlock .contenu
{
}
/**/
#accueil .blocInstagram
{
margin-top: 80px;
}
/**/
#accueil .blocTextePersonnaliseAccueil
{
margin: 40px 0 40px 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ACCUEIL - FLOCAGE / SUBLIMATION - SPORTWEAR *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#accueil #flocage
{
height: 500px;
background: url(/img/front/riderunik-global-ombre.png) no-repeat center bottom;
text-align: center;
}
#accueil #flocage h3
{
display: inline-block;
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 28px;
margin: 45px 0 40px 0;
}
#accueil #flocage .slideshow .prev
{
height: 291px;
width: 30px;
background: url(/img/front/riderunik-flocage-slider-fleche-precedent.png);
float: left;
}
#accueil #flocage .slideshow .next
{
height: 291px;
width: 30px;
background: url(/img/front/riderunik-flocage-slider-fleche-suivant.png);
float: left;
}
#accueil #flocage .slideshow .slides-wrapper
{
float: left;
height: 291px;
width: 931px;
}
#accueil #flocage .slideshow .slides
{
height: 291px;
width: 931px;
float: left;
}
#accueil #flocage .slideshow .slides .slide
{
width: 136px;
float: left;
text-align: center;
margin-left: 32px;
margin-right: 0px;
}
#accueil #flocage .slideshow .slides .slide .image-slide-wrapper
{
width: 136px;
height: 135px;
background: url(/img/front/riderunik-flocage-article-ombre.png) no-repeat bottom;
margin-bottom: 8px;
}
#accueil #flocage .slideshow .slides .slide .image-article
{
width: 100%;
height: 123px;
}
#accueil #flocage .slideshow .slides .slide .libelle-article
{
font-size: 13px;
font-weight: bold;
color: #6fa333;
margin-bottom: 5px;
/*text-shadow: 0 -1px #ffffff;*/
}
#accueil #flocage .slideshow .slides .slide .description-article
{
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 8px;
height: 55px;
overflow: hidden;
/*text-shadow: 0 -1px #ffffff;*/
}
#accueil #flocage .slideshow .slides .slide .lien-fiche-article
{
width: 119px;
height: 27px;
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: center;
padding-top: 8px;
}
#accueil #flocage .slideshow .slides .slide .lien-fiche-article.odd
{
background: url(/img/front/riderunik-flocage-article-bouton-gris.png) no-repeat;
}
#accueil #flocage .slideshow .slides .slide .lien-fiche-article.even
{
background: url(/img/front/riderunik-flocage-article-bouton-vert.png) no-repeat;
}
#accueil #flocage a
{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
#accueil #flocage a:hover
{
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ACCUEIL - PADDOCK *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#accueil #paddock-wrapper
{
background: url(/img/front/riderunik-paddock-bg.png);
}
#accueil #paddock
{
height: 416px;
text-align: center;
position: relative;
}
#accueil #paddock h3
{
height: 71px;
width: 540px;
background: url(/img/front/riderunik-paddock-titre-bg.png) no-repeat;
display: inline-block;
/*margin-top: -35px;*/
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 28px;
position: absolute;
padding-top: 29px;
top: -45px;
left: 50%;
margin-left: -270px;
/*text-shadow: 0 -1px #eddd94;*/
}
#accueil #paddock .article-paddock
{
display: block;
float: left;
text-align: center;
margin-top: 40px;
}
#accueil #paddock #article-paddock-1,
#accueil #paddock #article-paddock-3
{
width: 312px
}
#accueil #paddock #article-paddock-2
{
width: 365px
}
#accueil #paddock .article-paddock .image
{
height: 150px;
display: inline-block;
width: 300px;
margin-bottom: 10px;
}
#accueil #paddock #article-paddock-1 .image
{
background: url(/img/front/riderunik-paddock-article-01.png) no-repeat center bottom;
}
#accueil #paddock #article-paddock-2 .image
{
background: url(/img/front/riderunik-paddock-article-02.png) no-repeat center bottom;
}
#accueil #paddock #article-paddock-3 .image
{
background: url(/img/front/riderunik-paddock-article-03.png) no-repeat center bottom;
}
#accueil #paddock .article-paddock .sous-titre
{
display: inline-block;
height: 40px;
width: 185px;
background: url(/img/front/riderunik-paddock-sous-titre-bg.png) no-repeat;
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 14px;
padding-top: 7px;
/*text-shadow: 0 -1px #eddd94;*/
}
#accueil #paddock .article-paddock p
{
width: 150px;
font-size: 11px;
letter-spacing: 1px;
color: #57524f;
display: inline-block;
/*text-shadow: 0 -1px #ffffff;*/
}
#accueil #paddock .separator
{
height: 236px;
width: 1px;
background: url(/img/front/riderunik-paddock-separateur.png);
margin-top: 70px;
float: left;
}
#accueil #paddock .voirplus
{
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 14px;
color: #f5f5f5;
background-color: #7f8084;
display: inline-block;
padding: 5px 24px;
margin-top: 30px;
}
#accueil #paddock a
{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
#accueil #paddock a:hover
{
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* CATEGORIE - ARTICLE - GLOBAL *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.categorie .block1,
.recherche .block1
{
background: url("/img/front/riderunik-global-ombre.png") center bottom no-repeat #F2F2F2;
}
.categorie .block1 .centeredContent,
.recherche .block1 .centeredContent
{
max-width: 1200px;
}
.categorie .block1 .descriptionCourte
{
line-height: 150%;
text-align: center;
}
.categorie .block1 .textePersonnaliseHaut
{
margin-top: 20px;
}
.categorie .block1 .categorieAssociees
{
margin-top: 20px;
text-align: center;
}
.categorie .block1 .categorieAssociee
{
display: inline-block;
}
.categorie .block1 .categorieAssocieeButton
{
display: block;
height: 40px;
line-height: 40px;
padding: 0 20px;
background: #fff;
transition: all 600ms;
}
.categorie .block1 .categorieAssocieeButton:hover
{
background: #4D4D4D;
color: #fff;
}
.categorie .block2 #filArianeCategorie,
.fiche-article .block1 #filArianeCategorie
{
margin-bottom: 40px;
}
.categorie .block2 #filArianeCategorie p,
.fiche-article .block1 #filArianeCategorie p,
.categorie .block2 #filArianeCategorie a,
.fiche-article .block1 #filArianeCategorie a
{
}
.categorie .block2 #filArianeCategorie p span.actif,
.fiche-article .block1 #filArianeCategorie p span.actif
{
color: #000;
}
.fiche-article .block1 .libelleArticle
{
margin: 0;
padding: 0;
font-family: 'allerbold', sans-serif;
font-size: 26px;
text-transform: uppercase;
color: #000;
}
.fiche-article .block1 .reference
{
margin-top: 5px;
font-size: 14px;
color: #4D4D4D;
}
.fiche-article .block1 .reference span
{
font-weight: bold;
}
.fiche-article .block1 .socialLinks
{
margin-top: 20px;
}
.fiche-article .block1 .socialLinks .socialLinksLabel
{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
font-weight: bold;
font-style: italic;
color: #4D4D4D;
}
.fiche-article .block1 .socialLinks .socialLink
{
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 24px;
cursor: pointer;
}
.fiche-article .block1 .socialLinks .icon
{
width: 20px;
height: 20px;
fill: #4D4D4D;
}
.categorie .block3
{
background: #F2F2F2;
}
.categorie .block3 .centeredContent
{
max-width: 900px;
}
/*.categorie .block3 .descriptionLongue
{
line-height: 150%;
text-align: justify;
}
.categorie .block3 .descriptionLongue h2
{
margin: 30px 0 10px 0;
font-family: 'allerbold', sans-serif;
font-size: 18px;
color: #000;
}*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* CATEGORIE - ARTICLE - DETAIL *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.articleholders
{
margin: -40px 0 0 -40px;
}
.articleholder
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 25%;
padding: 40px 0 0 40px;
}
.article,
.articleNouveaute,
.sous-categorie,
#accueil .categoriesBlock .categorie
{
cursor: pointer;
}
.article img,
.articleNouveaute img,
.sous-categorie img,
#accueil .categoriesBlock .image
{
display: block;
max-width: 100%;
height: auto;
}
.article h2,
.articleNouveaute h3,
.sous-categorie h2,
.article h5,
.sous-categorie h5,
#accueil .categoriesBlock .libelle
{
margin: 10px 0 0 0;
padding: 15px 0 0 0;
/*border-top: solid 2px #BFBFBF;*/
background: url('/img/front/tartan.png') left top repeat-x;
font-family: 'allerbold', sans-serif;
font-weight: normal;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #000;
}
.article p.prix,
.articleNouveaute p.prix
{
font-style: italic;
}
.article p.prix span.prix,
.articleNouveaute p.prix span.prix
{
font-size: 13px;
font-weight: bold;
font-style: normal;
}
.article .prix .mention-maquette
{
margin-top: 4px;
font-size: 12px;
font-style: normal;
}
.article p,
.articleNouveaute p,
.sous-categorie p,
#accueil .categoriesBlock .descriptionCourte
{
margin-top: 10px;
font-size: 13px;
line-height: 120%;
text-align: center;
}
.categorie .block2 .aucun-article
{
text-align: center;
}
.categorie .block2 .separator
{
margin: 80px 0;
height: 5px;
border: none;
background: #F2F2F2;
}
.categorie .block2 .pagination
{
margin-top: 60px;
text-align: center;
}
.categorie .block2 .elementPagination
{
display: inline-block;
}
.categorie .block2 .lienPagination
{
display: block;
min-width: 40px;
height: 40px;
line-height: 40px;
background: #F2F2F2;
border-radius: 50%;
}
.categorie .block2 .lienPagination.premier,
.categorie .block2 .lienPagination.precedent,
.categorie .block2 .lienPagination.suivant,
.categorie .block2 .lienPagination.dernier
{
}
.categorie .block2 .lienPagination.courant
{
background: #333333;
font-weight: bold;
color: #fff;
}
.categorie .block2 .lienPagination .icon
{
display: inline-block;
position: relative;
top: 2px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* CATEGORIE - ARTICLE - SOUS MENU *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#sousMenuCategorie
{
float: left;
height: auto;
position: relative;
top: -80px;
width: 260px;
}
#sousMenuCategorie h5
{
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
font-size: 15px;
background-image: url(/img/front/riderunik-categorie-sous-menu-bulle-picto.png);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
margin-bottom: 20px;
padding-top: 75px;
}
#sousMenuCategorie ul
{
height: auto;
width: 220px;
padding-right: 20px;
padding-left: 20px;
}
#sousMenuCategorie ul.first
{
background-image: url(/img/front/riderunik-categorie-sous-menu-ombre.png);
background-repeat: no-repeat;
background-position: center top;
}
#sousMenuCategorie li
{
height: 50px;
width: 180px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #c0bfbf;
padding-right: 20px;
padding-left: 20px;
background-image: url(/img/front/riderunik-categorie-sous-menu-bloc-bg.png);
}
#sousMenuCategorie li.titre
{
background-image: url(/img/front/riderunik-categorie-sous-menu-titre-bg.png);
height: auto;
width: 200px;
padding-right: 10px;
padding-left: 10px;
}
#sousMenuCategorie li img
{
padding-top: 7px;
float: left;
margin-right: 10px;
}
#sousMenuCategorie li.titre img
{
padding-top: 15px;
float: left;
margin-right: 10px;
}
#sousMenuCategorie li h6
{
font-size: 12px;
color: #3c3936;
padding-top: 20px;
display: block;
float: left;
/*text-shadow: 0 -1px #ffffff;*/
}
#sousMenuCategorie li h6 span.arrow
{
padding-right: 10px;
}
#sousMenuCategorie li.titre h6
{
font-family: 'allerregular', sans-serif; /*venus_risingregular*/
padding: 25px 0 25px 10px;
font-size: 12px;
/*text-shadow: 0 -1px #ffffff;*/
}
#sousMenuCategorie a
{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
#sousMenuCategorie a:hover
{
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* ARTICLE - DESCRIPTION *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#articleGlobal .columns
{
display: table;
table-layout: fixed;
width: 100%;
margin-top: 20px;
}
#articleGlobal .columns .column
{
display: table-cell;
vertical-align: top;
}
#articleGlobal .columns .column1
{
padding-right: 20px;
}
#articleGlobal .columns .column2
{
width: 40%;
}
#articleGlobal .articleImagesSlideshow
{
position: relative;
}
#articleGlobal .articleImagesSlideshow .slideshowWindow
{
position: relative;
}
#articleGlobal .articleImagesSlideshow .slides
{
}
#articleGlobal .articleImagesSlideshow .slide
{
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#articleGlobal .articleImagesSlideshow .slide:first-child
{
display: block;
}
#articleGlobal .articleImagesSlideshow .slide .image
{
display: block;
max-width: 100%;
height: auto;
background: #f2f2f2;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide,
#articleGlobal .articleImagesSlideshow .showNextSlide
{
display: block;
opacity: 1;
width: 40px;
height: 40px;
line-height: 40px;
margin-top: -20px;
border-radius: 50%;
background: #D9D9D9;
position: absolute;
top: 50%;
transition: all 600ms;
cursor: pointer;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide:hover,
#articleGlobal .articleImagesSlideshow .showNextSlide:hover
{
background: #4D4D4D;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide.inactive,
#articleGlobal .articleImagesSlideshow .showNextSlide.inactive
{
display: none;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide
{
left: 20px;
}
#articleGlobal .articleImagesSlideshow .showNextSlide
{
right: 20px;
}
#articleGlobal .articleImagesSlideshow .icon
{
width: 20px;
height: 20px;
margin-top: -10px;
position: absolute;
top: 50%;
left: 50%;
transition: all 600ms;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide:hover .icon,
#articleGlobal .articleImagesSlideshow .showNextSlide:hover .icon
{
fill: #fff;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide .icon
{
margin-left: -12px;
}
#articleGlobal .articleImagesSlideshow .showNextSlide .icon
{
margin-left: -8px;
}
#articleGlobal .articleImagesSlideshow .slideButtons
{
margin-top: 10px;
text-align: center;
}
#articleGlobal .articleImagesSlideshow .slideButton
{
opacity: 0.5;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
cursor: pointer;
transition: all 600ms;
}
#articleGlobal .articleImagesSlideshow .slideButton:hover,
#articleGlobal .articleImagesSlideshow .slideButton.active
{
opacity: 1;
}
#articleGlobal .articleImagesSlideshow .slideButton .vignette
{
display: block;
}
#articleDescription
{
/*float: left;*/
}
#articleDescriptionVisuel
{
width: 100%;
margin-bottom: 10px;
cursor: url(/lib/jquery-zoom/grab.cur), -moz-zoom-in;
}
#articleDescriptionVisuel img
{
width: 100%;
height: auto;
}
#articleDescription #gallerieImages img
{
border: 3px solid #fff;
margin: 0 10px 10px 0;
cursor: pointer;
}
#articleDescription .sous-titre-container
{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
margin-bottom: 25px;
}
#articleDescription .sous-titre-part
{
display: flex;
align-items: center;
gap: 8px;
}
#articleDescription .sous-titre-part .icon
{
width: 20px;
height: 20px;
color: #333;
flex-shrink: 0;
}
#articleDescription .sous-titre-part span
{
font-size: 18px;
font-weight: 500;
color: #333;
}
#articleDescription .sous-titre
{
margin-bottom: 25px;
}
#articleDescription p, #articleOptions p, #articleOptions .description {
line-height: 120%;
}
/* NOTE: Les styles pour le contenu riche de la description sont maintenant
gérés par la classe .richContent (voir ligne ~111) */
#articleDescription p.description
{
margin-bottom: 25px;
text-align: justify;
}
#articleDescription p.complement
{
margin-top: 25px;
padding-top: 20px;
border-top: solid 1px #E6E6E6;
text-align: justify;
font-style: italic;
}
#articleDescription .imagePositionsSponsors,
#articleDescription .imageDescriptive,
#articleDescription .imageCommuneArticle
{
display: block;
max-width: 100%;
height: auto;
margin: 10px 0;
}
#articleDescription .imagePositionsSponsors
{
display: none;
}
#articleDescription .imagePositionsSponsors.shown
{
display: block;
}
#articleOptions
{
/*float: right;
width: 275px;*/
}
#articleOptionsModele
{
height: 40px;
width: 275px;
}
#articleOptionsModele label,
.piecesDuKit label
{
height: 13px;
display: block;
float: left;
font-size: 12px;
padding-top: 4px;
min-width: 0;
}
#articleOptionsModele select,
.piecesDuKit select
{
height: 17px;
width: 210px;
border: 1px solid #dcd9d9;
font-size: 11px;
}
#articleOptionsModele select
{
float: right;
}
.piecesDuKit select
{
margin-left: 10px;
}
#articleOptionsModele option,
.piecesDuKit option
{
font-size: 11px;
}
.piecesDuKit h2
{
color: #52d2bc;
font-size: 15px;
margin: 10px 0 10px 0;
}
.piecesDuKit .no-piece
{
text-align: center;
margin-top: 15px;
font-size: 13px;
}
.piecesDuKit .articlesPieces
{
margin-top: 15px;
}
.piecesDuKit .articlesPieces .pieceAssociee
{
float: left;
width: 165px;
text-align: center;
margin: 0 0 10px 10px;
border: 1px dashed #ccc;
}
.piecesDuKit .articlesPieces .pieceAssociee.first
{
margin-left: 0;
}
.piecesDuKit .articlesPieces .pieceAssociee h3
{
font-size: 13px;
font-weight: bold;
color: #52d2bc;
margin-bottom: 5px;
/*text-shadow: 0 -1px #fff;*/
height: 15px;
overflow: hidden;
}
.piecesDuKit .articlesPieces .pieceAssociee p.description
{
font-size: 11px;
letter-spacing: 1px;
height: 33px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 8px;
/*text-shadow: 0 -1px #fff;*/
}
.piecesDuKit .articlesPieces .pieceAssociee a
{
margin-top: 5px;
width: 119px;
height: 27px;
display: inline-block;
background: url(/img/front/riderunik-flocage-meilleurs-ventes-bouton-bleu.png) no-repeat;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: center;
padding-top: 6px;
}
#articleOptionsPersonnalisation
{
padding: 20px;
background: #f2f2f2;
}
#articleOptionsPersonnalisation .titreOption
{
margin-bottom: 15px;
font-size: 17px;
font-weight: bold;
color: #000;
}
#articleOptionsPersonnalisation .typePersonnalisation
{
margin-top: 10px;
}
#articleOptionsPersonnalisation .typePersonnalisation:first-child
{
margin-top: 0;
}
#articleOptionsPersonnalisation .checkbox
{
display: none;
}
#articleOptionsPersonnalisation .label
{
display: block;
padding: 15px 10px 15px 45px;
background: url('/img/front/checkbox.png') 10px center no-repeat #ffffff;
background-size: 20px;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
}
#articleOptionsPersonnalisation .label.checked
{
background: url('/img/front/checkbox2.png') 10px center no-repeat;
/*background-color: #D6BCD7;*/
color: #000;
}
#articleOptionsPersonnalisation .libelle
{
display: inline;
}
#articleOptionsPersonnalisation .tarifTTC
{
display: inline;
}
/*.articleOptionsPersonnalisationLigne
{
height: 30px;
padding-right: 17px;
padding-left: 17px;
clear: both;
}*/
/*#blocOptionPersoEnLigne.disabled
{
opacity: 0.6;
}*/
#articleOptions label
{
display: inline-block;
min-width: auto;
margin-bottom: 0;
vertical-align: middle;
}
#articleOptionsPersonnalisation label input
{
width: 15px;
height: 15px;
float: left;
margin-right: 7px;
}
#articleOptionsPersonnalisation label p
{
height: 11px;
float: left;
font-size: 13px;
padding-top: 4px;
}
/*.articleOptionsPersonnalisationLigne.module
{
height: 45px;
padding-right: 17px;
padding-left: 17px;
clear: both;
background-color: #52d2bc;
padding-top: 15px;
}
#articleOptionsPersonnalisation label .articleOptionsPersonnalisationLigne.module p
{
font-size: 12px;
color: #ffffff;
padding-top: 0px;
}
#articleOptionsPersonnalisation label .articleOptionsPersonnalisationLigne.module p span
{
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}*/
.optionGlobales
{
margin-top: 20px;
padding: 20px;
background: #f2f2f2;
}
.optionGlobales .grid
{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.optionGlobales .gridItem
{
}
.optionGlobales .optionGlobale
{
/*display: inline-block;
vertical-align: top;
max-width: 95px;
min-width: auto;*/
text-align: center;
}
.optionGlobales .label
{
display: block !important;
min-width: auto;
cursor: pointer;
}
.optionGlobales .pictogramme
{
display: block;
margin: 0 auto;
}
.optionGlobales .tarifTTC
{
margin-top: 5px;
font-weight: bold;
}
.optionGlobales .showHideInformationButton,
.articleOptionsProduit #groupesOptions .showHideInformationButton2
{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: url('/img/front/iconeAide.png') center center no-repeat;
background-size: cover;
cursor: pointer;
}
.optionGlobales .showHideInformationButton
{
margin-top: 5px;
}
.optionGlobales .information,
.articleOptionsProduit #groupesOptions .information
{
display: none;
font-style: italic;
}
.optionGlobales .information
{
margin-top: 5px;
}
.articleOptionsProduit #groupesOptions .information td
{
padding: 5px 0;
text-align: right;
}
.optionGlobales .information.shown
{
display: block;
}
.articleOptionsProduit #groupesOptions .information.shown
{
display: table-row;
}
.optionGlobales .checkbox
{
margin-top: 5px;
}
.articleOptionsProduit .block
{
margin-top: 20px;
padding: 20px;
background: #f2f2f2;
}
.articleOptionsProduit .persoAucuneBlock
{
margin-top: 0;
margin-bottom: 20px;
}
.articleOptionsProduit .persoNomNumeroBlock,
.articleOptionsProduit .persoSponsorsBlock
{
display: none;
}
.articleOptionsProduit .persoNomNumeroBlock.shown,
.articleOptionsProduit .persoSponsorsBlock.shown
{
display: block;
}
.articleOptionsProduit .blockTitle
{
margin-bottom: 15px;
font-size: 17px;
font-weight: bold;
color: #000;
}
.champLibres
{
width: 100%;
margin-bottom: 0;
}
.persoAucuneBlock .champLibres
{
border-top: none;
}
.articleOptionsProduit #groupesOptions
{
margin-bottom: 0;
}
.champLibres .champLibre td,
.articleOptionsProduit .groupeOptions td
{
padding: 5px 0;
vertical-align: middle;
border-top: 1px solid #ccc;
text-align: left;
}
.champLibres .champLibre:first-child td,
.articleOptionsProduit .groupeOptions:first-child td
{
border-top: none;
}
.champLibres .champLibre .label,
.articleOptionsProduit .groupeOptions td.label
{
padding-right: 10px;
text-align: right;
font-size: 13px;
font-weight: bold;
}
.champLibres .champLibre label
{
min-width: 0;
}
.persoAucuneBlock .champLibres .champLibre label
{
font-size: 18px;
}
.champLibres .descriptionChampLibre
{
margin-top: 5px;
}
.champLibres .champLibre textarea
{
width: 100%;
height: 60px;
}
.champLibres .imageSelect
{
display: inline-block;
vertical-align: middle;
width: 110px;
position: relative;
background: #fff;
border: solid 1px #D9D9D9;
box-shadow: 0 0 5px #F2F2F2 inset;
font-size: 14px;
}
.champLibres .typoNumeroSelect
{
width: 210px;
}
.champLibres .imageSelect .current
{
padding: 5px;
cursor: pointer;
}
.champLibres .imageSelect .options
{
display: none;
position: absolute;
top: 26px;
left: -1px;
right: -1px;
z-index: 1;
background: #fff;
border: solid 1px #D9D9D9;
border-top: none;
}
.champLibres .imageSelect.hasCurrent .options
{
top: 60px;
}
.champLibres .typoNomSelect.hasCurrent .options,
.champLibres .typoNumeroSelect.hasCurrent .options
{
top: 40px;
}
.champLibres .imageSelect.open .options
{
display: block;
}
.champLibres .imageSelect .option
{
padding: 5px;
border-top: solid 1px #E6E6E6;
cursor: pointer;
}
.champLibres .imageSelect .eraseOption
{
display: none;
text-align: center;
font-style: italic;
}
.champLibres .imageSelect.hasCurrent .eraseOption
{
display: block;
}
.champLibres .imageSelect .image
{
display: block;
}
.champLibres .textInput
{
height: 20px;
font-size: 14px;
}
.champLibres .textInput2
{
width: 100px;
}
.champLibres .fileInput
{
width: 100px;
}
.champLibres .fileInput2
{
max-width: 200px;
}
.articleOptionsProduit .groupeOptions select
{
width: 100%;
height: 20px;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
#articleOptionsTarif
{
/*border-bottom: 1px dotted #949494;
padding-bottom: 15px;
margin-bottom: 15px;*/
margin-bottom: 10px;
margin-top: 15px;
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
text-align: center;
}
#articleOptionsTarif .ancien
{
display: none;
margin-right: 10px;
font-size: 18px;
text-decoration: line-through;
}
#articleOptionsTarif .ancien.shown
{
display: inline-block;
}
#articleOptionsTarif .enCours
{
display: inline-block;
font-size: 28px;
color: #000;
}
.fiche-article .informationAvantAjoutPanier
{
margin-bottom: 10px;
padding: 5px;
border: dashed 1px #52d2bc;
font-style: italic;
text-align: center;
color: #52d2bc;
}
.fiche-article .codePromo,
.fiche-article .poseOfferte
{
margin-bottom: 10px;
font-style: italic;
text-align: right;
}
.fiche-article .poseOfferte
{
display: none;
}
.fiche-article .codePromo.hidden
{
display: none;
}
.fiche-article .poseOfferte.shown
{
display: block;
}
.fiche-article .codePromo .gras,
.fiche-article .poseOfferte .gras
{
font-weight: bold;
color: #52d2bc;
}
#articleOptionsBoutons button
{
width: 275px;
height: 60px;
margin-bottom: 20px;
display: block;
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
text-transform: uppercase;
font-size: 18px;
/*font-size: 15px;*/
/*padding-left: 57px;*/
background: no-repeat transparent;
border: 0;
outline: none;
cursor: pointer;
text-align: center;
color: #fff;
}
#articleOptionsBoutons button.ajoutPanier
{
width: 100%;
/*background-color: #D6BCD7;*/
color: #000;
}
#articleOptionsBoutons button.personnaliser
{
background-image: url(/img/front/riderunik-categorie-article-bouton-panier.png); /* TODO: Bouton personnaliser */
padding-left: 86px;
}
.fiche-article .offresBlock
{
text-align: center;
}
.fiche-article .offresBlock .blockTitle
{
margin-bottom: 5px;
font-weight: bold;
}
.fiche-article .offresBlock .blockContent
{
font-style: italic;
line-height: 125%;
}
.fiche-article .offresBlock .offres
{
}
.fiche-article .offresBlock .offre
{
margin-top: 5px;
padding: 5px;
border: solid 3px #000;
/*border-color: #D6BCD7;*/
}
.fiche-article .offresBlock .offre:first-child
{
margin-top: 0;
}
.fiche-article .offresBlock .gras
{
font-weight: bold;
}
.fiche-article .separateur
{
margin: 10px 0;
border: none;
border-top: 1px dotted #949494;
}
.fiche-article .logoMoyenPaiements
{
display: block;
max-width: 100%;
height: auto;
margin: 20px auto 0 auto;
}
.fiche-article .banniereOney
{
display: block;
max-width: 100%;
height: auto;
margin: 10px auto 0 auto;
}
.fiche-article .paiement3FoisSansFrais
{
margin-top: 10px;
font-size: 22px;
font-weight: bold;
font-style: italic;
text-align: center;
color: #0E2F49;
}
.articlesAssocies,
.fiche-article .blocInstagram
{
margin-top: 80px;
}
.articlesAssocies h2,
.fiche-article .blocInstagram h2
{
margin-bottom: 20px;
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
font-size: 26px;
text-transform: uppercase;
text-align: center;
color: #000;
}
.articleAssocie
{
float: left;
margin-left: 12px;
margin-top: 30px;
width: 160px;
}
.articleAssocie h3
{
margin-top: 15px;
font-family: 'allerbold', sans-serif; /*venus_risingregular*/
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
line-height: 120%;
color: #52d2bc;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* SLIDERS *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.slideshow .slides
{
/*overflow: hidden;*/
/*position: absolute;*/
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* PERSONNALISATION - ETAPE DE CHOIX DU MODÈLE ET DES PIÈCES *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.liste-kits-perso
{
margin-top: 20px;
}
.liste-persos .aucunKit,
.liste-persos .aucunePiece
{
font-weight: bold;
font-size: 12px;
}
.liste-kits-perso > h4,
.liste-pieces-perso > h4
{
font-size: 16px;
border-top: 1px dashed #666;
padding-top: 20px;
}
.liste-persos .produits
{
margin-top: 10px;
}
.liste-persos .produits .produit
{
margin: 0 15px 15px 0;
padding: 10px;
float: left;
width: 200px;
text-align: center;
background-color: #eee;
}
.liste-persos .produits .produit img
{
background-color: #eee;
}
.liste-persos .produits .produit h5
{
color: #52d2bc;
font-size: 13px;
margin-top: 10px;
font-weight: bold;
}
.liste-persos .produits .produit a
{
float: none;
text-align: center;
margin-top: 10px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* CUSTOM JQUERY UI *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Effet ajout au panier */
.ui-effects-transfer
{
border: 2px dashed #53504b;
}
.ui-tooltip
{
padding: 5px;
border: none;
font-size: 14px;
}
.ui-tooltip.error
{
background: #ff0055;
color: #fff;
}
.ui-tooltip.confirm
{
background: #00c74a;
color: #fff;
}
.ui-dialog
{
font-size: 13px;
background: #eee;
}
.ui-dialog .articleOptionsProduit
{
background: none;
}
.ui-dialog #runtimeError
{
color: red;
font-weight: bold;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\
* CONNEXION / COMPTE / ... *
\* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ////////////////////// STYLES GÉNÉRIQUES POUR LES FORMULAIRES ////////////////////// */
.sharedButtons
{
margin-top: 20px;
text-align: center;
}
form button,
a.bouton
{
display: inline-block;
/*background-color: #D6BCD7;*/
padding: 10px 20px;
border: none;
box-shadow: none;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
color: #000;
cursor: pointer;
}
a.boutonRetour
{
float: left;
background-color: #aad3ef;
}
form button.center,
a.bouton.center
{
margin: 15px auto 0 auto;
float: none;
}
a.boutonModifierOptions
{
float: none;
display: inline-block;
margin-top: 5px;
}
.lienDemanderReinitialisationMotDePasse
{
display: inline-block;
margin: 5px 128px;
text-decoration: underline;
}
form input,
form select,
form textarea
{
display: inline-block;
width: 300px;
height: 30px;
line-height: 30px;
padding: 0 10px;
border: solid 1px #D9D9D9;
box-shadow: 0 0 5px #F2F2F2 inset;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #4D4D4D;
}
form textarea
{
height: 100px;
padding-top: 10px;
padding-bottom: 10px;
line-height: normal;
}
form input.checkbox,
form input.radio
{
width: 15px;
height: 15px;
vertical-align: middle;
margin: 0;
border: solid 1px #D9D9D9;
}
form input.number
{
width: 30px;
}
form .g-recaptcha
{
display: inline-block;
}
form .generalErrors
{
margin-top: 20px;
text-align: center;
color: red;
}
form label,
form span.label
{
display: inline-block;
min-width: 125px;
margin-bottom: 10px;
}
form .nbs select
{
font-size: 11px;
width: 35px;
}
form span.value.valueInline,
form input.valueInline,
form span.label.labelInline,
form label.labelInline
{
width: auto;
font-size: 13px;
}
form span.label.labelInline,
form label.labelInline
{
padding: 0 5px 0 5px;
}
form span.label.widthAuto,
form label.widthAuto
{
width: auto;
}
form span.value
{
height: 20px;
margin-bottom: 10px;
font-size: 13px;
}
form fieldset
{
border: solid 2px #E6E6E6;
margin-bottom: 30px;
padding: 20px;
}
form fieldset legend
{
}
form fieldset h4
{
font-size: 14px;
font-weight: bold;
color: #52d2bc;
margin-bottom: 15px;
}
form fieldset table
{
width: 100%;
margin-bottom: 20px;
}
form fieldset table td
{
text-align: center;
}
form fieldset table th
{
color: #52d2bc;
}
form .link
{
text-decoration: underline;
}
form .link:hover
{
text-decoration: none;
}
/* ////////////////////// STYLES GÉNÉRIQUES POUR COMMANDE ////////////////////// */
table
{
width: 100%;
margin-bottom: 20px;
}
table td
{
text-align: center;
/*padding-top: 10px;*/
/*padding-bottom: 10px;*/
}
table th
{
color: #52d2bc;
}
.tab-content h4
{
font-size: 14px;
font-weight: bold;
color: #52d2bc;
/*margin-bottom:15px;*/
}
fieldset
{
border: solid 2px #E6E6E6;
margin-bottom: 30px;
padding: 20px;
}
fieldset legend
{
padding: 0 10px;
font-size: 17px;
font-weight: bold;
text-align: center;
color: #000;
}
/* PAGE CONTACT */
#formulaireContact .espaceChamp,
#formulaireInscriptionOffreCourse .espaceChamp
{
margin-top: 10px;
}
#formulaireContact .espaceChamp:first-child,
#formulaireInscriptionOffreCourse .espaceChamp:first-child
{
margin-top: 0;
}
#formulaireContact label,
#formulaireInscriptionOffreCourse label
{
vertical-align: top;
}
/* Page aperçu / partage création */
.apercu-creation .actions
{
text-align: center;
margin-bottom: 20px;
}
.apercu-creation .boutonAction
{
border: 0;
background: #fcd03c;
color: #524f4a;
cursor: pointer;
padding: 10px;
margin-left: 10px;
border-radius: 10px;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
outline: none;
font-size: 14px;
display: inline-block;
}
.apercu-creation .boutonAction:hover
{
opacity: 0.7;
}
.apercu-creation .personnalisations
{
}
.apercu-creation .personnalisations .personnalisation
{
width: 300px;
margin: 0 10px 10px 0;
border: 1px dashed #ccc;
border-radius: 5px;
padding: 5px;
text-align: center;
background-color: #f3f3f3;
}
.apercu-creation .personnalisations .personnalisation .libelle-piece
{
font-size: 14px;
font-weight: bold;
color: #52d2bc;
margin-bottom: 15px;
text-align: center;
}
.apercu-creation .personnalisations .personnalisation a.zoombox
{
cursor: zoom-in;
}
.popupPartagerCreation .addthis_sharing_toolbox
{
text-align: center;
}
.greenCustomSelect {
height: 20px;
line-height: 20px;
background: url('/img/front/selectArrow.png') right 10px center no-repeat #52d2bc;
color: #fff;
}
.greenCustomSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.greenCustomSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.greenCustomSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.greenCustomSelectInner {
padding: 0 30px 0 0;
}
.greyCustomSelect {
height: 30px;
line-height: 30px;
border: solid 1px #D9D9D9;
box-shadow: 0 0 5px #F2F2F2 inset;
background: url('/img/front/selectArrow.png') right center no-repeat #fff;
color: #4D4D4D;
}
.greyCustomSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.greyCustomSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.greyCustomSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.greyCustomSelectInner {
padding: 0 20px 0 10px;
}
.formValidationCommande .selectionCarteCadeau
{
display: none;
}
.formValidationCommande .carteCadeau
{
margin-top: 5px;
padding: 10px;
background: #E5E5E5;
}
.formValidationCommande .carteCadeau:first-child
{
margin-top: 0;
}
.formValidationCommande .gras
{
font-weight: bold;
}
.formValidationCommande .ajouterCarteCadeau
{
margin-top: 10px;
}
.formValidationCommande #codeCarteCadeau
{
width: 100px;
}
.formValidationCommande .ok
{
height: 30px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.formValidationCommande .messageRetourAjoutCarteCadeau
{
margin-top: 5px;
font-weight: bold;
color: red;
}
/*////////////////////
// Popin information
////////////////////*/
.popinInformation
{
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3000;
background: rgba(0, 0, 0, 0.85);
transition: all .6s;
}
.popinInformationOuvert .popinInformation
{
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.popinInformation .popin
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 400px;
max-width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px;
position: absolute;
top: 50%;
left: 50%;
background: #404040;
text-align: center;
color: #fff;
}
.popinInformation .boutonFermer
{
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
background: url('/img/front/iconeCroix.png') center center no-repeat #1d1d1d;
cursor: pointer;
}
.popinInformation .image
{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 20px auto;
}
.popinInformation .titre
{
margin-bottom: 20px;
font-family: 'allerbold', sans-serif;
text-transform: uppercase;
font-size: 20px;
}
.popinInformation .contenu
{
font-size: 15px;
line-height: 120%;
}
.popinInformation .bouton2
{
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background: #52d2bc;
}
/*////////////////////
// Cookies banner
////////////////////*/
.cookiesBanner
{
display: none;
padding: 10px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
/*background: #D6BCD7;*/
text-align: center;
}
.cookiesBanner.shown
{
display: block;
}
.cookiesBanner .message
{
margin-bottom: 10px;
font-size: 16px;
line-height: 125%;
color: #000;
}
.cookiesBanner .acceptButton,
.cookiesBanner .rejectButton
{
display: inline-block;
margin: 0 5px;
padding: 5px 10px;
border: solid 2px #000;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
text-decoration: none;
color: #000;
cursor: pointer;
transition: all 600ms;
}
.cookiesBanner .acceptButton:hover,
.cookiesBanner .rejectButton:hover
{
background: #000;
/*color: #D6BCD7;*/
}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close
{
display: none;
}
/**/
.searchParcelRelayContent
{
}
.searchParcelRelayContent .selectParcelRelayForm
{
}
.searchParcelRelayContent .error
{
margin-bottom: 20px;
padding: 5px;
border: solid 1px red;
text-align: center;
color: red;
}
.searchParcelRelayContent .parcelRelays
{
margin-bottom: 20px;
}
.searchParcelRelayContent .parcelRelay
{
margin-top: 20px;
padding: 10px;
border: solid 1px #E5E5E5;
}
.searchParcelRelayContent .parcelRelay:first-child
{
margin-top: 0;
}
.searchParcelRelayContent .grid
{
margin: -20px 0 0 -20px;
}
.searchParcelRelayContent .gridItem
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 20px 0 0 20px;
}
.searchParcelRelayContent .gridItem1
{
width: 10%;
}
.searchParcelRelayContent .gridItem2
{
width: 45%;
}
.searchParcelRelayContent .gridItem3
{
width: 45%;
}
.searchParcelRelayContent .parcelRelayIdRadioButton
{
}
.searchParcelRelayContent .shopName
{
font-weight: bold;
}
.searchParcelRelayContent .address
{
margin: 5px 0;
}
.searchParcelRelayContent .zipcode
{
display: inline;
}
.searchParcelRelayContent .city
{
display: inline;
}
.searchParcelRelayContent .openingHours
{
}
.searchParcelRelayContent .openingHour
{
margin-top: 5px;
}
.searchParcelRelayContent .openingHour:first-child
{
margin-top: 0;
}
.searchParcelRelayContent .day
{
display: inline-block;
min-width: 90px;
font-weight: bold;
}
.searchParcelRelayContent .value
{
display: inline;
}
.searchParcelRelayContent .validateButton
{
}
/**/
.recapitulatifPanier .centeredContent,
.searchParcelRelayContent .centeredContent,
.paiement .centeredContent,
.monCompte .centeredContent,
.demanderReinitialisationMotDePasse .centeredContent
{
max-width: 1200px;
}
.orderSteps
{
margin-bottom: 40px;
text-align: center;
}
.orderSteps .orderStep
{
display: inline-block;
margin: 0 20px;
}
.orderSteps .number
{
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background: #E6E6E6;
border-radius: 50%;
font-size: 20px;
text-align: center;
transition: all 600ms;
}
.orderSteps .orderStep:hover .number
{
color: #000;
}
.orderSteps .current .number
{
/*background-color: #D6BCD7;*/
font-weight: bold;
color: #000;
}
.orderSteps .label
{
display: inline-block;
margin-left: 5px;
font-size: 17px;
transition: all 600ms;
}
.orderSteps .orderStep:hover .label
{
color: #000;
}
.orderSteps .current .label
{
font-weight: bold;
color: #000;
}
.shipmentInfo
{
margin-bottom: 40px;
padding: 10px;
/*background-color: #D6BCD7;*/
font-weight: bold;
line-height: 150%;
text-align: center;
color: #000;
}
.basketTable
{
table-layout: fixed;
}
.basketTableP1
{
width: 100%;
}
.basketTableP2
{
width: auto;
margin-left: auto;
margin-right: 0;
}
.basketTable .tbody
{
}
.basketTable .line
{
}
.basketTable .line.product
{
background: #F7F7F7;
}
.basketTable .line.product:nth-child(even)
{
background: #F0F0F0;
}
.basketTable .line.space
{
}
.basketTable .line.shipping,
.basketTable .line.promo
{
background: #F7F7F7;
}
.basketTable .line.shipping:nth-child(even),
.basketTable .line.promo:nth-child(even)
{
background: #F0F0F0;
}
.basketTable .cell
{
padding: 10px;
}
.basketTableP2 .cell
{
vertical-align: middle;
}
.basketTable .line.product .cell
{
border-bottom: solid 1px #ccc;
}
.basketTable .line.product:first-child .cell
{
border-top: solid 1px #ccc;
}
.basketTable .line.shipping .cell,
.basketTable .line.promo .cell,
.basketTable .line.total .cell
{
border-top: solid 1px #ccc;
}
.basketTable .line.total .cell
{
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
color: #000;
}
.basketTable .cell1
{
text-align: left;
}
.basketTable .cell12
{
text-align: right;
}
.basketTable .cell123
{
text-align: left;
}
.basketTable .cell2
{
width: 100px;
text-align: center;
}
.basketTable .cell3
{
width: 100px;
text-align: right;
white-space: nowrap;
color: #4D4D4D;
}
.basketTable .line.product .cell3
{
font-size: 17px;
font-weight: bold;
color: #000;
}
.basketTable .line.product .articleNom
{
font-family: 'allerbold', sans-serif;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
color: #000;
}
.basketTable .line.product .typePersonnalisation
{
display: inline-block;
margin-left: 5px;
font-size: 13px;
}
.basketTable .line.product .piece
{
}
.basketTable .line.product .modele
{
}
.basketTable .line.product .options
{
margin-top: 20px;
}
.basketTable .line.product .option
{
margin-top: 5px;
}
.basketTable .line.product .option:first-child
{
margin-top: 0;
}
.basketTable .line.product .key
{
display: inline;
font-weight: bold;
}
.basketTable .line.product .value
{
display: inline;
}
.basketTable .line.product .logo,
.basketTable .line.product .sponsor,
.basketTable .line.product .typoNom,
.basketTable .line.product .typoNumero
{
display: inline-block;
vertical-align: middle;
height: auto;
}
.basketTable .line.product .sponsor
{
max-width: 100px;
}
.basketTable .line.product .buttons
{
margin-top: 20px;
}
.basketTable .line.product .deleteButton
{
}
.basketTable .line.product .deleteButton .icon
{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
fill: #4D4D4D;
transition: all 600ms;
}
.basketTable .line.product .deleteButton:hover .icon
{
fill: #000;
}
.basketTable .line.product .deleteButton .label
{
display: inline-block;
vertical-align: middle;
transition: all 600ms;
}
.basketTable .line.product .deleteButton:hover .label
{
color: #000;
}
.basketTable .line.product .boutonModifierOptions
{
}
.basketTable .line.product .quantite
{
display: inline-block;
font-weight: bold;
font-size: 17px;
color: #000;
}
.basketTable .line.product .modifier-quantite
{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
background: #D9D9D9;
border-radius: 50%;
font-weight: bold;
text-align: center;
transition: all 600ms;
}
.basketTable .line.product .modifier-quantite:hover
{
background: #4D4D4D;
color: #fff;
}
.basketTable .line.suggest .titre
{
font-size: 16px;
font-weight: bold;
color: #000;
}
.basketTable .line.suggest .articleProposeDansPaniers
{
margin-top: 20px;
}
/* Conteneur du carousel */
.basketTable .line.suggest .carousel-container
{
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
/* Boutons de navigation */
.basketTable .line.suggest .carousel-nav
{
flex-shrink: 0;
width: 40px;
height: 40px;
background-color: #000;
color: #fff;
border: none;
border-radius: 50%;
font-size: 24px;
line-height: 1;
cursor: pointer;
transition: background-color 0.3s;
z-index: 10;
}
.basketTable .line.suggest .carousel-nav:hover
{
background-color: #333;
}
.basketTable .line.suggest .carousel-nav:disabled
{
opacity: 0.3;
cursor: not-allowed;
}
/* Piste du carousel */
.basketTable .line.suggest .carousel-track
{
display: flex;
gap: 15px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 10px 5px;
flex: 1;
-ms-overflow-style: none;
scrollbar-width: none;
}
.basketTable .line.suggest .carousel-track::-webkit-scrollbar
{
display: none;
}
/* Items du carousel (cartes portrait) */
.basketTable .line.suggest .carousel-item
{
flex-shrink: 0;
width: 200px;
border: solid 2px #000;
padding: 15px;
background-color: #fff;
text-align: center;
display: flex;
flex-direction: column;
gap: 10px;
}
.basketTable .line.suggest .carousel-item-image
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
}
.basketTable .line.suggest .carousel-item-image .image
{
max-width: 100%;
height: auto;
display: block;
}
.basketTable .line.suggest .carousel-item-content
{
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.basketTable .line.suggest .libelle
{
font-weight: bold;
font-size: 14px;
color: #000;
line-height: 1.3;
}
.basketTable .line.suggest .descriptionCourte
{
font-size: 11px;
color: #666;
line-height: 1.4;
max-height: 60px;
overflow: hidden;
}
.basketTable .line.suggest .tarif
{
font-size: 16px;
font-weight: bold;
color: #000;
margin-top: auto;
}
.basketTable .line.suggest .boutonAjouterAuPanier
{
display: inline-block;
padding: 8px 15px;
background-color: #000;
color: #fff;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
border-radius: 3px;
transition: background-color 0.3s;
}
.basketTable .line.suggest .boutonAjouterAuPanier:hover
{
background-color: #333;
}
.basketTable .cell12 .strong
{
font-weight: bold;
color: #000;
}
.basketTable .line.shipping .modifierModeLivraison
{
height: 28px;
line-height: 28px;
padding: 0 10px;
vertical-align: middle;
border: solid 1px #D9D9D9;
box-shadow: 0 0 5px #F2F2F2 inset;
}
.basketTable .line.promo .codePromoForm
{
display: inline-block;
vertical-align: middle;
}
.basketTable .line.promo #codePromo
{
width: 80px;
height: 30px;
line-height: 30px;
vertical-align: middle;
padding: 0 10px;
border: solid 1px #D9D9D9;
box-shadow: 0 0 5px #F2F2F2 inset;
}
.basketTable .line.promo .button
{
vertical-align: middle;
line-height: 30px;
padding: 0 10px;
}
.formValidationPanier .fieldset
{
margin-bottom: 0;
padding: 20px 0 0 0;
border: none;
border-top: solid 2px #E6E6E6;
}
.formValidationPanier #commentaireClient
{
width: 100%;
height: 80px;
}
/**/
.monCompte .block1 .text
{
margin-bottom: 20px;
text-align: center;
}
.monCompte .block1 .grid,
.paiement .block1 .grid
{
margin: -30px 0 0 -40px;
}
.monCompte .block1 .gridItem,
.paiement .block1 .gridItem
{
float: left;
width: 50%;
padding: 30px 0 0 40px;
}
.paiement .coordonnees-livraison fieldset,
.monCompte fieldset,
.contact fieldset,
.inscriptionOffreCourse fieldset
{
margin-bottom: 0;
}
.paiement .mode-paiement
{
margin-bottom: 10px;
}
.paiement .labelForRadioButton,
.paiement .labelForCheckbox
{
display: inline;
margin-bottom: 0;
line-height: 125%;
}
/**/
.recapitulatif-coordonnee
{
line-height: 150%;
}
.recapitulatif-coordonnee .coordonneeP1,
.recapitulatif-coordonnee .coordonneeP2
{
font-weight: bold;
}
.recapitulatif-coordonnee .coordonneeP3,
.recapitulatif-coordonnee .coordonneeP4
{
}
/**/
.oney
{
margin-top: 10px;
padding-left: 25px;
position: relative;
}
.oney .oneyLogo
{
display: block;
cursor: pointer;
}
.oney .oneyPopin
{
display: none;
width: 290px;
padding: 10px;
position: absolute;
top: -40px;
left: 180px;
z-index: 1000;
background: #fff;
border: solid 5px #80b928;
}
.oney .oneyPopin.opened
{
display: block;
}
.oney .oneyPopin:after
{
content: '';
width: 15px;
height: 31px;
position: absolute;
top: 30px;
left: -15px;
background: url('/img/front/oneyArrow.png') center center no-repeat;
}
.oney .oneyLogo2
{
display: block;
}
.oney .title
{
margin-top: 10px;
padding-bottom: 10px;
border-bottom: solid 2px #80b928;
font-weight: bold;
font-size: 19px;
text-transform: uppercase;
color: #80b928;
}
.oney .table
{
width: 100%;
table-layout: fixed;
margin-top: 20px;
}
.oney .tbody
{
}
.oney .line
{
}
.oney .cell
{
padding-top: 5px;
}
.oney .cell1
{
font-weight: bold;
text-align: left;
}
.oney .cell2
{
width: 25%;
text-align: right;
}
.oney .cell3
{
text-align: left;
}
.oney .legal
{
margin-top: 20px;
padding-top: 10px;
border-top: solid 2px #80b928;
color: #81807f;
}
/**/
.monCompte .block1 .tab-content
{
margin-top: 40px;
}
.monCompte fieldset
{
margin-bottom: 0;
}
/* Image d'en-tête de catégorie - Background Cover */
.categorie .block.block1.sharedBlock.has-image-entete
{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 300px;
position: relative;
}
.categorie .block.block1.sharedBlock.has-image-entete .centeredContent
{
position: relative;
z-index: 2;
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 8px;
margin: 20px auto;
max-width: 800px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* hCaptcha validation overlay */
.h-captcha.captcha-validated {
position: relative;
}
.captcha-validated-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(76, 175, 80, 0.8);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
z-index: 1000;
pointer-events: none;
border-radius: 3px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * *\
* CONNEXION OAUTH *
\* * * * * * * * * * * * * * * * * * * * * * * * * * */
.oauth-separator {
text-align: center;
margin: 20px 0;
position: relative;
}
.oauth-separator:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: #ddd;
}
.oauth-separator span {
background: white;
padding: 0 15px;
position: relative;
color: #999;
font-size: 14px;
text-transform: uppercase;
}
.oauth-buttons {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 20px;
}
.oauth-buttons .bouton {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
font-size: 15px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.bouton-facebook {
background: #166fe5 !important;
color: black !important;
border: none !important;
}
.bouton-facebook:hover {
background: #1462d2 !important;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(24, 119, 242, 0.3);
}
.bouton-google {
background: #f8f8f8 !important;
color: black !important;
border: 1px solid #ddd !important;
}
.bouton-google:hover {
background: #e8e8e8 !important;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.oauth-buttons .bouton .icon-facebook,
.oauth-buttons .bouton .icon-google {
margin-right: 10px;
font-size: 18px;
}
.textePersonnaliseBas.HTMLContent {
max-width: 900px;
line-height: 1.7;
}
/* Masquer les
qui suivent directement un titre */
.textePersonnaliseBas h3 + br,
.textePersonnaliseBas h4 + br {
display: none;
}
/* Masquer les
multiples (garder juste l'espacement naturel) */
.textePersonnaliseBas br + br {
display: none;
}
/* Titres principaux */
.textePersonnaliseBas h3 {
font-size: 1.5em;
margin-top: 3rem;
margin-bottom: 1.5rem;
text-align: center;
}
/* Questions FAQ */
.textePersonnaliseBas h4 {
font-size: 1.2em;
margin-top: 2.5rem;
margin-bottom: 1rem;
text-align: left; /* Plus lisible qu'au centre */
color: #4a4a4a;
}
/* Listes */
.textePersonnaliseBas ul {
padding-left: 2rem;
margin-bottom: 2rem;
margin-top: 1rem;
}
.textePersonnaliseBas li {
margin-bottom: 1rem;
}
body#pagesaisie-coordonnees .grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
margin: 2rem auto;
max-width: 1600px;
}
/*////////////////////////////////////////
// Moins de 1680px
////////////////////////////////////////*/
@media (max-width: 1679px)
{
/*//////////
// ACCUEIL
//////////*/
#accueil .blocArticleNouveautes .gridItem
{
width: 33.33%;
}
/*//////////
// CATEGORIE - ARTICLE - DETAIL
//////////*/
.articleholder
{
width: 33.33%;
}
}
/*////////////////////////////////////////
// Moins de 1280px
////////////////////////////////////////*/
@media (max-width: 1279px)
{
/*////////////////////////////
// GLOBAL
////////////////////////////*/
.centeredContent
{
padding-left: 20px;
padding-right: 20px;
}
/*////////////////////////////
// HEADER
////////////////////////////*/
.header .headerClassic .block1 .emailLink
{
display: none;
}
.header .headerClassic .block1 .categorie
{
margin-left: 15px;
}
.header .headerClassic .block1 .lienCategorie .libelle
{
font-size: 14px;
}
/*////////////////////////////
// Footer
////////////////////////////*/
.footer .block2 .gridItem1
{
width: 25%;
}
.footer .block2 .gridItem2
{
width: 22%;
}
.footer .block2 .gridItem3
{
width: 33%;
}
.footer .block2 .gridItem4
{
width: 20%;
}
/*//////////
// ARTICLE - DESCRIPTION
//////////*/
.optionGlobales .grid
{
grid-template-columns: repeat(3, 1fr);
}
/*//////////
// CONNEXION / COMPTE / ...
//////////*/
form input,
form select,
form textarea
{
display: block;
width: 100%;
}
form input.checkbox,
form input.radio
{
display: inline-block;
height: auto;
line-height: normal;
}
.champLibres .fileInput,
.champLibres .textInput2,
.basketTable .line.promo #codePromo
{
display: inline-block;
}
.lienDemanderReinitialisationMotDePasse
{
margin-left: 0;
}
.formValidationCommande #codeCarteCadeau
{
display: inline-block;
}
}
/*////////////////////////////////////////
// Moins de 1024px
////////////////////////////////////////*/
@media (max-width: 1023px)
{
/*////////////////////////////
// Global
////////////////////////////*/
body,
body.pageScrolled
{
padding-top: 70px;
}
/*//////////
// COMMUNS
//////////*/
.centered
{
width: auto;
margin: 0 10px;
}
.centered.large
{
width: auto;
}
.classic-content
{
padding-left: 0;
padding-right: 0;
}
/*//////////
// HEADER
//////////*/
.header .headerClassic
{
display: none;
}
/*//////////
// HEADER MOBILE
//////////*/
.header .headerMobile
{
display: block;
}
/*.promoBanner
{
display: block;
}
.blackFridayBanner
{
display: block;
}*/
/*//////////
// FOOTER
//////////*/
.footer .block2 .gridItem1
{
width: 50%;
}
.footer .block2 .gridItem2
{
width: 50%;
}
.footer .block2 .gridItem3
{
width: 50%;
}
.footer .block2 .gridItem4
{
width: 50%;
}
/*//////////
// SOCIAL NETWORKS
//////////*/
#social-networks-wrapper
{
margin-top: -140px;
top: 50%;
}
/*//////////
// ACCUEIL
//////////*/
#accueil #slideshow-accueil
{
margin: 0;
}
#accueil .columns
{
display: flex;
flex-direction: column-reverse;
width: auto;
}
#accueil .columns .column
{
display: block;
width: auto;
}
#accueil .columns .column1
{
padding-right: 0;
border-right: none;
text-align: center;
}
#accueil .columns .column1 a
{
display: block;
}
#accueil .columns .column1 img
{
display: inline-block;
}
#accueil .columns .column2
{
padding-left: 0;
}
#accueil .columnL2-1
{
padding-right: 0;
margin-bottom: 40px;
}
#accueil .stepsBlock .step
{
padding-left: 30px;
padding-right: 30px;
}
/*//////////
// CATEGORIE - ARTICLE - SOUS MENU
//////////*/
#sousMenuCategorie
{
float: none;
width: auto;
}
/*//////////
// CATEGORIE - ARTICLE - GLOBAL
//////////*/
#introductionCategorieTexte
{
/*width: auto;*/
padding-right: 0;
/*background: none;*/
}
#contenusCategorie
{
float: none;
width: auto !important;
}
/*//////////
// ARTICLE - DESCRIPTION
//////////*/
#articleGlobal .columns .column2
{
width: 50%;
}
#articleOptions
{
/*width: 300px;*/
}
/*#articleOptionsModele
{
width: auto;
}
#articleOptionsPersonnalisation
{
width: auto;
}
.articleOptionsProduit
{
width: auto;
}*/
/*//////////
// ETAPES DU PROCESSUS DE COMMANDE
//////////*/
.module-boutique-breadcrumb
{
padding-left: 0;
}
.module-boutique-breadcrumb .breadcrumb-step
{
float: none;
display: inline-block;
margin: 0 20px;
}
/*//////////
// MON COMPTE
//////////*/
#monCompte .explication
{
width: auto;
}
.liens-mon-compte .navigation
{
float: none;
display: inline-block;
vertical-align: middle;
}
.liens-mon-compte .deconnexion
{
float: none;
display: inline-block;
vertical-align: middle;
}
.navigation
{
width: auto;
}
#mes-creations .creation .detail
{
float: none;
padding-right: 0;
padding-bottom: 20px;
}
#mes-creations .creation .personnalisations
{
float: none;
width: auto;
padding-top: 20px;
padding-left: 0;
border-top: dashed 1px #ccc;
border-left: none;
}
#mes-creations a.boutonAjoutPanier,
#mes-creations a.boutonPersonnaliser,
#mes-creations a.supprimerCreation,
#mes-creations a.apercuCreation
{
display: inline-block;
width: 125px;
min-height: 28px;
margin-bottom: 0;
vertical-align: middle;
}
#mes-creations .creation .personnalisation .boutonPersonnaliser
{
display: block;
min-height: 0;
}
}
/*////////////////////////////////////////
// Moins de 768px
////////////////////////////////////////*/
@media (max-width: 767px)
{
/*//////////
// COMMUNS
//////////*/
.mobile {display:block;}
.nomobile {display:none;}
.classic-content
{
padding-top: 20px;
padding-bottom: 20px;
}
.centeredContent
{
padding-left: 10px;
padding-right: 10px;
}
table.tableau
{
display: block;
}
table.tableau thead
{
display: none;
}
table.tableau tbody
{
display: block;
}
table.tableau tr
{
display: block;
padding: 10px 10px 5px 10px;
}
table.tableau tr.odd
{
border: solid 1px #ededed;
}
table.tableau tr.space
{
padding-bottom: 25px;
}
table.tableau th
{
display: none;
}
table.tableau td
{
display: block;
padding: 0 0 5px 0;
background: none;
}
table.rib td.codeEtablissement:before
{
content: 'Code établissement : ';
font-weight: bold;
}
table.rib td.codeGuichet:before
{
content: 'Code guichet : ';
font-weight: bold;
}
table.rib td.numeroCompte:before
{
content: 'Numéro de compte : ';
font-weight: bold;
}
table.rib td.cleRIB:before
{
content: 'Clé RIB : ';
font-weight: bold;
}
table.rib td.domiciliation:before
{
content: 'Domiciliation : ';
font-weight: bold;
}
table.ibanbic td.iban:before
{
content: 'IBAN : ';
font-weight: bold;
}
table.ibanbic td.bic:before
{
content: 'BIC : ';
font-weight: bold;
}
table.mesCommandes td.date:before
{
content: 'Date : ';
font-weight: bold;
}
table.mesCommandes td.etat:before
{
content: 'État : ';
font-weight: bold;
}
table.mesCommandes td.modeDeLivraison:before
{
content: 'Mode de livraison : ';
font-weight: bold;
}
table.mesCommandes td.moyenDePaiement:before
{
content: 'Moyen de paiement : ';
font-weight: bold;
}
table.mesCommandes td.totalTTC:before
{
content: 'Total TTC : ';
font-weight: bold;
}
table.mesCommandes td.facture:before
{
content: 'Facture : ';
font-weight: bold;
}
/*//////////
// HEADER MOBILE
//////////*/
.header .headerMobile .phoneLink
{
display: none;
}
.header .headerMobile .emailLink
{
display: none;
}
.header .headerMobile .phoneButton
{
display: block;
}
.header .headerMobile .block1 .searchButton
{
margin-top: 0;
}
/*//////////
// FOOTER
//////////*/
.footer .block2 .gridItem1
{
width: 100%;
}
.footer .block2 .gridItem2
{
width: 100%;
}
.footer .block2 .gridItem3
{
width: 100%;
}
.footer .block2 .gridItem4
{
width: 100%;
}
.footer .block3 .field
{
display: inline-block;
width: 160px;
}
.footer .block3 .button
{
margin-top: 0;
}
.footer .block1 .separator
{
display: block;
margin: 10px 0;
}
.footer .block1 .list
{
display: block;
}
.footer .block1 .listItem
{
display: block;
margin-top: 10px;
}
.footer .block1 .listItem:first-child
{
margin-top: 0;
}
.footer .block1 .listItem:before
{
content: '';
}
/*//////////
// SOCIAL NETWORKS
//////////*/
#social-networks-wrapper
{
display: none;
}
/*//////////
// ACCUEIL
//////////*/
#accueil .accroche {margin-bottom:20px;}
#accueil .accroche .accrocheL2
{
font-size: 30px;
}
#accueil .accroche .accrocheL3
{
font-size: 18px;
}
/**/
#accueil .stepsBlock {margin-top:20px;}
#accueil .stepsBlock .steps
{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}
#accueil .stepsBlock .step
{
flex: 1;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
#accueil .stepsBlock .step:after
{
display: none;
}
#accueil .stepsBlock .icon
{
width: 60px;
height: 60px;
margin-bottom: 10px;
}
#accueil .stepsBlock .label
{
font-size: 14px;
line-height: 1.2;
}
/**/
#accueil .categoriesBlock {margin-top:40px;}
#accueil .categoriesBlock .grid
{
margin-left: -10px;
}
#accueil .categoriesBlock .gridItem
{
width: 50%;
padding-left: 10px;
}
/**/
#accueil .blocArticleNouveautes .gridItem
{
width: 100%;
}
#accueil .categoriesBlock .descriptionCourte
{
display: none;
}
/**/
#accueil .actualitesBlock .gridItem
{
width: 100%;
}
/*//////////
// ACTUALITES
//////////*/
#actualites .actualite .image,
#accueil .actualitesBlock .image
{
float: none;
margin: 0 auto 10px auto;
}
/*//////////
// CATEGORIE
//////////*/
.categorie .block2 .lienPagination
{
min-width: 36px;
height: 36px;
line-height: 36px;
}
.categorie .block2 .lienPagination.premier,
.categorie .block2 .lienPagination.dernier
{
display: none;
}
/*//////////
// CATEGORIE - ARTICLE - GLOBAL
//////////*/
#introductionCategorie h1,
#introductionCategorie h2
{
text-align: center;
}
#titreCategorie p.reference
{
float: none;
margin-bottom: 5px;
text-align: center;
}
/*//////////
// CATEGORIE - ARTICLE - DETAIL
//////////*/
.articleholder
{
width: 100%;
}
/*//////////
// ARTICLE - DESCRIPTION
//////////*/
#contenusCategorie #titreCategorie
{
padding-right: 10px;
text-align: center;
}
#titreCategorie .socialLinks
{
position: static;
margin-top: 10px;
}
#articleGlobal .columns
{
display: block;
width: auto;
}
#articleGlobal .columns .column
{
display: block;
}
#articleGlobal .columns .column1
{
padding-right: 0;
margin-bottom: 20px;
}
#articleGlobal .columns .column2
{
width: auto;
}
#articleGlobal .articleImagesSlideshow .showPreviousSlide
{
left: 5px;
}
#articleGlobal .articleImagesSlideshow .showNextSlide
{
right: 5px;
}
#articleOptionsPersonnalisation
{
padding: 10px;
}
#articleOptionsPersonnalisation .radioButtonLabel
{
font-size: 15px;
}
.optionGlobales .grid
{
grid-template-columns: repeat(2, 1fr);
}
.champLibres,
.articleOptionsProduit #groupesOptions
{
display: block;
}
.champLibres tbody,
.articleOptionsProduit #groupesOptions tbody
{
display: block;
}
.champLibre,
.groupeOptions
{
display: block;
border-top: 1px solid #ccc;
}
.champLibres .champLibre:first-child,
.articleOptionsProduit .groupeOptions:first-child
{
border-top: none;
}
.champLibres .champLibre td,
.articleOptionsProduit .groupeOptions td
{
display: block;
border-top: none;
}
.champLibres .champLibre .label,
.articleOptionsProduit .groupeOptions td.label
{
padding-right: 0;
text-align: left;
}
.champLibres .fileInput
{
display: inline-block;
}
#articleOptionsTarif
{
text-align: center;
}
#articleOptionsBoutons button
{
float: none;
margin-left: auto;
margin-right: auto;
}
.articleAssocie
{
float: none;
margin: 30px auto 0 auto;
}
/*//////////
// ETAPES DU PROCESSUS DE COMMANDE
//////////*/
.orderSteps
{
text-align: left;
}
.orderSteps .orderStep
{
display: block;
margin: 5px 0 0 0;
}
.orderSteps .orderStep:first-child
{
margin-top: 0;
}
.basketTable
{
display: block;
}
.basketTableP1
{
width: auto;
}
.basketTable .tbody
{
display: block;
}
.basketTable .line
{
display: block;
margin-top: 10px;
}
.basketTable .line.product,
.basketTable .line.shipping,
.basketTable .line.promo
{
border: solid 1px #ccc;
}
.basketTable .line:first-child
{
margin-top: 0;
}
.basketTable .cell
{
display: block;
}
.basketTable .line.product .cell,
.basketTable .line.shipping .cell,
.basketTable .line.promo .cell
{
border-top: solid 1px #D9D9D9;
border-bottom: none !important;
}
.basketTable .line.space .cell
{
padding: 0;
}
.basketTable .line.product .cell:first-child,
.basketTable .line.shipping .cell:first-child,
.basketTable .line.promo .cell:first-child,
.basketTable .line.total .cell:first-child
{
border-top: none !important;
}
.basketTable .cell2
{
width: auto;
text-align: right;
}
.basketTable .cell3
{
width: auto;
}
.basketTable .line.suggest .sousBloc
{
text-align: center;
}
.basketTable .line.suggest .colonnes
{
display: block;
width: auto;
}
.basketTable .line.suggest .colonne
{
display: block;
}
.basketTable .line.suggest .colonne1
{
width: auto;
}
.basketTable .line.suggest .colonne2
{
margin-top: 10px;
padding-right: 0;
}
.basketTable .line.suggest .colonne3
{
margin-top: 10px;
width: auto;
}
.basketTable .line.product .typePersonnalisation
{
display: block;
margin-left: 0;
margin-top: 5px;
}
.basketTable .line.shipping .modifierModeLivraison
{
width: 180px;
}
.basketTable .line.promo .button
{
margin-top: 0;
}
.saisieCoordonnees .block1 .gridItem,
.monCompte .block1 .gridItem,
.paiement .block1 .gridItem
{
width: 100%;
}
.searchParcelRelayContent .gridItem1
{
width: 10%;
}
.searchParcelRelayContent .gridItem2
{
width: 90%;
}
.searchParcelRelayContent .gridItem3
{
width: 100%;
}
/*//////////
// MON COMPTE
//////////*/
.liens-mon-compte .navigation
{
display: block;
}
.navigation
{
height: auto;
padding: 0;
}
.navigation a
{
display: block;
padding: 8px 24px;
text-align: center;
}
.liens-mon-compte .deconnexion
{
display: block;
}
a.boutonDeconnexion
{
float: none;
text-align: center;
}
#mes-creations form.editerCreation
{
text-align: center;
}
#mes-creations form.editerCreation input
{
display: inline-block;
}
#mes-creations form.editerCreation button
{
margin-top: 0;
}
#mes-creations a.boutonAjoutPanier,
#mes-creations a.boutonPersonnaliser,
#mes-creations a.supprimerCreation,
#mes-creations a.apercuCreation
{
display: block;
width: auto;
min-height: 0;
margin-bottom: 5px;
}
#mes-creations .creation .personnalisation
{
float: none;
margin: 0 auto 15px auto;
}
/*//////////
// CONNEXION / COMPTE / ...
//////////*/
.lienDemanderReinitialisationMotDePasse
{
margin-top: 5px;
}
form fieldset,
fieldset
{
padding-left: 10px;
padding-right: 10px;
}
form label,
form span.label
{
display: block;
min-width: 0;
}
form .labelForRadioButton,
form .labelForCheckbox
{
display: inline-block;
}
form .g-recaptcha
{
max-width: 276px;
overflow: hidden;
}
form button,
a.bouton
{
margin-top: 20px;
}
.formValidationPanier .nextButton,
.formValidationCoordonnees .nextButton,
.formValidationCommande .ok,
.formValidationCommande .validateButton,
.formModifierMotDePasse .bouton,
.formModifierCoordonnees .bouton,
.formConnexion .bouton,
.formInscription .bouton,
#formulaireDemanderReinitialisationMotDePasse .bouton,
#formulaireInscriptionOffreCourse .bouton,
#formulaireContact .bouton
{
margin-top: 0;
}
.greyCustomSelect
{
width: 250px;
height: 30px;
line-height: 30px;
margin-bottom: 15px;
}
.oney .oneyPopin
{
top: 40px;
left: -31px;
}
}