/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(1452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1466,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1476,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(1581,46): run-time error CSS1039: Token not allowed after unary operator: '-start-color'
(1581,70): run-time error CSS1039: Token not allowed after unary operator: '-end-color'
(1600,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1605,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1616,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1639,46): run-time error CSS1039: Token not allowed after unary operator: '-start-color'
(1639,70): run-time error CSS1039: Token not allowed after unary operator: '-end-color'
(1655,46): run-time error CSS1039: Token not allowed after unary operator: '-start-color'
(1655,70): run-time error CSS1039: Token not allowed after unary operator: '-end-color'
(1680,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1684,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1736,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1822,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1834,28): run-time error CSS1039: Token not allowed after unary operator: '-backButton-color'
(1835,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1845,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1860,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1950,22): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(1965,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1969,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1987,28): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(1988,35): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2022,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2032,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2037,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2049,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2059,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2069,28): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2072,36): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2081,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2107,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2122,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2126,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(2128,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2150,43): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(2162,43): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(2177,28): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2211,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2242,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2246,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2248,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2253,45): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2274,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2292,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2299,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2323,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2333,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2369,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2375,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2381,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2429,38): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2435,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2441,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2450,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2470,43): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(2480,43): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(2500,28): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2636,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2656,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2676,28): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2717,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2718,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2719,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2725,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2735,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2738,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2770,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2781,50): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2781,74): run-time error CSS1039: Token not allowed after unary operator: '-backButton-color'
(2792,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2812,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2820,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2833,22): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2845,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2859,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2873,17): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(2884,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2902,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2903,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2912,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2916,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3003,28): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(3025,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3096,22): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(3100,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3158,26): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(3167,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3190,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3201,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3213,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3253,46): run-time error CSS1039: Token not allowed after unary operator: '-start-color'
(3253,70): run-time error CSS1039: Token not allowed after unary operator: '-end-color'
(3260,22): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(3270,27): run-time error CSS1039: Token not allowed after unary operator: '-backButton-color'
(3304,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3322,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3439,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3517,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3660,32): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(3664,36): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(3672,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3680,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3698,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3726,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3731,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3762,32): run-time error CSS1039: Token not allowed after unary operator: '-section-color'
(3807,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3835,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3872,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3882,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3895,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4238,46): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(4242,46): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(4265,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4287,42): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(4291,42): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
 */
#google-reviews {
    display: flex;
}

.review-item {
    margin: 0 auto;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-content: stretch;
}


.review-item-long {
    border: solid 1px rgba(190, 190, 190, .35);
    margin: 0 auto;
    padding: 1em;
    flex: 1 1 90%;
    display: flex;
    flex-direction: column;
    align-content: stretch;
}

.review-header {
    display: flex;
}

.review-picture {
    width: 5em;
    height: auto;
    align-self: center;
}

.review-usergrade {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.review-meta, .review-stars {
    text-align: center;
    font-size: 115%;
}

.review-author {
    text-transform: capitalize;
    font-weight: bold;
}

.review-date {
    opacity: .6;
    display: block;
}

.review-text {
    line-height: 1.55;
    text-align: left;
    max-width: 100%;
    text-align: justify;
}

.review-stars ul {
    display: inline-block;
    list-style: none !important;
    margin: 0;
    padding: 0;
}

    .review-stars ul li {
        float: left;
        list-style: none !important;
        margin-right: 1px;
        line-height: 1;
    }

        .review-stars ul li i {
            color: #eb6e00;
            /* Google's Star Orange in Nov 2017 */
            font-size: 1.4em;
            font-style: normal;
        }

            .review-stars ul li i.inactive {
                color: #c6c6c6;
            }

.star:after {
    content: "\2605";
}


.buttons {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.more-reviews {
    text-align: center;
}

.write-review {
    text-align: center;
}

    .more-reviews a,
    .write-review a {
        margin: 5px;
        border: 1px #eb6e00 solid;
        border-radius: 40px;
        padding: 10px;
        background-color: #eb6e00;
        color: #FFF;
        text-decoration: none;
    }

/*! jQuery UI - v1.12.1 - 2017-08-20
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.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-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.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 {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.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-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.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: 45%;
}
.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;
}

/* with multiple calendars */
.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;
}

/* RTL support */
.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;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	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-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.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("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.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;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.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: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	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;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.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,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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 is deprecated, use ui-icon-seek-start instead */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}
.ui-timepicker-wrapper{overflow-y:auto;max-height:150px;width:6.5em;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);outline:0;z-index:10052;margin:0}.ui-timepicker-wrapper.ui-timepicker-with-duration{width:13em}.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60{width:11em}.ui-timepicker-list{margin:0;padding:0;list-style:none}.ui-timepicker-duration{margin-left:5px;color:#888}.ui-timepicker-list:hover .ui-timepicker-duration{color:#888}.ui-timepicker-list li{padding:3px 0 3px 5px;cursor:pointer;white-space:nowrap;color:#000;list-style:none;margin:0}.ui-timepicker-list:hover .ui-timepicker-selected{background:#fff;color:#000}li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover{background:#1980EC;color:#fff}li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration{color:#ccc}.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{color:#888;cursor:default}.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{background:#f2f2f2}
@font-face {
    font-family: 'orbitron-variablefont_wght';
    src: url('fonts/orbitron/orbitron-variablefont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost/Jost-Regular.ttf') format('truetype');
}

:root {
    --primary-color: rgba(255, 255, 255);
    --secondary-color: #DE5328;
    --section-color: rgba(46, 46, 46, 1);
    --backButton-color: rgba(0, 0, 0, 0.5);
    --start-color: rgba(46, 46, 46, 1);
    --end-color: rgba(0, 0, 0, 0);
    --background-color: rgba(0, 0, 0);
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    color: var(--primary-color);
    font-family: 'Jost', serif;
}

body, html {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0;
    background-color: var(--background-color);
    width: 100%;
    z-index: -2;
}

.highlight-red {
    border: 2px solid red;
}

    body .body-scroll-lock, body no-scroll {
        overflow: hidden;
    }

.carouselPc {
    display: block
}

.carouselPhone {
    display: none;
}

.container {
    width: 100%;
}

.titreHeader .headerTitre {
    font-size: clamp(2em, 10vw, 3.3em) !important; /* Les titres H1 seront plus grands */
}


h1 {
    font-size: clamp(1.8em, 2vw, 2.3em) !important; /* Les titres H1 seront plus grands */
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 0 5px #0a0a0a;
    font-family: 'orbitron-variablefont_wght';
}

h2 {
    font-size: clamp(1.6em, 1.5vw, 1.8em) !important; /* Les titres H2 seront légèrement plus petits */

    text-transform: uppercase;
    font-weight: normal;
    margin: 15px 0;
    text-shadow: 0 0 5px #0a0a0a;
    font-family: 'orbitron-variablefont_wght';
}

h3 {
    font-size: clamp(1.4em, 1.25vw, 1.3em) !important; /* Taille intermédiaire pour les titres H3 */

    font-family: 'orbitron-variablefont_wght';
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 22px;
}

p {
    font-size: clamp(1.3em, 1vw, 1em); /* Les paragraphes suivent les dimensions responsives */
}

a {
    font-size: clamp(1em, 1vw, 1.3em); /* Les liens auront une taille de police adaptable */
}

navUl li a {
}

h4, h5, p, a, button, span, .form__group, .pagrapheCheckBox, dd, td, .comment {
    font-family: 'Jost', serif;
}


paragrapheWhySk b {
    font-size: 22px;
    color: #c0c0c0;
}

header {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contentVideo {
    height: 83vh;
}

.navBar {
    position: sticky;
    top: 0;
    padding: 2em;
    display: flex;
    justify-content: space-around;
    width: 100%;
    box-sizing: border-box;
    z-index: 1000;
    height: auto;
    background: linear-gradient(180deg, var(--start-color) 10%, var(--end-color) 100%);
    height: auto;
    align-items: center;
}

    .navBar .logo {
        width: 10em;
    }

.containerNavLinks .navUl {
    display: flex;
}

    .containerNavLinks .navUl li {
        margin: 1em;
        text-transform: uppercase;
    }

        .containerNavLinks .navUl li .active a {
            color: var( --secondary-color);
            font-weight: bold;
        }

        .containerNavLinks .navUl li a:hover, .venteLink:hover .material-symbols-outlined {
            color: var( --secondary-color);
        }

.venteLink, callLink {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    
}

.callLink {
    background: var(--secondary-color);
    padding: 0.7em;
    border-radius: 50%;
    transition: background 0.5s ease-in-out;
    cursor:pointer;
}
    .containerNavLinks .navUl li a, .arrowDown .material-symbols-outlined {
        transition: color 0.3s;
    }


.containerLang select{
    background-color:transparent;
}
/*Menu deroulant Vente*/
.menuDeroulantVente, contentCallNavBar {
    position: relative;
}

.contentMenuDeroulant {
    opacity: 0;
    position: absolute;
    top: 100%;
    background: linear-gradient(180deg, var(--start-color) 10%, var(--end-color) 100%);
    list-style: none;
    padding: 0;
    margin: 0;
    border-end-end-radius: 25px;
    border-end-start-radius: 25px;
    overflow: hidden;
    max-height: 0;
    transition: opacity 0.8s ease-out, max-height 0.8s ease-out;
}
.menuCallNavBar {
    opacity: 0;
    position: absolute;
    right: 1%;
    top: 55%;
    text-align: center;
    background: linear-gradient(180deg, var(--start-color) 10%, var(--end-color) 100%);
    list-style: none;
    padding: 0;
    margin: 0;
    border-end-end-radius: 25px;
    border-end-start-radius: 25px;
    overflow: hidden;
    max-height: 0;
    transition: opacity 0.8s ease-out, max-height 0.8s ease-out;
}


    .menuCallNavBar .menuDeroulantCall {
        margin: 0.2em;
    }

.contentMenuDeroulant .menuDeroulant {
    margin: 2em;
}

.callLink:hover, .callLink:hover span, .call:hover {
    transition: color 0.3s;
}

    .callLink:hover, .callLink:hover span  {
        color: var(--primary-color);
    }

    .call:hover{
        color:var(--secondary-color);
    }

.callLink:hover {
    background-color: transparent;
}


.menuDeroulantVente:hover .contentMenuDeroulant, .contentCallNavBar:hover .menuCallNavBar {
    opacity: 1;
    max-height: 200px;
}

.menuDeroulant, .menuDeroulantCall {
    width: max-content;
}

    .menuDeroulant venteLink,
    .menuDeroulantCall callLink {
        display: block;
        padding: 10px;
    }

/* Fin menu deroulant Vente*/

/* Boutton menu Burger*/

#burgerToggle {
    display: none
}

#checkbox {
    display: none;
}

.toggle {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 35px;
    cursor: pointer;
    margin: auto;
    display: block;
    height: calc(4px * 3 + 11px * 2);
}

.bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: calc(4px / 2);
    background: var( --secondary-color);
    color: inherit;
    opacity: 1;
    transition: none 0.35s cubic-bezier(.5,-0.35,.35,1.5) 0s;
}

.bar--top {
    bottom: calc(50% + 11px + 4px/ 2);
    transition-property: bottom,margin,transform;
    transition-delay: calc(0s + 0.35s),0s,0s;
}

.bar--middle {
    top: calc(50% - 4px/ 2);
    transition-property: top,opacity;
    transition-duration: 0.35s,0s;
    transition-delay: calc(0s + 0.35s * 1.3),calc(0s + 0.35s * 1.3);
}

.bar--bottom {
    top: calc(50% + 11px + 4px/ 2);
    transition-property: top,transform;
    transition-delay: 0s;
}

#checkbox:checked + .toggle .bar--top {
    bottom: calc(50% - 11px - 4px);
    margin-bottom: calc(11px + 4px/ 2);
    transform: rotate(45deg);
    transition-delay: calc(0s + 0.35s * .3),calc(0s + 0.35s * 1.3),calc(0s + 0.35s * 1.3);
}

#checkbox:checked + .toggle .bar--middle {
    top: calc(50% + 11px);
    opacity: 0;
    transition-duration: 0.35s,0s;
    transition-delay: 0s,calc(0s + 0.35s);
}

#checkbox:checked + .toggle .bar--bottom {
    top: calc(50% - 4px/ 2);
    transform: rotate(-45deg);
    transition-delay: calc(0s + 0.35s * 1.3),calc(0s + 0.35s * 1.3);
}

.contentMobileMenu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.placeMobileMenu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 1em;
}
/* Fin boutton menu Burger*/
.header {
    position: relative;
}

.titreHeader {
    position: absolute;
    top: 35vh;
    left: 10vw
}

    .titreHeader h1 {
        margin-bottom: 1em;
    }

.titreHeaderH2 {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.buttonArrow {
    outline: none;
    cursor: pointer;
    border: solid 2px var( --secondary-color);
    padding: 0.9rem 2rem;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    display: inline-block;
    letter-spacing: 0.05rem;
    font-weight: 700;
    font-size: 20px;
    border-radius: 500px;
    overflow: hidden;
    background-color: var(--backButton-color);
    color: var(--secondary-color);
}

    .buttonArrow span {
        position: relative;
        z-index: 10;
        transition: color 0.4s;
    }

    .buttonArrow:hover span {
        color: var( --secondary-color);
    }

    .buttonArrow::before,
    .buttonArrow::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .buttonArrow::before {
        content: "";
        background-color: var( --secondary-color);
        width: 120%;
        left: -10%;
        transform: skew(30deg);
        transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
    }

    .buttonArrow:hover::before {
        transform: translate3d(100%, 0, 0);
    }

.arrowButton {
    margin-left: 5px;
}

.alignButton {
    display: flex;
    align-items: center;
    justify-content: center;
}



.contentVideo video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* Masquer tous les contrôles pour les navigateurs WebKit */
video::-webkit-media-controls {
    display: none !important;
}

/* Masquer les contrôles spécifiques pour les navigateurs WebKit */
video::-internal-media-controls-overlay-cast-button,
video::-internal-media-controls-download-button,
video::-internal-media-controls-fullscreen-button,
video::-internal-media-controls-time-display,
video::-internal-media-controls-volume-slider {
    display: none !important;
}

/* Masquer le bouton de démarrage de la lecture sur iOS */
video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

/* Hack spécifique pour Safari */
@supports (-webkit-touch-callout: none) {
    video::-webkit-media-controls {
        display: none !important;
    }
}


.boxBlur {
    position: absolute;
    bottom: -5px;
    background-color: black;
    width: 100%;
    height: 25px;
    filter: blur(5px);
    box-shadow: 0px 0px 20px 15px black;
}

.responsiveComputer {
    display: flex;
    margin-bottom: 1em;
}

.responsivePhone, .responsiveTitlPhone {
    display: none;
}

.contentCallNavBar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: var(--section-color);
    padding: 0.5em;
    text-align: center;
    z-index:100;
}

    #cookie-banner p{
        padding: 0.5em;
    }

        #cookie-banner p a {
            transition:color 0.3s ease-in-out;
        }

    #cookie-banner p  a:hover{
        color:var(--secondary-color);
    }

    #accept-cookies {
        background-color: var(--secondary-color);
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        border-radius: 15px;
    }

#decline-cookies {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
}
/*Début du Footer*/
.containerFooter {
    padding: 0.5em;
    margin-top: 2em;
    height: auto;
    background-color: var(--section-color);
    box-shadow: 0 0 25px 5px var(--section-color);
}


.contentFooter {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.contentLogo {
    margin-bottom: 2em;
}

.contentFooter .contentLogo .logo {
    width: 15em;
    padding: 1em;
}

.contentMentions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mentions, .dateTime {
    font-size: 16px;
    color: gray;
    padding: 1em;
    transition: color 0.3s;
}

    .mentions:hover {
        color: var(--secondary-color)
    }

.reseau {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

    .reseau .linkIconsReseau {
        fill: var(--primary-color);
        transition: fill 0.3s;
    }

        .reseau .linkIconsReseau:hover {
            fill: var(--secondary-color);
        }

.contentLocalFooterRoesch, .contentLocalFooterSouffl {
    padding: 1em 0;
}

    .contentLocalFooterRoesch a, .contentLocalFooterSouffl a {
        transition: color 0.3s;
    }

        .contentLocalFooterRoesch a:hover, .contentLocalFooterSouffl a:hover {
            color: var(--secondary-color);
        }

.icons span {
    padding: 5px;
    cursor: pointer;
    transition: color 0.3s;
}

    .icons span:hover {
        color: var(--secondary-color);
    }

.timeOpen {
    opacity: 0;
    bottom: 185px;
    position: fixed;
    left: 95vh;
    flex-direction: column;
    font-size: 16px;
    background-color: var(--section-color);
    border-radius: 15px;
    padding: 1em;
    box-shadow: 0 0 20px 20px var(--section-color);
    z-index: 1000;
    overflow: hidden;
    max-height: 0;
    transition: opacity 0.8s ease-out, max-height 0.8s ease-out;
    z-index: 9;
}

    .timeOpen b ,.timeOpenFind b {
        color: var(--secondary-color);
    }


    .timeOpen p {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

.icons .schedule:hover + .timeOpen {
    opacity: 1;
    max-height: 400px;
}

.site {
    padding: 0.3em 0;
    transition: color 0.3s;
}

li .site{
    font-size:20px;
}

    .site:hover {
        color: var(--secondary-color);
    }
/*Fin du Footer*/

/*Début carousel*/
.contentTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5em;
}

.lineSplite {
    width: 100%;
    height: 5px;
    background-color: var(--secondary-color);
}

.title {
    background-color: var(--background-color);
    text-align: center;
    color: var(--secondary-color);
    width: 45em;
    padding: 0.5em;
}

.titleComment {
    width: 56rem;
}

.carousel-container {
    overflow: hidden;
    position: relative;
}

    .carousel-container::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        box-shadow: 11px 0 46px 60px var(--background-color);
        width: 0;
    }

    .carousel-container::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 98vw;
        right: 0;
        z-index: 10;
        box-shadow: 11px 0 46px 60px var(--background-color);
        width: 0;
    }

.carousel {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

.carousel-item {
    position: relative;
    flex: 0 0 20%;
    box-sizing: border-box;
    border-radius: 15px;
    border: solid 1px var(--section-color);
    padding: 0 4px;
    user-select: none;
}

.maxWidthCarouselItem {
    max-width: 20%;
}

.carousel-item img, .tuileUsedCar img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    transition: filter 0.6s ease-out;
}

.carousel-item-info {
    padding: 10px;
    pointer-events: none;
    text-align: center;
    user-select: none;
}

    .carousel-item-info p {
        padding: 0.5em;
        font-size: 17px;
    }

        .carousel-item-info p b {
            margin-top: 0.3em;
            font-size: 1.5em;
            color: var(--secondary-color);
        }


.contentBtnCarousel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.8s ease-out;
    z-index: 5;
}

.carousel-item:hover img {
    filter: opacity(25%);
}

.carousel-item:hover .contentBtnCarousel {
    opacity: 1;
}

.btnCarousel {
    position: relative;
    display: inline-block;
    margin: 15px;
    padding: 15px 30px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    color: var(--secondary-color);
    background: transparent;
    cursor: pointer;
    transition: ease-out 0.5s;
    border: 2px solid var(--secondary-color);
    border-radius: 10px;
    box-shadow: inset 0 0 0 0 var(--secondary-color);
}

    .btnCarousel:hover {
        color: white;
        box-shadow: inset 0 -100px 0 0 var(--section-color);
    }

    .btnCarousel:active {
        transform: scale(0.9);
    }
/*Fin carousel*/



/*Début recrute*/
.contentRecrute {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4em 0;
}

    .contentRecrute video {
        width: 40%;
        border:solid 4px var(--secondary-color);
    }

.containerRecrute {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contentTitleRecrute {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    height: 20em;
}

.titreRecrute {
    color: var(--secondary-color);
    text-align: center;
    margin:0;
}

.ligneSpliteRecrute {
    display: block;
    background-color: var(--secondary-color);
    width: 8vw;
    height: 8px;
}
/*Fin recrute*/
/*Début Pourquoi Sk*/
.contentWhySk {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em 0;
    width: 100%;
}

.descriptionWhySk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40%;
}

.titleWhySk {
    padding: 0.5em 0;
    width: 100%;
    color: var(--secondary-color);
}

.paragrapheWhySk {
    width: 100%;
    padding: 1em 0;
    line-height: 30px;
}

.ligneSplite {
    background-color: var(--secondary-color);
    width: 50%;
    height: 3px;
}

.buttonWhySk {
    margin: 1em 0;
}

.imgWhySk {
    border-radius: 15px;
}
/*Fin Pourquoi Sk*/

/*Début Service*/
.contentService {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    justify-items: center;
    overflow: hidden;
}

.titleService {
    position: absolute; /* Utilisation de 'absolute' pour un positionnement plus prévisible */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Préfixe WebKit */
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 1;
    -webkit-transition: color 0.3s ease-in-out, transform 0.8s ease-in-out; /* Préfixe WebKit */
    transition: color 0.3s ease-in-out, transform 0.8s ease-in-out;
}

a:hover .titleServiceRight {
    color: var(--secondary-color);
    -webkit-transform: translateY(-30px) translateX(-200px); /* Préfixe WebKit */
    transform: translateY(-30px) translateX(-200px);
}

a:hover .titleServiceUp {
    color: var(--secondary-color);
    -webkit-transform: translateY(-30px) translateX(-218px); /* Préfixe WebKit */
    transform: translateY(-30px) translateX(-225px);
}

a:hover .titleServiceLeft {
    color: var(--secondary-color);
    -webkit-transform: translateY(-30px) translateX(-242px); /* Préfixe WebKit */
    transform: translateY(-30px) translateX(-250px);
}

.imgTitle {
    filter: brightness(0.7);
    border-radius: 15px;
    -webkit-transition: all 0.8s ease-in-out; /* Préfixe WebKit */
    transition: all 0.8s ease-in-out;
    width: 435px;
    height: 435px;
    margin: 1em 0;
}

.imgService1 {
    background-image: url('images/Services/vehicules-d-occasion.webp');
    background-size: cover;
}

.imgService2 {
    background-image: url('images/services/recherche personnalisée.webp');
    background-size: cover;
}

.imgService3 {
    background-image: url('images/services/service mécanique.webp');
    background-size: cover;
}

.imgService4 {
    background-image: url('images/services/service carrosserie.webp');
    background-size: cover;
}

.imgService5 {
    background-image: url('images/services/pneumatiques.webp');
    background-size: cover;
}

.imgService6 {
    background-image: url('images/services/service pare-brise.webp');
    background-size: cover;
}

a:hover .hoverRight {
    -webkit-transform: translateY(-15px) translateX(15px); /* Préfixe WebKit */
    transform: translateY(-15px) translateX(15px);
    box-shadow: -30px 25px 15px var(--secondary-color);
}

a:hover .hoverUp {
    -webkit-transform: translateY(-15px); /* Préfixe WebKit */
    transform: translateY(-15px);
    box-shadow: 0px 25px 15px var(--secondary-color);
}

a:hover .hoverLeft {
    -webkit-transform: translateY(-15px) translateX(-15px); /* Préfixe WebKit */
    transform: translateY(-15px) translateX(-15px);
    box-shadow: 30px 25px 15px var(--secondary-color);
}

.paragrapheService {
    font-size: 20px;
    line-height: 30px;
}

    .paragrapheService b {
        color: var(--secondary-color);
    }

/*Fin Service*/
/*Début Commentaire*/


.contentComment {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .contentComment::before,
    .contentComment::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        box-shadow: 11px 0 46px 50px var(--background-color);
        width: 0;
    }

    .contentComment::before {
        left: 0;
    }

    .contentComment::after {
        right: 0;
        box-shadow: 0 11px 46px 50px var(--background-color);
    }

.carousel-containerComment {
    width: 100%;
    overflow: hidden;
}

.carouselComment {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.containerComment {
    flex: 0 0 25%;
    box-sizing: border-box;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--section-color);
    border-radius: 15px;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

.idUserComment {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 22vw;
}

.profilePhotoComment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5em;
    height: 5em;
    overflow: hidden;
    border-radius: 50%;
}

.imgProfilePhotoComment {
    max-width: 8em;
    max-height: 8em;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

.userComment {
    text-transform: capitalize;
    font-size: 1.5em;
    font-weight: bold;
    user-select: none;
}

.dateTimeComment {
    font-size: 0.8em;
    color: lightgray;
    user-select: none;
}

.comment {
    width: 90%;
    padding: 0.5em 0;
    user-select: none;
}

.starComment {
    display: flex;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

    .starComment .material-symbols-outlined {
        color: gold;
    }
/*Fin Commentaire*/

/*Début Welcom*/
.contentWelcom {
    position: relative;
    margin: 2em 0;
}

.backGarage {
    width: 100%;
    height: 100vh;
    background-image: url(images/backgarage.webp);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}

.backdrop-filter {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); /* 20% d'opacité pour l'arrière-plan blanc */
    backdrop-filter: blur(5px); /* Appliquer un flou */
    z-index: 1;
}

.containerWelcom {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.containerRecrutement {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.imgWelcom {
    height: 75%;
    width: 150vw;
    background-image: url('images/grage.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 4em;
    border-radius: 15px;
}

.imgRecrutement {
    width: 50%;
    border-radius: 15px;
}

.infoWelcom, .infoRecrutement {
    width: auto;
    height: 50%;
    padding: 0 4em;
}

.infoRecrutement {
    height: 35%;
}

.titleWelcom, .titleRecrutement {
    padding: 2em 0;
    color: var(--secondary-color);
}

.titleWelcom {
    font-size: calc(20px + 0.390625vw)
}

.titleWelcom p {
    font-size: calc(10px + 0.390625vw)
}

.titleWelcomDeux {
    font-size: calc(15px + 0.390625vw)
}

.paragrapheRecrutement {
    line-height: 2em;
}

    .paragrapheRecrutement a {
        color: var(--secondary-color);
    }

        .paragrapheRecrutement a:hover {
            text-decoration: underline;
        }
/*Fin Welcom*/
/*Début Contact*/


.contentFormeContact {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.containerFormeContact {
    background-color: var(--section-color);
    border-radius: 25px;
    width: 50%;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.containerContact {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.containerIdContact, .containerMessageContact {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.containerIdContact {
    padding-left: 3em;
}

.form__group {
    position: relative;
    padding: 1em 0 0;
    margin: 0.5em 0;
    max-width: 350px;
}

.marginMessage {
    padding-left: 1em;
}

.form__textarea {
    border: none;
    border-bottom: solid 2px var(--primary-color);
    border-left: solid 1px var(--primary-color);
    border-right: solid 1px var(--primary-color);
    border-radius: 15px;
    font-family: inherit;
    width: 100%;
    outline: 0;
    font-size: 17px;
    color: var(--secondary-color);
    padding: 1em 0;
    background: transparent;
    transition: border-color 0.2s;
}

.form__field {
    font-family: inherit;
    width: 100%;
    border: none;
    border-bottom: 2px solid var(--primary-color);
    outline: 0;
    font-size: 17px;
    color: var(--secondary-color);
    padding: 1em 0;
    background: transparent;
    transition: border-color 0.2s;
}

    .form__field::placeholder,
    .form__textarea::placeholder,
    .dropdown-button::placeholder {
        color: transparent;
    }

    .form__field:placeholder-shown ~ .form__label,
    .form__textarea:placeholder-shown ~ .form__label,
    .dropdown-button:placeholder-shown ~ .form__label {
        font-size: 24px;
        cursor: text;
        top: 20px;
    }

.inputeModel:placeholder-shown ~ .form__label {
    font-size: 24px;
    cursor: text;
    top: 2px;
}

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 24px;
    color: var(--primary-color);
    pointer-events: none;
}

.form__field:focus,
.form__textarea:focus,
.dropdown-button:focus {
    padding-bottom: 6px;
    font-weight: 700;
    border-radius: 15px;
    border-width: 3px;
    border-image: linear-gradient(to right, var(--secondary-color), var(--backButton-color));
    border-image-slice: 1;
}

    .form__field:focus ~ .form__label,
    .form__textarea:focus ~ .form__label {
        position: absolute;
        top: 0;
        display: block;
        transition: 0.2s;
        font-size: 17px;
        color: var(--secondary-color);
        font-weight: 700;
    }


/* reset input */
.form__field:required, .form__field:invalid {
    box-shadow: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-button span {
    display: flex;
    align-items: center;
    justify-content: end;
    color: var(--secondary-color);
    font-size: 20px;
}

.dropdown-button {
    background-color: transparent;
    padding: 1em 0;
    border: none;
    border-bottom: 2px solid var(--primary-color);
    width: 100%;
    cursor: pointer;
}


.dropdown-content {
    display: none;
    position: absolute;
    border: 1px solid white;
    z-index: 4;
    width: 100%;
    max-height: 300px;
    background: var(--section-color);
    text-transform: capitalize;
    overflow-y: auto;
}

    .dropdown-content .checkbox-item {
        padding: 0.5em;
        text-decoration: none;
        display: block;
    }

        .dropdown-content .checkbox-item:hover {
            background-color: var(--secondary-color);
        }

.form__checkbox {
    margin-right: 10px;
}

.show {
    display: block;
}

.selected-marques, .selected-types, .selected-carburants {
    position: absolute;
    margin-top: 10px;
    color: var(--secondary-color);
}

.containerCheckBox {
    display: flex;
    padding: 2em;
}

.custom-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    font-size: 16px;
    color: var(--section-color);
    transition: color 0.3s;
}

    .custom-checkbox input[type="checkbox"] {
        display: none;
    }

    .custom-checkbox .checkmark {
        width: 24px;
        height: 24px;
        border: 2px solid var(--secondary-color);
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
        transform-style: preserve-3d;
    }

        .custom-checkbox .checkmark::before {
            content: "\2713";
            font-size: 16px;
            color: transparent;
            transition: color 0.3s, transform 0.3s;
        }

    .custom-checkbox input[type="checkbox"]:checked + .checkmark {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
        transform: scale(1.1) rotateZ(360deg) rotateY(360deg);
    }

        .custom-checkbox input[type="checkbox"]:checked + .checkmark::before {
            color: #fff;
        }

    .custom-checkbox:hover {
        color: var(--primary-color);
    }

        .custom-checkbox:hover .checkmark {
            border-color: var(--secondary-color);
            background-color: var();
            transform: scale(1.05);
        }

    .custom-checkbox input[type="checkbox"]:focus + .checkmark {
        box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
        outline: none;
    }

    .custom-checkbox .checkmark,
    .custom-checkbox input[type="checkbox"]:checked + .checkmark {
        transition: background-color 1.3s, border-color 1.3s, color 1.3s, transform 0.3s;
    }

.pagrapheCheckBox {
    color: lightgray;
}

.ancreContacte {
    position: relative;
    top: 20em;
}
/*Fin Contact*/
/*Début nous trouver*/
.contentFind {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    position: relative;
}

.containerFindRoe, .containerFindSouffl {
    padding: 1em;
}

    .containerFindRoe a, .containerFindSouffl a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.2em;
    }

        .containerFindRoe a span, .containerFindSouffl a span {
            padding: 0 0.5em;
        }

.contentScheduleFind {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    margin: 0.5em;
}

.containerScheduleFind {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    padding-left: 2em;
}

    .containerScheduleFind span {
        padding: 0 0.5em;
    }

contentScheduleFind {
    position: relative;
}

.timeOpenFind {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    z-index: 1000;
    overflow: hidden;
    max-height: 0;
    transition: opacity 0.8s ease-out, max-height 0.8s ease-out;
    opacity: 0;
    cursor: pointer;
    background-color: var(--section-color);
    border-radius: 15px;
    padding: 0.5em;
}

.contentScheduleFind:hover + .timeOpenFind {
    opacity: 1;
    max-height: 350px;
}

.timeOpenFind p {
    padding: 0.2em;
    font-size:16px;
}

.maps {
    border-radius: 15px;
    width: 600px;
    height: 450px;
}

.colorFind {
    color: var(--secondary-color);
}
/*Fin nous trouver*/

/* /* /* /* /* /* /* /* /* Début page vente */
/* Début form*/


.containerSearchCar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contentRange {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.form__group .price-field {
    padding: 0 1em;
}

.customWrapperPrice, .customWrapperKm, .customWrapperDate {
    margin: 0;
    width: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.customWrapperKm, .customWrapperDate {
    margin-top: 2em;
}


.price-input-container {
    width: 100%;
}

    .price-input-container .form__group {
        display: flex;
    }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.min-input, .max-input {
    max-width: 100px;
    margin: 0 1em;
}

.slideContainerPrice, .slideContainerKM, .slideContainerDate {
    width: 100%;
    height: 6px;
    position: relative;
    border: 1px;
    border-radius: 5px;
}

.ui-slider {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: var(--section-color);
}

.ui-slider-range {
    background: var(--secondary-color);
}


.rangeInputKm, .rangeInputPrice, .rangeInputDate {
    position: relative;
}

    .rangeInputKm input, .rangeInputPrice input, .rangeInputDate input {
        position: absolute;
        width: 100%;
        height: 5px;
        background: none;
        top: -5px;
        pointer-events: none;
        cursor: pointer;
        -webkit-appearance: none;
    }

/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 70%;
    background: #555;
    pointer-events: auto;
    -webkit-appearance: none;
}

.ContainerBtnSearchCar {
    display: flex;
    padding-top: 1em;
    justify-content: center;
}
/* fin form*/
/* Début liste voitur occasion*/

.contentAllUsedCar {
    width: 100%;
    height: auto;
    margin-top: 2em;
}

.containerAllUsedCar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    width: 100%;
}

    .containerAllUsedCar > *:only-child {
        max-width: 20%;
    }

select {
    cursor: pointer;
}

    select option {
        background: var(--section-color);
        text-transform: capitalize;
    }

.contentSearchPerso {
    position: fixed;
    top: 50%;
    right: -500px;
    transform: translateY(-50%);
    background-color: var(--secondary-color);
    padding: 1em;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    border-start-start-radius: 15px;
    border-end-start-radius: 15px;
    transition: right 0.5s ease-in-out;
    z-index: 10;
}

.containerSearchPerso {
    text-align: center;
}

.btnSearchPerso {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    border: 2px solid #fefefe;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    transition: 0.3s;
    background: var(--secondary-color);
    cursor: pointer;
}

    .btnSearchPerso::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        width: calc(100% + 5px);
        height: calc(100% - -2px);
        background-color: var(--secondary-color);
        transition: 0.3s ease-out;
        transform: scaleY(1);
    }

    .btnSearchPerso::after {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        width: calc(100% + 4px);
        height: calc(100% - 50px);
        background-color: var(--secondary-color);
        transition: 0.3s ease-out;
        transform: scaleY(1);
    }

    .btnSearchPerso:hover::before {
        transform: translateY(25px);
        height: 0;
    }

    .btnSearchPerso:hover::after {
        transform: scaleX(0);
        transition-delay: 0.15s;
    }

    .btnSearchPerso:hover {
        border: 2px solid #fefefe;
    }

.spanSearchPerso {
    position: relative;
    z-index: 3;
    font-size: 16px;
}

.titlSearchPerso button {
    text-decoration: none;
    border: none;
    background-color: transparent;
}

.hidden-section {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    background: linear-gradient(180deg, var(--start-color) 10%, var(--end-color) 100%);
    z-index: 1100;
}


.containerHiddenSection {
    position: absolute;
    background: var(--section-color);
    top: 0;
    left: 23%;
    width: 51vw;
    height: 93%;
    z-index: 1200;
    padding: 2em;
    border-start-end-radius: 15px;
    border-end-end-radius: 15px;
    overflow-y: auto;
    scrollbar-color: var(--backButton-color);
}



.pContentMessage {
    text-align: start;
    padding-top: 2em;
}

.containerMessage .form__group .form__textarea {
    width: 50vw;
}



.displayContainerHiddenSection {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 50vw;
}

.contentContactIdCar {
    display: flex;
    flex-direction: column;
}

    .contentContactIdCar .form__label, .contentContactIdUser .form__group .form__label {
        font-size: 18px;
    }

    .contentContactIdCar h3, .contentContactIdUser h3 {
        margin-bottom: 1em;
        color: var(--secondary-color);
    }

.contentContactIdUser .containerIdContact {
    padding-left: 0;
    width: 15vw;
}

.btnCancelSearchPerso {
    position: fixed;
    right: 7%;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 100;
}

.cancelSearchPerso {
    color: var(--secondary-color);
    font-size: 18px;
    transition: font 0.3s ease-in-out;
}

.btnCancelSearchPerso:hover .cancelSearchPerso {
    font-size: 30px;
}

.containerIdContact .ContainerBtnSearchCar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2em;
}
/* fin liste voitur occasion*/
/* /* /* /* /* /* /* /* /*fin page vente */


/* /* /* /* /* /* /* /* /* Début page detail voiture */
/* Début content img*/

.contentCarPicture {
    width: 100%;
}

.containerCarPicture {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contentFirstPicture {
    width: 57.3em;
    margin-right: 0.2em;
}

    .contentFirstPicture img {
        width: 100%;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }

.contentAllCarPicture {
    display: flex;
    width: 57em;
}

.colContentAllCarPicture {
    width: 100%;
}

.colContentAllCarPictureMarging {
    margin-right: 0.2em;
}

.contentAllCarPicture img {
    width: 100%;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

    .contentFirstPicture img:hover, .contentAllCarPicture img:hover {
        transform: rotateY(10deg) rotateX(10deg) scale(1.05);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }

    .contentFirstPicture img:before, .contentAllCarPicture img:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
        transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 1;
    }

    .contentFirstPicture img:hover:before, .contentAllCarPicture img:hover:before {
        transform: translateX(-100%);
    }

    .contentFirstPicture img:after, .contentAllCarPicture img:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
        transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 1;
    }

    .contentFirstPicture img:hover:after, .contentAllCarPicture img:hover:after {
        transform: translateX(100%);
    }

.showMorePicture {
    position: relative;
    left: 90%;
    margin: 0.5em;
    color: white;
    text-decoration: none;
    font-size: 14px;
    border: none;
    background: none;
    cursor: pointer;
}

    .showMorePicture::before, .aCallCar::before {
        margin-left: auto;
    }

    .showMorePicture::after, .showMorePicture::before, .aCallCar::after, .aCallCar::before {
        content: '';
        width: 0%;
        height: 2px;
        background: var(--secondary-color);
        display: block;
        transition: 0.5s;
    }

    .showMorePicture:hover::after, .showMorePicture:hover::before, .aCallCar:hover::after, .aCallCar:hover::before {
        width: 100%;
    }

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    flex-direction: column;
}

    .modal img {
        max-width: 90%;
        max-height: 80%;
    }

.carouselCar-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 40.2%;
    margin-top: 1em;
    position: relative;
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.left-arrow {
    left: 0;
    z-index: 10;
}

.right-arrow {
    right: 0;
}

.carouselCar {
    display: flex;
    transition: transform 0.3s ease;
}

    .carouselCar img {
        width: 100px;
        height: auto;
        margin: 0 5px;
        cursor: pointer;
    }

.titleCar {
    width: 100%;
    text-align: center;
}

.titlEquipement {
    width: 100%;
    text-align: center;
    color: var(--secondary-color);
}

.contentDescriptionCar {
    display: flex;
    justify-content: space-between;
    margin-top: 8em;
}

.containerEquipementAndBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contentEquipement {
    padding-left: 3em;
    width: 100%;
}

.contentConfort, .contentSécurité, .contentDivers {
    width: 45%;
}

.containerEquipment {
    display: flex;
    width: 100%;
}

.contentConfort, .contentSécurité, .contentDivers {
    padding: 1em;
}

    .contentConfort h5, .contentSécurité h5, .contentDivers h5 {
        padding: 1em 0;
    }


.btnEquipementCar {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 1em;
}

.inputBtnEquipementCar{
    background:transparent;
    border:none;
    font-size:1.2em;
}

.showMoreEpuipement {
    background: transparent;
    border: none;
    cursor: pointer;
}

    .showMoreEpuipement:hover {
        background: transparent;
        border: none;
        cursor: pointer;
    }

.download-button {
    position: relative;
    border-width: 0;
    color: white;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    z-index: 1;
    cursor: pointer;
    margin-top: 1em;
}

    .download-button .docs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 40px;
        padding: 0 10px;
        border-radius: 4px;
        z-index: 1;
        background-color: #242a35;
        border: solid 1px #e8e8e82d;
        transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .download-button:hover {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

.download {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90%;
    margin: 0 auto;
    z-index: -1;
    border-radius: 4px;
    transform: translateY(0%);
    background-color: #01e056;
    border: solid 1px #01e0572d;
    transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.download-button:hover .download {
    transform: translateY(100%)
}

.download svg polyline, .download svg line {
    animation: docs 1s infinite;
}

@keyframes docs {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-15%);
    }

    100% {
        transform: translateY(0%);
    }
}

.containerCaractere {
    padding-top: 2em;
}

.tftable {
    color: #fbfbfb;
    width: 100%;
    border-collapse: collapse;
}

    .tftable tr {
        background-color: var(--section-color);
    }

        .tftable tr:nth-child(odd) {
            background-color: var(--background-color);
        }

    .tftable td {
        padding: 0.5em;
    }

    .tftable tr:hover {
        background-color: var(--secondary-color);
    }

.contentPriceCar {
    width: 36%;
}

.containerPriceCar {
    background-color: var(--secondary-color);
    border-start-start-radius: 25px;
    border-end-start-radius: 25px;
    padding: 2em;
}

.PriceCar {
    padding: 0.5em 0 0.5em 1.5em;
    font-size: 3em;
    font-weight: 800;
}

.PossibilityFinancing {
    text-align: end;
    padding-right: 0.2em;
}

.contenerContactCar {
    border: solid 1px var(--secondary-color);
    border-start-start-radius: 25px;
    border-end-start-radius: 25px;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
}

    .contenerContactCar p {
        padding: 0.3em;
        font-size: 1.5em;
    }

.containerContactCar {
    display: flex;
}

.aCallCar {
    padding: 0.5em;
}

    .aCallCar a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--secondary-color);
    }

        .aCallCar a span {
            padding-right: 0.2em;
            color: var(--secondary-color);
        }


.contentEquipementResponsive {
    display: flex;
    justify-content: space-between;
    margin-top: 3em;
    width: 60%;
}

.contentCaractere {
    width: 35%;
}
/* Fin content img*/
/* /* /* /* /* /* /* /* /*fin page detail voiture */
/* /* /* /* /* /* /* /* /*début page service */
.allcontentServicePage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contentServicePage {
    width: 80%;
    margin: 2em 0;
    height: 100%;
}

    .contentServicePage {
        background-color: var(--section-color);
        border-radius: 25px;
    }
   

.containerServicePage {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 33em;
}

.imgService {
    border-radius: 15px;
    background-size: cover;
    height: 100%;
    width: 100%
}



.service1 {
    background-image: url('images/Services/vehicules-d-occasion.webp');
}

.service2 {
    background-image: url('images/Services/recherche personnalisée.webp');
}

.service3 {
    background-image: url('images/Services/location.webp');
}

.linkLocation{
    display: block;
    width: 100%;
    text-align: end;
}

.linkLocation, .arrowLoc {
    transition: color 0.3s ease-in-out;
}

    .linkLocation:hover, .linkLocation:hover .arrowLoc {
        color: var(--secondary-color);
    }

.service4 {
    background-image: url('images/services/service carrosserie.webp');
}

.service5 {
    background-image: url('images/services/pneumatiques.webp');
}

.service6 {
    background-image: url('images/services/service pare-brise.webp');
}

.service7 {
    background-image: url('images/services/service mécanique.webp');
}


.infoService {
    width: auto;
    padding: 0 4em;
    height: 100%;
}

.titlService {
    padding: 0.5em 0 1em 0;
    color: var(--secondary-color);
    text-align: center;
}


.placmentIdService {
    position: relative;
    bottom: 15em;
}
/* /* /* /* /* /* /* /* /*fin page service */
.titleLoveCar {
    width: 70rem;
}

.politiqueConf {
    font-size: 1em;
}

    .politiqueConf:hover {
        text-decoration: underline;
    }

.containerPolitique {
    padding: 2em;
    line-height: 25px;
}

    .containerPolitique h3 {
        padding: 1em;
    }

.excluSam {
    font-size: 12px;
}

.flagBay {
    position: absolute;
    background: var(--secondary-color);
    width: 75%;
    height: 5em;
    top: 93%;
    left: 50%;
    transform: translate(-50%, -50%);
    clip-path: polygon(100% 25%, 90% 51%, 100% 75%, 0 75%, 10% 51%, 0 25%);
}

.flagBayBig {
    background: var(--secondary-color);
    height: 10em;
    clip-path: polygon(98% 0, 85% 51%, 100% 100%, 0 100%, 15% 51%, 0 0);
    display: flex;
    
}

.flagBaySmall {
    position: absolute;
    top: 20.6%;
    left: -1.6%;
    clip-path: polygon(26% 0, 70% 1%, 100% 100%, 0% 100%);
    height: 5em;
    background: var(--secondary-color);
    width: 15%;
    transform: rotate(317deg);
    z-index: 100;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.contentFirstPicture:hover .flagBaySmall {
    top: 19.4%;
    left: -2.7%;
    clip-path: polygon(25% 0, 70% 1%, 100% 100%, 0% 100%);
}



.titreFlag, .titreFlagSmall {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.titreFlagBig {
    margin: 0;
    font-weight: 700;
    width: 100%;
    font-size: xxx-large;
    display: flex;
    align-items: center;
    justify-content: center;
}




@media only screen and (max-width: 1600px) {
    .contentEquipement {
        padding-left: 2em;
    }

    .contentPriceCar {
        width: 30%;
    }

    .containerPriceCar {
        padding: 1em;
    }

    .containerContactCar {
        flex-direction: column;
        padding: 0.5em;
    }

    .aCallCar {
        padding: 0;
    }

    .contentEquipementResponsive {
        width: 65%;
    }

    .carouselCar-wrapper {
        width: 41.2%;
    }

    .containerServicePage {
        height: 34em;
    }


    .titleComment {
        width: 61rem;
    }

    .titleLoveCar {
        width: 80rem;
    }

    .userComment {
        font-size: 1em;
    }
}

@media only screen and (max-width: 1450px) {

    .PriceCar {
        padding: 0.5em 0 0.5em 0.5em;
        font-size: 1.5em;
    }

    .contentPriceCar {
        width: 25%;
    }

    .contenerContactCar p {
        font-size: 1.2em;
    }

    .aCallCar a {
        font-size: 1.2em;
    }

    .contenerContactCar {
        padding: 1em;
    }

    .contentEquipement {
        padding-left: 0.5em;
    }

    .contentConfort, .contentSécurité, .contentDivers {
        padding: 0.3em;
    }

    containerHiddenSection {
        left: 0;
        width: 95vw;
    }

    .displayContainerHiddenSection {
        flex-direction: column;
        display: contents;
    }

    .form__group {
        max-width: 100%;
    }

    .containerMessage .form__group .form__textarea {
        width: 90%;
    }

    .contentContactIdUser {
        display: contents;
    }

        .contentContactIdUser .containerIdContact {
            width: 100%;
        }

    .contentServicePage {
        width: 90%;
    }

    .titleRecrutement {
        padding: 1em 0;
    }

    .infoRecrutement {
        height: 40%;
    }

    .contentEquipementResponsive {
        width: 67%;
    }

    .carouselCar-wrapper {
        width: 45.2%;
    }

    .containerServicePage {
        height: 34em;
    }

    .title {
        width: 50em;
    }
}

@media only screen and (max-width: 1250px) {
    .containerServicePage {
        height: 35em;
    }

    .titleLoveCar {
        width: 85rem;
    }

    .profilePhotoComment {
        width: 4em;
        height: 4em;
    }

    .review-stars ul li i {
        font-size: 1em;
    }
}


@media only screen and (max-width: 1100px) {
    .responsiveComputer, .contentLocalFooter, .contentGroupeSite, .delLogo {
        display: none;
    }

    .responsivePhone {
        display: flex;
    }

    h1 {
        font-size: 40px;
        margin: auto;
    }

    h2 {
        font-size: 34px;
        padding: 0.5em 0;
    }

    .title {
        width: 52rem;
        padding: 0;
    }

    .titleComment {
        width: 66rem;
    }

    #burgerToggle {
        display: block;
    }

    .containerNavLinks {
        position: fixed;
        background: rgba(46, 46, 46, 0.5);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px); /* Préfixe WebKit pour Safari */
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease; /* Préfixe WebKit pour Safari */
    }

    /* Hack spécifique pour Safari */
    @supports (-webkit-touch-callout: none) {
        .containerNavLinks {
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px); /* Assure que le flou est appliqué correctement */
            transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease; /* Assure que la transition est appliquée correctement */
        }
    }


    .mobile-menu {
        transform: translateX(0);
    }

    .containerNavLinks .navUl {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contentMenuDeroulant .menuDeroulant a {
        margin: 2em 1em;
    }

    .arrowDown {
        text-align: center;
    }

    .contentMenuDeroulant, .menuCallNavBar {
        background: none;
        border: none;
        opacity: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
        .menuCallNavBar{
            margin: 1em 0;
        }

        .menuDeroulantVente .contentMenuDeroulant, .contentCallNavBar .menuCallNavBar {
            position: relative;
        }

    .menuDeroulantVente.show .contentMenuDeroulant, .contentCallNavBar.show .menuCallNavBar {
        max-height: 500px;
    }

    .placeMobileMenu .linkIconsReseau svg {
        width: 100px;
    }



    .contentVideo {
        height: 91vh;
    }

    .boxBlur {
        top: -2em;
    }


    .contentFooter {
        flex-direction: column;
        width: 100%;
    }

        .contentFooter div {
            width: 100%;
        }

    .contentMentions {
        margin: 0.5em;
    }

    .mentions {
        padding: 0.5em;
    }

    .dateTime {
        padding: 0;
    }

    .contentDescriptionCar {
        flex-direction: column-reverse;
        margin-top: 6em;
    }

    .timeOpen {
        bottom: -122vh;
        left: 30vw;
    }

    .carousel-item {
        min-width: 100%;
    }

    .carousel-container {
        width: 100%;
    }


        .carousel-container::before {
            box-shadow: 6px 0 23px 30px var(--background-color);
        }

        .carousel-container::after {
            box-shadow: 0 6px 23px 30px var(--background-color);
        }

    .contentWhySk {
        flex-direction: column;
    }

    .descriptionWhySk {
        width: 80%;
        align-items: center;
    }

    .titleWhySk {
        width: 100%
    }

    .paragrapheWhySk {
        width: 100%;
        padding: 1em 0;
        text-align: justify;
    }

    .ligneSplite {
        background-color: var(--secondary-color);
        width: 80%;
        height: 3px;
    }

    .imgWhySk {
        width: 100%;
    }

    .contentService {
        width: 100%;
    }

    .containerComment {
        flex: 0 0 33.33%; /* Pour 3 commentaires visibles sur les écrans moyens */
    }

    .idUserComment {
        width: 28em;
    }

    .contentComment::before {
        box-shadow: 5px 0 25px 20px var(--background-color);
    }

    .contentComment::after {
        box-shadow: 5px 0 25px 20px var(--background-color);
    }

    .containerWelcom, .containerRecrutement {
        display: flex;
        flex-direction: column;
    }


    .imgWelcom {
        height: 100%;
        width: 80vw;
        margin: 2em 0 0 0;
    }

    .backGarage, .backdrop-filter {
        height: 150vh;
    }


    .imgRecrutement {
        margin-top: 2em;
        margin-left: 0;
        width: 60vw;
    }

    .infoWelcom {
        padding: 0 0.5em;
        height: 100%;
        width: 90%;
    }

    .titleWelcom {
        padding: 1em 0;
        text-align: center;
        
    }

    .titleRecrutement {
        padding: 1em 0;
    }

    .paragrapheWelcom, .paragrapheRecrutement {
        text-align: justify;
        margin-bottom: 2em;
    }

    .paragrapheRecrutement {
        text-align: center;
        margin-bottom: 2em;
    }

    .containerFormeContact {
        width: 80%;
    }

    .form__group {
        max-width: none;
    }

    .containerContact {
        flex-direction: column;
    }

    .containerIdContact {
        padding-left: 0;
    }

    .containerCheckBox {
        display: flex;
        padding: 1em 2em;
        width: 100%;
    }

    .contentFind {
        flex-direction: column;
    }

    .contentScheduleFind:active + .timeOpenFind {
        opacity: 1;
        max-height: 400px;
    }

    .maps {
        width: 100%;
    }

    .containerFindRoe a, .containerFindSouffl a, .contentScheduleFind {
        justify-content: start;
    }

    .contentScheduleFind {
        margin: 0.5em 0;
    }

    .timeOpenFind {
        padding: 1em;
        top: 15em;
    }

    .containerScheduleFind {
        padding: 0 1em;
    }

    .contentLogoFooter {
        display: none;
    }


    .hidden-section {
        width: 100%;
    }

    .displayContainerHiddenSection {
        width: 100vw;
    }

    .form__group {
        max-width: 100%;
    }

    .containerMessage .form__group .form__textarea {
        width: 90%;
    }

    .contentDescriptionCar {
        flex-direction: column-reverse;
        margin-top: 6em;
    }

    .contentEquipement {
        text-align: center;
    }

    .contentEquipementResponsive {
        justify-content: space-evenly;
    }


    .contentCarPicture {
        margin-top: 3em;
    }

    .contentPriceCar {
        width: 100%;
        border-start-start-radius: 0;
        border-end-start-radius: 0;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
    }

    .showMorePicture {
        position: relative;
        left: 85%;
    }

    .contenerContactCar {
        padding: 1em;
        margin: 0;
    }

    .containerPriceCar {
        border-radius: 0 25px 25px 0;
        padding: 1.3em;
    }

    .PriceCar {
        font-size: 3em;
        font-weight: 800;
    }

    .contenerContactCar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .contenerContactCar p {
            padding: 0.3em;
            font-size: 1.5em;
        }

    .containerContactCar {
        flex-direction: row;
    }



    .aCallCar a {
        font-size: 1.5em;
        padding-left: 0.5em
    }

    .contentServicePage {
        width: 100%;
    }

    .titlService {
        padding: 1em 0;
    }

    .infoService {
        padding: 0 2em;
    }

    .contentEquipementResponsive {
        width: 100%;
    }

    .review-picture {
        margin-right: 0;
    }

    .carouselCar-wrapper {
        width: 50.2%;
    }

    .titleLoveCar {
        width: 95rem;
    }

    .profilePhotoComment {
        width: 5em;
        height: 5em;
    }

    .review-stars ul li i {
        font-size: 1.4em;
    }

    .userComment {
        font-size: 1.5em;
    }

    .contentRecrute {
        flex-direction: column-reverse;
    }
        .contentRecrute video {
            width: 80%;
            margin-top: 2em;
        }

    .containerRecrute {
        width: 100%;
    }

    .ligneSpliteRecrute{
        width:50%;
    }
    .contentTitleRecrute {
        width: 80%;
    }

    .contentRecrute {
        padding: 2em 0;
    }


}

@media only screen and (max-width: 1000px) {
    .contentServicePage {
        width: 100%;
    }

    .containerServicePage {
        height: 37em;
    }
    .ligneSpliteRecrute {
        width: 30%;
    }
}

@media only screen and (max-width: 810px) {
    .containerServicePage {
        height: 41em;
    }

    .titleComment {
        width: 76rem;
    }
}

@media only screen and (max-width: 768px) {
    .ligneSpliteRecrute {
        width: 15%;
    }

    .responsiveTitlComputer, .titleWhySk {
        font-size: 30px;
    }

    .carousel-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .containerComment {
        flex: 0 0 100%;
    }

    .idUserComment {
        width: 24em;
    }

    .profilePhotoComment {
        width: 3.5em;
        height: 3.5em;
    }

    .imgProfilePhotoComment {
        max-width: 5.5em;
        max-height: 5.5em;
    }

    .service {
        width: 100%;
    }


    .imgTitle {
        width: 100%;
    }

    .custom-wrapper {
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .projtitle {
        width: 100%;
        position: relative;
        right: 26px;
    }

    .price-input {
        flex-direction: column;
        align-items: center;
    }

    .price-field {
        margin-bottom: 10px;
    }

    .titreHeader {
        left: 2%;
    }

    .timeOpenFind {
        top: 14em;
    }

    .download-button:active {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

        .download-button:active .download {
            transform: translateY(100%)
        }

    .PriceCar {
        font-size: 1.5em;
    }

    .PriceCar {
        font-size: 2.5em;
    }

    .contenerContactCar p {
        padding: 0.3em;
        font-size: 1.2em;
    }

    .containerContactCar {
        flex-direction: column;
    }

    .containerPriceCar {
        padding: 2em 1.3em;
    }

    .showMorePicture {
        position: relative;
        left: 80%;
    }

    .containerHiddenSection {
        width: 95%;
        left: 1%;
        top: 5%;
        padding: 0.5em;
    }

    .btnCancelSearchPerso {
        right: 10%;
    }


    .contentContactIdCar {
        width: 90vw;
    }

        .contentContactIdCar h3, .contentContactIdUser h3 {
            text-align: center;
        }

    .containerCheckBox {
        padding: 1em 0;
    }

    .pContentMessage {
        text-align: center;
    }

    .pagrapheCheckBox {
        font-size: 12px;
    }

    .contentServicePage {
        width: 100%;
        height: 70%;
    }

    .containerServicePage {
        flex-direction: column;
        padding-bottom: 1em;
    }

    .contentServicePage:nth-of-type(2n) .containerServicePage {
        flex-direction: column-reverse;
    }


    .imgService img {
        height: auto;
        width: 100%;
    }


    .infoService {
        text-align: center;
        height: auto;
    }

    .titlService {
        padding: 0.5em 0;
    }

    .infoRecrutement {
        text-align: center;
        width: 90%;
        padding: 0;
    }

    .imgRecrutement {
        width: 90%;
    }

    .contentRecrutement {
        height: 100%;
    }
    .containerRecrute {
        display:flex;
    }

    .titleRecrutement {
        padding: 0.5em 0;
    }

    .ancreContacte {
        position: relative;
        top: 0;
    }

    .contentFirstPicture, .contentAllCarPicture {
        width: 100%;
    }

    .colContentAllCarPictureMarging {
        margin-right: 0;
        margin-bottom: 0.2em;
    }

    .showMorePicture {
        right: 10%;
    }

    .carouselCar-wrapper {
        width: 85%;
    }

    .titleLoveCar {
        width: 95rem;
    }

    .titleComment {
        width: 86rem;
    }

    .containerServicePage {
        height: 50em;
    }

    .contentVideo {
        height: 90vh;
    }


    .contentRecrute {
        width: 99%;
    }
}

@media only screen and (max-width: 480px) {
    .timeOpenFind {
        width: 90%;
        top: 72%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    h1 {
        font-size: 37px;
    }

    .responsiveTitlComputer, .titleWhySk {
        font-size: 20px;
    }

    .contentSearchPerso {
        top: 85%;
    }

    .contentService {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }

    .contentEquipementResponsive {
        flex-direction: column;
    }

    .contentCarPicture {
        margin-top: 1em;
    }

    .contentFirstPicture {
        margin-bottom: 0.3em;
    }

    .contentPriceCar {
        flex-direction: column;
    }

    .containerPriceCar, .contenerContactCar {
        border-radius: 25px;
    }

    .titleCar {
        font-size: 26px;
    }

    .showMorePicture {
        left: 70%;
    }

    .containerCarPicture {
        flex-direction: column;
    }

    .contentFirstPicture {
        width: 100%;
    }

    .contentAllCarPicture {
        width: 100%;
    }

    .colContentAllCarPictureMarging {
        margin-right: 0;
    }

    .showMorePicture {
        left: 60%;
    }

        .showMorePicture:active::after, .showMorePicture:active::before, .aCallCar:active::after, .aCallCar:active::before {
            width: 100%;
        }

    .contentDescriptionCar {
        margin-top: 3em;
    }

    .contentFirstPicture img:hover, .contentAllCarPicture img:hover {
        transform: none;
    }

    .containerEquipment {
        flex-direction: column;
    }

    .dl-horizontal {
        text-align: center;
    }

    .contentCaractere .titlEquipement {
        margin-top: 1em;
    }

    .price-field .form__label {
        font-size: 18px;
    }

    .aCallCar a {
        font-size: 1.2em;
    }

    .titlService, .titleRecrutement {
        font-size: 24px;
    }

    .titleRecrutement {
        padding: 1em 0;
    }

    .title {
        width: 127rem;
    }

    .titleComment {
        width: 136rem;
    }

    .infoService {
        text-align: justify;
        padding: 0 1em;
    }

    .paragrapheRecrutement {
        text-align: center;
        line-height: 1.5em;
    }

    .imgRecrutement {
        width: 100%;
        margin-top: 0;
    }

    .paragrapheRecrutement a {
        font-size: 20px;
    }

    .idUserComment {
        width: 21em;
    }


    .descriptionWhySk {
        width: 85%;
        font-size: 18px;
    }

    .contentConfort, .contentSécurité, .contentDivers {
        width: 98%;
    }

    .contentCaractere {
        width: 98%;
    }

    .contentEquipement {
        padding-left: 0;
    }

    .contentConfort, .contentSécurité, .contentDivers {
        padding: 0.3em 0;
    }

    .titleMention, .titlePolitique {
        text-align: center;
    }

    .containerServicePage {
        height: 68em;
    }

    .contentTitleRecrute p{
        text-align:center
    }
    .contentRecrute video {
        width: 99%;
    }

    .carousel-item-info p {
        font-size: 15px;
    }

}

/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body),body.waitMe_container .waitMe{transform:translateZ(0);backface-visibility:hidden}body.waitMe_container .waitMe{position:fixed;height:100vh}body.waitMe_container .waitMe .waitMe_content{top:50%!important;transform:none!important}.waitMe_container .waitMe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}.waitMe_container .waitMe *{font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}.waitMe_container .waitMe .waitMe_content{position:absolute;left:0;right:0;top:50%;backface-visibility:hidden}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_progress{display:inline-block;vertical-align:middle}.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_text{display:inline-block;margin:0 0 0 20px;vertical-align:middle}.waitMe_container .waitMe .waitMe_progress{position:relative;font-size:0;line-height:0}.waitMe_container .waitMe .waitMe_progress>div{animation-fill-mode:both;display:inline-block;transform:translateZ(0);backface-visibility:hidden}.waitMe_container .waitMe .waitMe_text{position:relative;margin:20px 0 0}body.waitMe_body{overflow:hidden;height:100%}body.waitMe_body.hideMe{transition:opacity .2s ease-in-out;opacity:0}body.waitMe_body .waitMe_container:not([data-waitme_id]){position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}body.waitMe_body .waitMe_container:not([data-waitme_id])>div{animation-fill-mode:both;position:absolute}body.waitMe_body .waitMe_container.progress>div{width:0;height:3px;top:0;left:0;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:progress_body 7s infinite ease-out}body.waitMe_body .waitMe_container.working>div{width:10%;height:3px;top:0;left:-10%;background:#000;box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);animation:working_body 2s infinite linear}body.waitMe_body .waitMe_container.progress>div:after{content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;transform:rotate(3deg);box-shadow:#000 1px 0 6px 1px}body.waitMe_body .waitMe_container.img>div{width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}body.waitMe_body .waitMe_container.text>div{width:100%;top:45%;text-align:center}@keyframes progress_body{0%{width:0}100%{width:100%}}@keyframes working_body{0%{left:-10%}100%{left:100%}}.waitMe_container .waitMe_progress.bounce>div{width:20px;height:20px;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1{animation-delay:-.32s}.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.rotateplane>div{width:30px;height:30px;animation:rotateplane 1.2s infinite ease-in-out;backface-visibility:visible}@keyframes rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}.waitMe_container .waitMe_progress.stretch{height:60px}.waitMe_container .waitMe_progress.stretch>div{width:1px;height:100%;margin:0 4px;animation:stretch 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2{animation-delay:-1.1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3{animation-delay:-1s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4{animation-delay:-.9s}.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5{animation-delay:-.8s}@keyframes stretch{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.waitMe_container .waitMe_progress.orbit{width:40px;height:40px;margin:auto;position:relative}.waitMe_container .waitMe_progress.orbit>div{width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;animation:orbit_rotate 2s infinite linear}.waitMe_container .waitMe_progress.orbit>div>div{width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;animation:orbit 2s infinite ease-in-out}.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2>div{top:auto;bottom:10%;left:auto;right:10%;animation-delay:-1s}@keyframes orbit_rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes orbit{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.waitMe_container .waitMe_progress.roundBounce{width:60px;height:60px;margin:auto}.waitMe_container .waitMe_progress.roundBounce>div{width:24%;height:24%;border-radius:50%;position:absolute;animation:roundBounce 1.2s infinite ease-in-out}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1{top:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{top:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{bottom:0;right:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{bottom:0;left:0}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5{top:-3%;left:50%;margin-top:-12%;margin-left:-12%;animation-delay:-1.1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{top:50%;right:-3%;margin-top:-12%;margin-right:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{top:50%;left:-3%;margin-top:-12%;margin-left:-12%}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9{top:0;right:0;animation-delay:-1s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{animation-delay:-.9s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{animation-delay:-.8s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10{bottom:0;right:0;animation-delay:-.7s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{animation-delay:-.6s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{animation-delay:-.5s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11{bottom:0;left:0;animation-delay:-.4s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{animation-delay:-.3s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{animation-delay:-.2s}.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12{top:0;left:0;animation-delay:-.1s}@keyframes roundBounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.waitMe_container .waitMe_progress.win8{width:40px;height:40px;margin:auto}.waitMe_container .waitMe_progress.win8>div{width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;transform:rotate(225deg);animation:win8 5.5s infinite}.waitMe_container .waitMe_progress.win8>div>div{width:15%;height:15%;border-radius:50%;position:absolute}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2{animation-delay:.24s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3{animation-delay:.48s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4{animation-delay:.72s}.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5{animation-delay:.96s}@keyframes win8{0%{transform:rotate(225deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{opacity:1;transform:rotate(815deg);animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}100%,76%{opacity:0;transform:rotate(945deg)}}.waitMe_container .waitMe_progress.win8_linear{margin:auto;width:150px;height:6px}.waitMe_container .waitMe_progress.win8_linear>div{width:100%;height:100%;left:0;opacity:0;position:absolute;animation:win8_linear 3s infinite}.waitMe_container .waitMe_progress.win8_linear>div>div{width:4%;height:100%;border-radius:50%}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2{animation-delay:.3s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3{animation-delay:.6s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4{animation-delay:.9s}.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5{animation-delay:1.2s}@keyframes win8_linear{0%,100%{transform:translateX(0);animation-timing-function:ease-out}10%{opacity:1;transform:translateX(33.333%);animation-timing-function:linear}50%{opacity:1;transform:translateX(53.333%);animation-timing-function:ease-in-out}60%{opacity:0;transform:translateX(86.666%)}}.waitMe_container .waitMe_progress.ios{margin:auto;width:40px;height:40px}.waitMe_container .waitMe_progress.ios>div{width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:ios 1s infinite linear}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1{transform:rotate(0) translate(0,-142%);animation-delay:0s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2{transform:rotate(30deg) translate(0,-142%);animation-delay:-.9167s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3{transform:rotate(60deg) translate(0,-142%);animation-delay:-.833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4{transform:rotate(90deg) translate(0,-142%);animation-delay:-.75s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5{transform:rotate(120deg) translate(0,-142%);animation-delay:-.667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6{transform:rotate(150deg) translate(0,-142%);animation-delay:-.5833s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7{transform:rotate(180deg) translate(0,-142%);animation-delay:-.5s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8{transform:rotate(210deg) translate(0,-142%);animation-delay:-.41667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9{transform:rotate(240deg) translate(0,-142%);animation-delay:-.333s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10{transform:rotate(270deg) translate(0,-142%);animation-delay:-.25s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11{transform:rotate(300deg) translate(0,-142%);animation-delay:-.1667s}.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12{transform:rotate(330deg) translate(0,-142%);animation-delay:-.0833s}@keyframes ios{0%{opacity:1}100%{opacity:.25}}.waitMe_container .waitMe_progress.facebook{margin:auto}.waitMe_container .waitMe_progress.facebook>div{width:6px;height:25px;margin-left:3px;border-radius:20px;transform:scaleY(.7);opacity:.1;animation:facebook 1.3s infinite ease-in-out}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem1{animation-delay:.2s;transform:scaleY(.7)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem2{animation-delay:.4s;transform:scaleY(.85)}.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem3{animation-delay:.6s;transform:scaleY(1)}@keyframes facebook{0%,100%{transform:scaleY(.7);opacity:.1}50%{transform:scaleY(1);opacity:1}}.waitMe_container .waitMe_progress.rotation>div{width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;animation:rotation 1s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.timer{width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;box-sizing:border-box;position:relative;text-indent:-9999px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;animation:timer 1.25s infinite linear;transform-origin:1px 1px}.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{height:40%;animation:timer 15s infinite linear}@keyframes timer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.waitMe_container .waitMe_progress.pulse{width:30px;height:30px;margin:auto;position:relative}.waitMe_container .waitMe_progress.pulse>div{margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;animation:pulsate 1s infinite ease-out}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.waitMe_container .waitMe_progress.progressBar{width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}.waitMe_container .waitMe_progress.progressBar>div{width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);background-image:linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);animation:progressBar 2s linear infinite}@keyframes progressBar{0%{background-position:0 0}100%{background-position:50px 50px}}.waitMe_container .waitMe_progress.bouncePulse>div{width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;transform:scale(.5);animation:bouncePulse 1.4s infinite ease-in-out}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem3{animation-delay:.1s}.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem2{animation-delay:.4s}@keyframes bouncePulse{0%,100%,80%{transform:scale(.5)}40%{transform:scale(1)}}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}