/* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #000000; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px; } .ce-intext.ce-right .ce-gallery { margin-left: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 10px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } /* Headline */ .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead th { border-bottom: 2px solid #dadada; } .ce-table th, .ce-table td { border-top: 1px solid #dadada; } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } /* Space */ .frame-space-before-extra-small { margin-top: 1em; } .frame-space-before-small { margin-top: 2em; } .frame-space-before-medium { margin-top: 3em; } .frame-space-before-large { margin-top: 4em; } .frame-space-before-extra-large { margin-top: 5em; } .frame-space-after-extra-small { margin-bottom: 1em; } .frame-space-after-small { margin-bottom: 2em; } .frame-space-after-medium { margin-bottom: 3em; } .frame-space-after-large { margin-bottom: 4em; } .frame-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } /* default styles for extension "tx_pimentrougecarousel" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-pimentrougecarousel table { border-collapse:separate; border-spacing:10px; } .tx-pimentrougecarousel table th { font-weight:bold; } .tx-pimentrougecarousel table td { vertical-align:top; } .typo3-messages .message-error { color:red; } .typo3-messages .message-ok { color:green; } body:after{content:url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/close.png') url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/loading.gif') url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/prev.png') url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/next.png');display:none} .lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none} .lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal} .lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px} .lightbox a img{border:none} .lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .lb-outerContainer:after{content:"";display:table;clear:both} .lb-container{padding:4px} .lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0} .lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/loading.gif') no-repeat} .lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} .lb-container>.nav{left:0} .lb-nav a{outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')} .lb-prev,.lb-next{height:100%;cursor:pointer;display:block} .lb-nav a.lb-prev{width:34%;left:0;float:left;background:url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/prev.png') left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s} .lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .lb-nav a.lb-next{width:64%;right:0;float:right;background:url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/next.png') right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s} .lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px} .lb-dataContainer:after{content:"";display:table;clear:both} .lb-data{padding:0 4px;color:#ccc} .lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em} .lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em} .lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999} .lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url('../../../typo3conf/ext/bwrk_lightbox/Resources/Public/Pictures/close.png') top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s} .lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .klaro.we_cookie_consent .cookie-notice h1,.klaro.we_cookie_consent .cookie-notice h2, .klaro.we_cookie_consent .cookie-notice li,.klaro.we_cookie_consent .cookie-notice p, .klaro.we_cookie_consent .cookie-notice a,.klaro.we_cookie_consent .cookie-modal a, .klaro.we_cookie_consent .cookie-notice strong,.klaro.we_cookie_consent .cookie-notice ul, .klaro.we_cookie_consent .cookie-modal h1,.klaro.we_cookie_consent .cookie-modal h2, .klaro.we_cookie_consent .cookie-modal li,.klaro.we_cookie_consent .cookie-modal p, .klaro.we_cookie_consent .cookie-modal strong, .klaro.we_cookie_consent .cookie-modal ul {color: #161f57;} .klaro.we_cookie_consent button:focus {outline-style: none;outline-width: 0;-webkit-focus-ring-color: rgba(0,0,0,0);} .klaro.we_cookie_consent .cookie-notice,.klaro.we_cookie_consent .cookie-modal {z-index: 9999;box-shadow:1px 2px 5px rgba(0,0,0,0.2);} .klaro.we_cookie_consent .cookie-notice {background: #fff;border-radius: 0;bottom: 0;max-width: 100%;max-height:100vh;overflow-y:auto;padding:20px 30px;right: 0;} .klaro.we_cookie_consent .cookie-notice .cn-body {background:#fff;bottom: 0;left: 0;margin: auto;max-width: 100%;overflow: hidden;padding:0;position: relative;right: 0;top: auto;width: 100%;} .klaro.we_cookie_consent .cookie-notice .cn-body p {margin: .5em 0;} .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok {position: relative;display:flex;flex-wrap:wrap;padding-top: .5em;width: 100%;} .klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-sm {padding: .5em} .klaro.we_cookie_consent .cookie-notice a, .klaro.we_cookie_consent .cookie-modal a {font-weight: 700;text-decoration: underline;} .klaro.we_cookie_consent .cookie-modal a:hover, .klaro.we_cookie_consent .cookie-notice a:hover{opacity: 0.7;} .klaro.we_cookie_consent .cookie-notice .slider,.klaro.we_cookie_consent .cookie-modal .slider {box-shadow: none;} .klaro.we_cookie_consent .cookie-modal .cm-app-label .slider.round, .klaro.we_cookie_consent .cookie-notice .cm-app-label .slider.round {height: 10px;} .klaro.we_cookie_consent .cookie-modal .cm-app-label .slider, .klaro.we_cookie_consent .cookie-notice .cm-app-label .slider, .klaro.we_cookie_consent .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro.we_cookie_consent .cookie-modal .cm-app-input.required:checked + .cm-app-label .slider, .klaro.we_cookie_consent .cookie-notice .cm-app-input:checked + .cm-app-label .slider {background-color: #efefef;top: 8px;width: 42px;} .klaro.we_cookie_consent .cookie-modal .cm-app-label .slider::before, .klaro.we_cookie_consent .cookie-notice .cm-app-label .slider::before {background-color: rgb(177,214,232);bottom: -7px;height: 24px;left: -1px;width: 24px;} .klaro.we_cookie_consent .cookie-modal .cm-app-input:checked + .cm-app-label .slider::before, .klaro.we_cookie_consent .cookie-notice .cm-app-input:checked + .cm-app-label .slider::before {background-color: rgb(99,173,209);} .klaro.we_cookie_consent .cookie-modal .cm-app-input + .cm-app-label .disabled .slider::before, .klaro.we_cookie_consent .cookie-notice .cm-app-input + .cm-app-label .disabled .slider::before, .klaro.we_cookie_consent .cookie-modal .cm-app-input:checked + .cm-app-label .disabled .slider::before, .klaro.we_cookie_consent .cookie-notice .cm-app-input:checked + .cm-app-label .disabled .slider::before, .klaro.we_cookie_consent .cookie-modal .cm-app-input.required + .cm-app-label .slider::before, .klaro.we_cookie_consent .cookie-notice .cm-app-input.required + .cm-app-label .slider::before, .klaro.we_cookie_consent .cookie-modal .cm-app-input.required:checked + .cm-app-label .slider::before, .klaro.we_cookie_consent .cookie-notice .cm-app-input.required:checked + .cm-app-label .slider::before {background-color: #C9C9C9;} .klaro.we_cookie_consent .cookie-notice .cm-btn {order:2;} .klaro.we_cookie_consent .cookie-notice .cm-btn, .klaro.we_cookie_consent .cookie-modal .cm-btn {background: #EFEFEF;border-radius: 4px;box-shadow: none;color: #161f57;margin: .5em 0;opacity:1;padding: 1em 1.5em;text-align: center;width: 100%;} .klaro.we_cookie_consent .cookie-notice .cm-btn:hover, .klaro.we_cookie_consent .cookie-modal .cm-btn:hover {opacity:.7;} .klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-success {background: #f7a925;color:#fff; order:1 !important;} .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept {background: #f7a925;color:#fff;margin:0; order:2;text-decoration:none;} .klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-success:hover, .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept:hover {opacity: .7;} .klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-info, .klaro.we_cookie_consent .cookie-notice .cm-link.cm-learn-more {color:#f7a925;display:block;font-weight:normal;background:transparent; order:3;padding:1em 0; text-align:center; width:100%;} .klaro.we_cookie_consent.notice--center .cookie-notice .cm-btn.cm-btn-success, .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cm-btn.cm-btn-success {} .klaro.we_cookie_consent.notice--top .cookie-notice {bottom:auto;top:0;} .klaro.we_cookie_consent.notice--top .cookie-notice .cm-btn.cm-btn-success {order:1;} .klaro.we_cookie_consent.notice--top .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success {} .klaro.we_cookie_consent .cookie-modal .cm-btn-decline {display:none;} .klaro.we_cookie_consent .cookie-modal .cm-btn {margin-right: .5em;} .klaro.we_cookie_consent .cookie-modal .cm-modal {background: #fff;border-radius: 0;bottom: 110px;height: auto;max-height: calc(100vh - 110px);max-width:100%;overflow-x: hidden;padding: 0;position: absolute;top: auto;transform: inherit;transition: unset;width: 100%;} .klaro.we_cookie_consent .cookie-modal .cm-bg {background: rgba(0,0,0,.7);} .klaro.we_cookie_consent .cookie-modal .cm-modal .hide {background-color:#fff;color: #161f57;cursor: pointer; display: block !important;font-size: 2em;height: 60px;line-height: 20px;overflow: hidden;padding: 20px;top: 0;right: 0;} .klaro.we_cookie_consent .cookie-modal .cm-modal .hide svg {display:none;} .klaro.we_cookie_consent .cookie-modal .cm-modal .hide:after {content: '\00d7';} .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept {display:inline-block;height:50px;width:auto;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-powered-by {float: right;height: 40px;line-height: 40px;margin: 0;padding: 0 20px;position: relative;right: unset;text-align: center;width: auto;} .klaro.we_cookie_consent .cookie-modal .cm-toggle-all .cm-app-description{display: none;} .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-sm {padding: .5em 1.5em;font-size: 1em;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-header {border-bottom: none;margin: 20px;padding: 0;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-header h1 {font-size: 1.5em;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-body {padding:0;margin:20px;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {border:none;padding-left:0;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all .cm-app-input {display:none;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all .cm-app-label {display:none;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-toggle-all .cm-app-description {display: block;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer {background: #efefef;border: none;bottom: 0;height: 110px;left: 0;margin: 0;padding:20px 0;position: fixed;width: 100%;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer > * {display: inline-block;margin: 0 20px; width:auto;} .tx-we-cookie-consent .service__headline {font-weight:bold;} .tx-we-cookie-consent h3,.tx-we-cookie-consent .h3 {color: #575757;font-size: 1.55rem;font-weight: 400;} .tx-we-cookie-consent caption{display: none;} .tx-we-cookie-consent .table {margin-bottom: 2rem;margin-top: 2rem;} .tx-we-cookie-consent .table thead th {border-bottom: 1px solid #ABABAB;font-size: 0.95rem;padding-bottom: 0;text-transform: uppercase;} .tx-we-cookie-consent .table th:last-of-type,.tx-we-cookie-consent .table td:last-of-type {text-align: right;} .tx-we-cookie-consent .table-striped tbody tr:nth-of-type(2n+1) {background-color: #efefef;} .tx-we-cookie-consent .table-hover tbody tr:hover {background-color: rgba(0,0,0,.05);} .tx-we-cookie-consent a.btn-primary {color: #161f57;background-color: #63ADD1;border-color: #63ADD1;} .tx-we-cookie-consent .btn-primary:focus,.tx-we-cookie-consent .btn-primary.focus, .tx-we-cookie-consent .btn-primary:not(:disabled):not(.disabled):active:focus, .tx-we-cookie-consent .btn-primary:not(:disabled):not(.disabled).active:focus, .tx-we-cookie-consent .show > .btn-primary.dropdown-toggle:focus {box-shadow: none;} .tx-we-cookie-consent .btn-primary:hover,.tx-we-cookie-consent .btn-primary:not(:disabled):not(.disabled):active, .tx-we-cookie-consent .btn-primary:not(:disabled):not(.disabled).active, .tx-we-cookie-consent .show > .btn-primary.dropdown-toggle {opacity:.7} .tx-we-cookie-consent .btn-lg,.btn-group-lg > .btn, .tx-we-cookie-consent .btn-group-lg > .cc-btn {border-radius: 4px;} .tx-we-cookie-consent .table th,.tx-we-cookie-consent .table td {border-top: none;padding: .5rem;} .tx-we-cookie-consent .table th p,.tx-we-cookie-consent .table td p {margin:0;} .tx-we-cookie-consent .table-hover tbody tr:hover {background-color:transparent;} .tx-we-cookie-consent .table-striped tbody tr:nth-of-type(2n+1) {} .tx-we-cookie-consent a.btn-primary { border-radius: 0; text-decoration: none; display: inline-block;} @media screen and (min-width:576px) { .klaro.we_cookie_consent .cookie-modal .cm-modal {max-height: calc(100vh - 90px);bottom: 90px;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer {height:90px;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer > * {display: inline-block;width:auto;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-powered-by{height:50px;line-height:50px} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer .cm-powered-by, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal .cm-footer .cm-powered-by {height: 40px;line-height: 40px;} } @media screen and (min-width:768px) { .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn {background:transparent; margin: .5em 0; padding:1em 0; text-align:left; width:25%;} .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success {background: #63ADD1;text-align:center; width:50%; order:2 !important;} .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success:hover {background: #00BDE3;} .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-info {text-align:right;} .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-link.cm-learn-more {padding:1.5em 0; margin: 0 0 0 auto; width:auto;} .klaro.we_cookie_consent .cookie-modal .cm-modal {max-height: 100vh;bottom: 0;} .klaro.we_cookie_consent .cookie-modal .cm-modal .hide {right: 10px;top: 5px;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-header h1 {font-size: 2em;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer {margin: 0;padding: 20px 0;position: relative;width: 100%;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal {max-height: calc(100vh - 90px);bottom: 90px;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal .cm-footer {margin: 0 -20px 0 -20px;width: calc(100% + 40px); } .klaro.we_cookie_consent.notice--center,.klaro.we_cookie_consent.notice--center-floated {height: 0;overflow: visible;position: fixed;top: 0;width: 100%;z-index: 10000; } .klaro.we_cookie_consent.notice--center .cookie-notice, .klaro.we_cookie_consent.notice--center-floated .cookie-notice {align-items: center;background: transparent;bottom: unset;box-shadow: none;display: flex;height: 0;margin: 0;max-height: unset;max-width: unset;overflow: visible;padding: unset;position: relative;right: unset;top: 50vh;width: 100%;} .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body, .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cn-body {box-shadow: 1px 2px 5px rgba(0,0,0,0.2);display: block;margin: 0 auto;max-height: 100vh;max-width: 480px;overflow-y: auto;padding: 20px 30px;width:calc(100% - 40px);right: unset;} .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body p.cn-ok .cm-btn {background:#EFEFEF; display:inline-block;text-align:center;width:100%;} .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cn-body p.cn-ok .cm-btn {background:#EFEFEF; border-color:#161f57; display:inline-block;text-align:center;width:50%;} .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success, .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success {background:#63ADD1; border-color:transparent; order:1 !important; width:100%;} .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success:hover, .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success:hover {background:#00BDE3;} .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-info, .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body p.cn-ok .cm-link.cm-learn-more {background:transparent;} .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-info, .klaro.we_cookie_consent.notice--center-floated .cookie-notice .cn-body p.cn-ok .cm-link.cm-learn-more {background:transparent; width:50%; /*text-align:right; */} .klaro.we_cookie_consent.notice--center .cookie-notice .cn-body p.cn-ok .cm-link {width:100%;} .klaro.we_cookie_consent.notice--top .cookie-notice .cm-btn.cm-btn-success {order:2;} .klaro.we_cookie_consent.notice--center .cookie-modal, .klaro.we_cookie_consent.notice--center-floated .cookie-modal {align-items: center;background: unset;bottom: unset;display: flex;flex-direction: column;justify-content: center;max-height: unset;max-width: unset;padding: unset;right: unset;overflow: visible;top: 0;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal{bottom: auto;box-shadow: 1px 2px 5px rgba(0,0,0,0.2);height: auto;max-height: 100vh;max-width: 640px;overflow-y: auto;padding: 20px;position: relative;top:auto;width: calc(100% - 40px);} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-header {margin: 20px 30px;} .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-body {margin: 20px 30px;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal .cm-footer {margin: 0 -20px -20px -20px;} } @media screen and (min-width:1024px) { .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer {max-width: 100%;padding: 20px 10px;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal .cm-footer {height:auto;margin: 0 -20px -20px;max-width: calc(100% + 40px);padding-bottom:0;width: calc(100% + 40px);position: relative;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer > *, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal .cm-footer > * {display: block;margin: 0 auto;width: auto;} .klaro.we_cookie_consent.notice--center .cookie-modal .cm-modal .cm-footer .cm-powered-by, .klaro.we_cookie_consent.notice--center-floated .cookie-modal .cm-modal .cm-footer .cm-powered-by {float:unset;} } .cookie-message { position:fixed; bottom:0;left:0;right:0; padding:10px 15px 10px 15px; background:#8BC63E; box-shadow:0px 0px 3px #ccc; z-index: 999999999999; } .cookie-message .cookiebar-close { position:absolute; bottom:10px; right:20px; cursor:pointer; } .cookie-message p, .cookie-message a { color:#fff; font:400 12px Arial; margin:0em 0; text-align: center; } .cookie-message a { font-weight: 700; text-decoration: underline; } .blue { border-bottom:1px solid #0E83AE; background-color:#0990c3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2)); background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2); background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2); background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2); background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2); background: linear-gradient(#0e83ae, #0990c3, #0e9dd2); } .blue p, .blue a { color:#fff; } /* Color */ /* Fonts */ /* TRANSITION */ /* SHADOW */ /* Browser Prefixes */ /* Background gradient */ /* Rotate */ /* Scale */ /* Translate */ /* Skew */ /* Transform Origin */ /* Flex box */ /* BOX-SIZING */ /* Top center */ /* Horizontal center */ /** Datepicker **/ .ui-datepicker { width: 235px; max-width: 100%; margin: 0 auto; } .ui-datepicker .ui-datepicker-header { text-align: center; background-color: #8bc63e; position: relative; } .ui-datepicker .ui-datepicker-header a { position: absolute; cursor: pointer; top: 16px; display: block; width: 12px; height: 12px; text-indent: -9999px; background: url('../../../fileadmin/templates/default/images/arrow_datepicker.png') no-repeat 0 0; } .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev { left: 20px; background-position: 0 0; } .ui-datepicker .ui-datepicker-header a.ui-datepicker-next { right: 20px; background-position: 0 100%; } .ui-datepicker .ui-datepicker-header span { font-size: 16px; font-family: 'Panton_bold', arial; line-height: 1.4; color: #fff; } .ui-datepicker .ui-datepicker-title { padding: 10px 0; margin: 0; } .ui-datepicker .ui-datepicker-calendar { width: 100%; border-collapse: collapse; border: 1px solid #8bc63e; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; width: 30px; height: 30px; padding: 0; background-color: #fff; border: 1px solid #1e1d23; font-size: 12px; color: #8bc63e; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .ui-datepicker .ui-datepicker-calendar th span, .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar th a, .ui-datepicker .ui-datepicker-calendar td a { font-size: inherit; font-weight: 400; display: inline-block; line-height: 30px; width: 100%; height: 100%; color: inherit; text-decoration: none; } .ui-datepicker .ui-datepicker-calendar th.ui-state-disabled, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled { background-color: #4a4a4e; color: #fff; } .ui-datepicker .ui-datepicker-calendar th:hover, .ui-datepicker .ui-datepicker-calendar td:hover, .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-current-day, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day { background-color: #8bc63e; color: #fff; } .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-today, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today { background-color: #70a130; color: #fff; } .ui-datepicker .ui-datepicker-calendar th { background-color: #4a4a4e; border: none; font-weight: 400; color: #fff; } /** End Datepicker **/ /** Select **/ .input-select { position: relative; display: inline-block; vertical-align: middle; width: 100%; } .ui-selectmenu-button { display: inline-block; position: relative; color: #1e1d23; font-size: 14px; width: 100% !important; cursor: pointer; border: 1px solid #4a4a4e; font-family: 'Panton_regular', arial; background-color: #fff; } .ui-selectmenu-button span.ui-selectmenu-text { font: inherit; color: inherit; padding: 10px 30px 10px 15px; display: block; } .ui-selectmenu-button span.ui-icon { width: 18px; height: 9px; display: block; background: url('../../../fileadmin/templates/default/images/arrow_select.png') no-repeat center center; position: absolute; right: 8px; top: 45%; top: calc(50% - 4px); } .ui-selectmenu-menu { position: absolute; display: none; top: 100%; left: 0px !important; right: 0; z-index: 15; } .ui-selectmenu-menu.ui-selectmenu-open { display: block; } .ui-selectmenu-menu ul { min-width: 100%; width: auto !important; max-height: 200px; overflow-y: auto; } .ui-selectmenu-menu ul li { cursor: pointer; background-color: #fff; margin: 0px 0 0 0; border: 1px solid #4a4a4e; border-top: none; float: none !important; text-align: left !important; color: #1e1d23; padding: 10px 15px; font-size: 14px; list-style: none; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .ui-selectmenu-menu ul li:first-child { border-top: 1px solid #4a4a4e; } .ui-selectmenu-menu ul li.ui-state-disabled { display: none; } .ui-selectmenu-menu ul li:hover { color: #fff !important; background-color: #8bc63e; } /** End Select **/ /** Dialog **/ .lightbox-std { display: none; } .ui-dialog { width: 100% !important; max-width: 90%; height: auto !important; z-index: 999; } .ui-dialog .ui-dialog-title { display: none; } /** End Dialog **/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('../../../fileadmin/templates/default/css/owl.video.play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input::-ms-clear { display: none; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; left: 50%; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /* Color */ /* Fonts */ /* TRANSITION */ /* SHADOW */ /* Browser Prefixes */ /* Background gradient */ /* Rotate */ /* Scale */ /* Translate */ /* Skew */ /* Transform Origin */ /* Flex box */ /* BOX-SIZING */ /* Top center */ /* Horizontal center */ /** SLIDESHOW **/ .owl-carousel { overflow: hidden; position: relative; z-index: 1; } .owl-carousel * { height: 100%; } .owl-carousel .owl-stage-outer { position: relative; } .owl-carousel .item .image img { width: auto; height: auto; max-width: 100%; } .owl-carousel .item .caption p { font-size: 14px; padding: 7px 0; } .owl-carousel .owl-nav { height: auto; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { top: 50%; top: -webkit-calc(50% - 17.5px); top: -moz-calc(50% - 17.5px); top: calc(50% - 17.5px); position: absolute; width: 35px; height: 35px; padding: 0; background: url('../../../fileadmin/templates/default/images/arrow_slider.png') no-repeat 0 center; text-indent: -9999px; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .owl-carousel .owl-nav .owl-next { right: 0px; background-position: 100% center; } .owl-carousel .owl-nav .owl-prev { left: 0px; } .owl-carousel .owl-dots { bottom: 35px; height: auto !important; z-index: 15; position: absolute; left: 250px; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .owl-carousel .owl-dots .owl-dot { display: inline-block; width: 15px; height: 15px !important; background-color: #8bc63e; margin: 0 3px; padding: 0; border-radius: 15px; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { background-color: #70a130; } /** FIN SLIDESHOW HOME **/ /* Color */ /* Fonts */ /* TRANSITION */ /* SHADOW */ /* Browser Prefixes */ /* Background gradient */ /* Rotate */ /* Scale */ /* Translate */ /* Skew */ /* Transform Origin */ /* Flex box */ /* BOX-SIZING */ /* Top center */ /* Horizontal center */ /* Color */ /* Fonts */ /* TRANSITION */ /* SHADOW */ /* Browser Prefixes */ /* Background gradient */ /* Rotate */ /* Scale */ /* Translate */ /* Skew */ /* Transform Origin */ /* Flex box */ /* BOX-SIZING */ /* Top center */ /* Horizontal center */ @font-face { font-family: 'Panton_regular'; src: url('../../../fileadmin/templates/default/fonts/panton/panton-webfont.woff') format('woff'), url('../../../fileadmin/templates/default/fonts/panton/panton-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Panton_bold'; src: url('../../../fileadmin/templates/default/fonts/panton/panton_bold-webfont.woff') format('woff'), url('../../../fileadmin/templates/default/fonts/panton/panton_bold-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Panton_semibold'; src: url('../../../fileadmin/templates/default/fonts/panton/panton_semibold-webfont.woff') format('woff'), url('../../../fileadmin/templates/default/fonts/panton/panton_semibold-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal; } /**** DEBUT STYLE DE BASE ****/ * { padding: 0; margin: 0; } div, a, p, span, td, th, caption, li, h1, h2, h3, h4, legend, input, label, textarea, section, main, aside, article, ul { color: #1e1d23; font-size: 14px; line-height: 1.2em; font-family: 'Panton_regular', arial; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a[href^=tel] { color: inherit; text-decoration: none; } a, p, textarea, input[type="text"], input[type="email"], input[type="submit"], input[type="password"] { -webkit-appearance: none; } img { vertical-align: bottom; border: none; } p { margin: 10px 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } strong { font-weight: 400; font-family: 'Panton_bold', arial !important; } /**** STYLE DES TITRES ****/ h1, h2, h3, h4 { margin: 10px 0; line-height: 1; font-family: 'Panton_bold', arial; font-weight: 400; } h1 { font-size: 44px; margin: 0 0 20px 0; font-family: 'Panton_semibold', arial; } h2 { font-size: 18px; margin: 0 0 20px 0; font-family: 'Panton_bold', arial; } h3 { font-size: 16px; } h4 { font-size: 16px; } /**** STYLE DES LISTES ****/ ul li { list-style-type: disc; list-style-position: inside; margin: 5px 0; } nav ul li { list-style: none; } table { border-collapse: collapse; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordegreen { border: 1px solid #ddd; } .table-bordegreen > thead > tr > th, .table-bordegreen > tbody > tr > th, .table-bordegreen > tfoot > tr > th, .table-bordegreen > thead > tr > td, .table-bordegreen > tbody > tr > td, .table-bordegreen > tfoot > tr > td { border: 1px solid #ddd; } .table-bordegreen > thead > tr > th, .table-bordegreen > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } table td p { margin: 0 !important; } .table tbody td { vertical-align: middle !important; } .table-responsive { overflow: auto; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333 !important; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333 !important; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333 !important; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333 !important; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333 !important; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff !important; background-color: #333; } .btn-primary { color: #fff !important; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff !important; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff !important; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff !important; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff !important; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7 !important; background-color: #fff; } .btn-success { color: #fff !important; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff !important; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff !important; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff !important; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff !important; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c !important; background-color: #fff; } .btn-info { color: #fff !important; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff !important; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff !important; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff !important; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff !important; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de !important; background-color: #fff; } .btn-warning { color: #fff !important; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff !important; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff !important; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff !important; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff !important; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e !important; background-color: #fff; } .btn-danger { color: #fff !important; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff !important; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff !important; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff !important; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff !important; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f !important; background-color: #fff; } .btn-link { color: #337ab7 !important; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c !important; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777 !important; text-decoration: none; } form fieldset { border: none; } form fieldset > div { margin: 0 0 30px 0; clear: both; position: relative; } form fieldset .input-flex { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; } form fieldset .layout2, form fieldset .layout3, form fieldset .layout4 { display: inline-block; float: left; clear: none; } form fieldset .layout2 .powermail_field, form fieldset .layout3 .powermail_field, form fieldset .layout4 .powermail_field { display: block; width: 100%; } form fieldset .layout2 label, form fieldset .layout3 label, form fieldset .layout4 label { display: inline-block; vertical-align: middle; margin: 0 20px 0px 0; width: auto; float: none; } form fieldset .layout2 .powermail_field, form fieldset .layout3 .powermail_field, form fieldset .layout4 .powermail_field { display: inline-block; vertical-align: middle; width: auto; } form fieldset .layout2 input, form fieldset .layout3 input, form fieldset .layout4 input { width: 200px; display: inline-block; vertical-align: middle; } form fieldset .layout2 { width: auto; padding: 0 40px 0 0; } form fieldset .layout2:nth-child(2n) { clear: left; } form fieldset .layout3 { width: 33.33%; width: -webkit-calc(33.33% - 2.5px); width: calc(33.33% - 2.5px); padding: 0 15px; } form fieldset .layout4 { width: 24.5%; width: -webkit-calc(25% - 2.8px); width: calc(25% - 2.8px); padding: 0 15px; } form fieldset .powermail_field { display: block; } form fieldset .powermail_fieldwrap_type_checkn .powermail_fieldwrap_type_radio label { display: inline-block; margin: 10px 10px 0 0; vertical-align: top; } form fieldset .powermail_fieldwrap_type_checkn .powermail_fieldwrap_type_radio .radio { display: inline-block; vertical-align: middle; } form fieldset .powermail_fieldwrap_type_checkn .powermail_fieldwrap_type_radio .radio label { width: auto; } form fieldset .powermail_fieldwrap_type_select label, form fieldset .powermail_fieldwrap_type_country label { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; width: auto; } form fieldset .powermail_fieldwrap_type_select.layout2 .powermail_field, form fieldset .powermail_fieldwrap_type_country.layout2 .powermail_field, form fieldset .powermail_fieldwrap_type_select.layout3 .powermail_field, form fieldset .powermail_fieldwrap_type_country.layout3 .powermail_field { display: block; width: 100%; position: relative; } form fieldset .powermail_fieldwrap_type_select.layout2 .ui-selectmenu-button, form fieldset .powermail_fieldwrap_type_country.layout2 .ui-selectmenu-button, form fieldset .powermail_fieldwrap_type_select.layout3 .ui-selectmenu-button, form fieldset .powermail_fieldwrap_type_country.layout3 .ui-selectmenu-button { display: block; width: 100% !important; } form fieldset .powermail_fieldwrap_type_select.layout2 label, form fieldset .powermail_fieldwrap_type_country.layout2 label, form fieldset .powermail_fieldwrap_type_select.layout3 label, form fieldset .powermail_fieldwrap_type_country.layout3 label { display: block; margin: 0 0 10px 0; } form fieldset .powermail_fieldwrap_type_submit { text-align: right; } form fieldset .powermail_fieldwrap_type_submit .powermail_field { display: inline-block; width: auto; } form fieldset .powermail_fieldwrap_type_textarea label { display: none; } form legend { display: none; font-size: 26px; margin: 0 0 20px 0; } form label { margin: 0px 0px 5px 0; font-size: 24px; display: block; color: #1e1d23; font-weight: 400; font-family: 'Panton_regular', arial; } form input, form textarea { margin: 0; display: block; width: 100%; padding: 11px 15px; border: none; color: #bababa; font-size: 18px; border: none; background-color: #fff; box-shadow: 0 0 20px rgba(30, 29, 35, 0.5); -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; font-family: 'Panton_regular', arial; } form input:focus, form textarea:focus, form input:focus, form textarea:focus { outline: none; box-shadow: 0 0 20px rgba(30, 29, 35, 1); } form input.datepicker, form textarea.datepicker { padding-right: 50px; background-image: url('../../../fileadmin/templates/default/images/icon_datepicker.png'); background-repeat: no-repeat; background-position: right 10px center; } form textarea { resize: none; height: 120px; } form .input-flex { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; } form fieldset .mandatory { display: none; } .powermail_message_error { border: 1px solid #a50707; background-color: #d17b7b; padding: 10px 20px; margin: 0 0 20px 0; position: relative; } .powermail_message_error:after { content: ""; position: absolute; right: 15px; background: url('../../../fileadmin/templates/default/images/icon_alert.png') no-repeat center center; background-size: cover; height: 32px; width: 32px; top: 40%; top: -webkit-calc(50% - 16px); top: calc(50% - 16px); } .powermail_message_error li { list-style: none; color: #fff; } input::-webkit-inner-spin-button { opacity: 0; display: none; } input:-moz-inner-spin-button { opacity: 0; display: none; } input:-ms-inner-spin-button { opacity: 0; display: none; } form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: inherit; font-size: inherit; } form input:-moz-input-placeholder, form textarea:-moz-input-placeholder { color: inherit; font-size: inherit; } form input[type="radio"], form input[type="checkbox"] { width: auto; border: none; vertical-align: middle; } input[type="submit"], input[type="reset"], button { width: auto; display: block; cursor: pointer; border: none; background-color: #8bc63e; color: #fff !important; font-size: 24px; text-transform: uppercase; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; position: relative; line-height: 1.5; padding: 11px 25px; box-shadow: none; font-family: 'Panton_bold', arial; } input[type="submit"]:hover, input[type="reset"]:hover, button:hover, input[type="submit"]:active, input[type="reset"]:active, button:active { background-color: #1e1d23; } .input-checkbox:after { clear: both; content: ""; display: block; } .icheckbox input { top: 0; left: 0; } .icheckbox { display: inline-block; vertical-align: middle; width: 18px; height: 18px; border: 1px solid #000; background: #fff; position: relative; background-position: center center; cursor: pointer; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .input-checkbox .icheckbox { float: left; margin-right: 10px; } .input-checkbox label { overflow: hidden; } .input-checkbox:hover .icheckbox { background-color: #1a1a1a; } .icheckbox.checked { background: url('../../../fileadmin/templates/default/images/icon_check.png') no-repeat center center; background-color: #000 !important; } .iradio { display: inline-block; vertical-align: middle; margin-right: 5px; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #8bc63e; position: relative; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } .iradio.checked:before { content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border-radius: 20px; background-color: #8bc63e; } .tx-powermail .powermail_fieldwrap_type_recaptcha label { display: none; } .tx-powermail .g-recaptcha > div { width: 100% !important; max-width: 100%; } .tx-powermail iframe { max-width: 100%; } .loading, .loading-img { position: relative; overflow: hidden; } .loading:after, .loading-img:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../../../fileadmin/templates/default/images/loader.svg') no-repeat center center; background-color: rgba(139, 198, 62, 0.75); } .fixed-load { left: 0; width: 100%; text-align: center; z-index: -1; top: 0px; position: fixed; height: 100%; background-color: #fff; -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; opacity: 0; visibility: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .fixed-load:after { display: none; } .fixed-load.loading-img { z-index: 50; opacity: 1; visibility: visible; } .fixed-load .content-load { margin: auto; } .fixed-load .content-load img { height: 100%; } .fixed-load .loader { display: block; opacity: 1; visibility: visible; } .loader { display: none; position: relative; width: 100%; height: 20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; top: 45%; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); margin-top: 20px; background-color: rgba(0, 0, 0, 0.2); } .loader:before { content: ""; position: absolute; background-color: #8bc63e; top: 0px; left: 0px; height: 20px; width: 0px; z-index: 0; opacity: 1; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: loader4 10s ease-in-out infinite; animation: loader4 10s ease-in-out infinite; } .loader:after { content: "... CHARGEMENT ..."; text-align: center; color: #fff; font-family: 'Panton_bold', arial; font-weight: 200; font-size: 14px; position: absolute; width: 100%; height: 20px; line-height: 20px; left: 0; top: 0; } /* -------------- loader -------------- */ @-webkit-keyframes loader4 { 0% { width: 0px; } 70% { width: 100%; opacity: 1; } 90% { opacity: 0; width: 100%; } 100% { opacity: 0; width: 0px; } } @keyframes loader4 { 0% { width: 0px; } 70% { width: 100%; opacity: 1; } 90% { opacity: 0; width: 100%; } 100% { opacity: 0; width: 0px; } } /* -------------- loader -------------- */ /**** HOME STYLE ****/ body, html { overflow-x: hidden; } #header { position: fixed; top: 0; left: 0; width: 225px; height: 100%; z-index: 10; background-color: rgba(30, 29, 35, 0.8); box-shadow: 5px 0 10px rgba(30, 29, 35, 0.5); -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; } #header #logo { background-color: #fff; -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; padding: 20px 30px; position: relative; z-index: 2; } #header #logo img { max-width: 100%; height: auto; } #header.active { box-shadow: none; background: transparent; width: 175px; } #header.active .mobile-menu { left: 200px; } #header.active #main-menu nav { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #header.active #logo { padding: 10px 30px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 5px 0 10px rgba(30, 29, 35, 0.5); } #header.active #footer { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #main-menu ul::-webkit-scrollbar { width: 5px; cursor: pointer; } #main-menu ul::-webkit-scrollbar-thumb { background-color: #1e1d23; } #main-menu ul::-webkit-scrollbar-track { background-color: rgba(30, 29, 35, 0.4); } @keyframes topBar_open { 0% { transform: translateY(0px) translateX(1px) rotate(0deg); width: 40px; } 10% { transform: translateY(-8px) translateX(1px) rotate(0deg); width: 40px; } 50% { transform: translateY(8px) translateX(1px) rotate(45deg); width: 52px; } 75% { transform: translateY(-2px) translateX(1px) rotate(45deg); width: 52px; } 100% { transform: translateY(0px) translateX(1px) rotate(45deg); width: 52px; } } @keyframes bottomBar_open { 0% { transform: translateY(0px) translateX(-1px) rotate(0deg); width: 40px; } 10% { transform: translateY(-8px) translateX(-1px) rotate(0deg); width: 40px; } 60% { transform: translateY(-5px) translateX(-1px) rotate(-45deg); width: 52px; } 75% { transform: translateY(-15px) translateX(-1px) rotate(-45deg); width: 52px; } 100% { transform: translateY(-10.5px) translateX(-1px) rotate(-45deg); width: 52px; } } @keyframes menuLabel_open { 0% { transform: translateY(0px); opacity: 1; } 25% { transform: translateY(-18px); } 45% { transform: translateY(44px); opacity: 1; } 48% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(30px); opacity: 0; } } @keyframes topBar_close { 0% { transform: translateY(0px) rotate(45deg); width: 51px; } 35% { transform: translateY(-8px) rotate(-4deg); width: 40px; } 53% { transform: translateY(10px) rotate(3deg); width: 40px; } 70% { transform: translateY(-6px) rotate(0deg); width: 40px; } 100% { transform: translateY(-2px) rotate(0deg); width: 40px; } } @keyframes bottomBar_close { 0% { transform: translateY(-15px) rotate(-45deg); width: 51px; } 35% { transform: translateY(-18px) rotate(6deg); width: 40px; } 53% { transform: translateY(0px) rotate(-3deg); width: 40px; } 68% { transform: translateY(-7px) rotate(0deg); width: 40px; } 100% { transform: translateY(0px) rotate(0deg); width: 40px; } } @keyframes menuLabel_close { 0% { transform: translateY(30px); opacity: 0; } 5% { transform: translateY(25px); opacity: 1; } 25% { transform: translateY(-30px); opacity: 1; } 37% { transform: translateY(-22px); opacity: 1; } 45% { transform: translateY(-22px); opacity: 1; } 58% { transform: translateY(8px) rotate(-10deg); opacity: 1; } 83% { transform: translateY(-6px) rotate(0deg); opacity: 1; } 100% { transform: translateY(0px); opacity: 1; } } .body-home .mobile-menu { display: inline-block; } .mobile-menu { -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; display: none; margin: 0px auto; text-align: center; width: 40px; height: 40px; z-index: 100; position: absolute; left: 250px; top: 20px; } .mobile-menu:before, .mobile-menu:after { content: ''; width: 100%; height: 6px; background-color: #fff; display: block; position: absolute; border-radius: 10px; } .mobile-menu:before { animation: topBar_close 1s ease-in-out; animation-fill-mode: forwards; transform-origin: left center; } .mobile-menu:after { right: 0; top: 10px; transform-origin: right center; animation: bottomBar_close 1s ease-in-out; animation-fill-mode: forwards; } .mobile-menu:hover { cursor: pointer; } .mobile-menu .text { color: #fff; display: block; position: absolute; bottom: 5px; font-size: 14px; text-transform: lowercase; letter-spacing: 2px; animation: menuLabel_close 1s ease-in; animation-fill-mode: forwards; } .mobile-menu.active-menu:before { animation: topBar_open 1s ease-in-out; animation-fill-mode: forwards; } .mobile-menu.active-menu:after { animation: bottomBar_open 1s ease-in-out; animation-fill-mode: forwards; } .mobile-menu.active-menu .text { animation: menuLabel_open 1s ease-in; animation-fill-mode: forwards; } #main-menu { padding: 10px 0px; } #main-menu nav { -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; } #main-menu nav > ul > li { list-style: none; margin: 0; padding: 0 30px; } #main-menu nav > ul > li > a { font-size: 18px; font-family: 'Panton_semibold', arial; color: #fff; display: block; padding: 5px 0; position: relative; -webkit-transition: color 0.3s 0s ease-in-out; -moz-transition: color 0.3s 0s ease-in-out; transition: color 0.3s 0s ease-in-out; } #main-menu nav > ul > li > a sup { font-size: 8px; font-family: 'Panton_regular', arial; color: #8bc63e; } #main-menu nav > ul > li > a:before { content: ""; display: block; width: 45px; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; } #main-menu nav > ul > li:first-child > a:before { display: none; } @media screen and (min-width: 768px) { #main-menu { padding: 10px 0px; /*.mobile-menu{ display: none; }*/ } #main-menu nav > ul > li:hover { /*.submenu{ visibility: visible; opacity: 1; >ul{ >li{ opacity: 1; @include transform(translateX(0%)); } } }*/ } #main-menu nav > ul > li:hover > a { color: #8bc63e; text-decoration: none; } #main-menu nav > ul > li.active-hover .submenu { visibility: visible; opacity: 1; } #main-menu nav > ul > li.active-hover .submenu > ul > li { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } #main-menu nav > ul > li .submenu { position: absolute; top: 0; left: 100%; height: 100%; width: 250px; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } #main-menu nav > ul > li .submenu ul { height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; overflow-y: auto; } #main-menu nav > ul > li .submenu ul li { margin: 0; display: block; flex: 1; border-top: 1px solid #fff; position: relative; min-height: 20%; background-color: #1e1d23; overflow: hidden; opacity: 0; -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #main-menu nav > ul > li .submenu ul li:first-child { border: none; } #main-menu nav > ul > li .submenu ul li:nth-child(1) { transition-delay: 0s; } #main-menu nav > ul > li .submenu ul li:nth-child(2) { transition-delay: 0.2s; } #main-menu nav > ul > li .submenu ul li:nth-child(3) { transition-delay: 0.4s; } #main-menu nav > ul > li .submenu ul li:nth-child(4) { transition-delay: 0.6s; } #main-menu nav > ul > li .submenu ul li:nth-child(5) { transition-delay: 0.8s; } #main-menu nav > ul > li .submenu ul li:hover img { -webkit-transform: translateX(-15px) scale(1.1); -moz-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); opacity: 1; } #main-menu nav > ul > li .submenu ul li:hover span { /*color: $green;*/ } #main-menu nav > ul > li .submenu ul li a { display: block; height: 100%; width: 100%; } #main-menu nav > ul > li .submenu ul li img { height: 100%; width: auto; opacity: 0.45; position: absolute; top: 0; /*left: 50%; @include transform(translateX(-50%));*/ -webkit-transition: all 1.5s 0s ease-in-out; -moz-transition: all 1.5s 0s ease-in-out; transition: all 1.5s 0s ease-in-out; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } #main-menu nav > ul > li .submenu ul li span { display: block; position: absolute; bottom: 35px; left: 20px; margin-right: 20px; padding: 5px 10px 5px 10px; z-index: 1; color: #fff; font-size: 20px; font-family: 'Panton_semibold', arial; background-color: rgba(139, 198, 62, 0.6); -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } } @media screen and (min-width: 951px) { #main-menu nav > ul > li.active > a { color: #8bc63e; text-decoration: none; } #main-menu nav > ul > li.active .submenu { visibility: visible; opacity: 1; } #main-menu nav > ul > li.active .submenu > ul > li { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } #footer { position: absolute; bottom: 35px; left: 0; padding: 0 20px; width: 100%; -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; } #footer:after { clear: both; display: block; content: ""; } #footer .text { background-color: #8bc63e; padding: 10px 20px; margin: 0 -20px 20px -20px; } #footer .text p { margin: 0; font-size: 14px; color: #fff; } #language { float: left; } #language ul li { margin: 0 7px 0 0; display: inline-block; color: #fff; text-transform: uppercase; font-size: 12px; font-family: 'Panton_semibold', arial; } #language ul li a { font: inherit; color: inherit; text-decoration: none; -webkit-transition: color 0.3s 0s ease-in-out; -moz-transition: color 0.3s 0s ease-in-out; transition: color 0.3s 0s ease-in-out; } #language ul li.active, #language ul li:hover { color: #8bc63e; } #social-network { float: right; margin-left: 15px; } #social-network .ce-gallery { margin: 0; } #search { float: right; } #search .bt-search { display: block; width: 13px; height: 13px; background: url('../../../fileadmin/templates/default/images/icon_search.png') no-repeat center center; text-indent: -9999px; } #search #___gcse_0 { position: absolute; width: 100%; margin-top: -70px; background-color: transparent; padding: 10px; left: 0; opacity: 0; visibility: hidden; background-color: #fff; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } #search #___gcse_0 .gsc-control-cse { background: none; font-family: 'Panton_regular', arial; padding: 0; } #search #___gcse_0 .gsc-control-cse .gsc-search-box { margin: 0; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input { padding: 0; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input input.gsc-input, #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box, #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box-hover, #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input .gsc-input-box-focus { border: none; background: transparent; height: auto; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input .gsib_a { padding: 0; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input .gsib_b { display: none; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-input .gsc-input { background: none !important; padding: 10px !important; font-size: 12px; font-family: 'Panton_regular', arial; color: #4a4a4e; border: 1px solid #fff; text-indent: 0 !important; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2 { background: #8bc63e; margin: 0; padding: 0; width: 40px; text-align: center; border: none; border-radius: 0; height: 35px; } #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2:hover, #search #___gcse_0 .gsc-control-cse .gsc-search-box .gsc-search-button .gsc-search-button-v2:focus { background-color: #70a130; } #search:hover #___gcse_0 { opacity: 1; visibility: visible; } #slideshow-home { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #slideshow-home header { display: none; } #slideshow-home * { height: 100%; } #slideshow-home .image { width: 100%; height: 100%; } #slideshow-home .image a { display: block; } #slideshow-home .image img { max-width: 100%; height: auto; width: auto; } #slideshow-home .caption { position: absolute; bottom: 75px; right: 0; background-color: rgba(255, 255, 255, 0.75); height: auto; color: #1e1d23; font-size: 32px; font-family: 'Panton_semibold', arial; text-align: right; padding: 5px 25px; } #slideshow-home .caption * { color: inherit; font: inherit; margin: 0; } /**** FIN HOME STYLE ****/ /**** TYPE STYLE ****/ #wrap.no-menu #wrap-content { padding-left: 225px; } #wrap.no-menu-relative #wrap-content { left: 250px; } .content-inner { padding: 0 120px; margin: auto; width: 100%; } .body-home #wrap-content { position: absolute; top: 0; width: 100%; padding-left: 300px !important; } #wrap-content { padding-left: 475px; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; position: relative; left: 0; } #wrap-content #block-promo { background-color: #674f42; position: absolute; top: 120px; right: 0; display: inline-block; padding: 10px; max-width: 220px; } #wrap-content #block-promo p { color: #fff; font-size: 14px; margin: 0; } #wrap-content #block-promo .title-txt { text-transform: uppercase; font-family: 'Panton_bold', arial; } #wrap-content #block-promo a { color: #fff; font-size: 12px; text-decoration: underline; } #wrap-content #main { /*@include flexbox();*/ padding-bottom: 20px; } #wrap-content #main header h2 { font-size: 44px; text-align: left; font-family: 'Panton_semibold', arial; } #wrap-content #main p { line-height: 1.5; margin: 0 0 10px 0; } #wrap-content #main img { max-width: 100%; height: auto; } #wrap-content #main figcaption { font-size: 12px; text-align: right; display: block; margin-top: 5px; } #wrap-content .row { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; } #wrap-content .row .column { padding: 0 12.5px; flex: 1; } #wrap-content .row .column .frame { margin-bottom: 15px; } #wrap-content .row .column:first-child { padding-left: 0; margin-top: 0; } #wrap-content .row .column:last-child { padding-right: 0; } #wrap-content .ce-gallery .ce-inner, #wrap-content .ce-gallery .ce-outer { float: none; position: static; } #wrap-content .ce-gallery .ce-row { width: 100%; text-align: center; margin-bottom: 20px; } #wrap-content .ce-gallery .ce-row .ce-column { max-width: 100%; float: none; display: inline-block; } #wrap-content .ce-gallery .ce-row .ce-column .image { display: block; text-align: center; } #wrap-content .ce-gallery .ce-row .ce-column .image img { display: inline-block; } #wrap-content .ce-image .ce-gallery .ce-inner, #wrap-content .ce-image .ce-gallery .ce-outer { float: none; position: static; } #wrap-content .ce-image .ce-row { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } #wrap-content .ce-image .ce-row .ce-column { flex: 1; } #wrap-content .ce-image .ce-row .ce-column .image { display: block; text-align: center; } #wrap-content .ce-image .ce-row .ce-column .image img { display: inline-block; } #wrap-content .ce-intext.ce-right .ce-gallery { margin-left: 40px; } #wrap-content .ce-intext.ce-left .ce-gallery { margin-right: 40px; } #wrap-content .frame a { color: #8bc63e; line-height: inherit; } #wrap-content iframe { border: 1px solid #707070 !important; max-width: 100%; margin-top: 25px; } #wrap-content .g-recaptcha iframe { border: none !important; margin: 0; width: auto; } #main-title h1 { margin-bottom: 60px; } #breadcrumb-menu { font-size: 1px; padding: 20px 0; } #breadcrumb-menu * { font-size: 1px; } #breadcrumb-menu ol li { display: inline-block; list-style: none; margin-right: 5px; font-size: 14px; } #breadcrumb-menu ol li a { text-decoration: none; font: inherit; } #breadcrumb-menu ol li a span { font: inherit; } #breadcrumb-menu ol li > span { color: #8bc63e; font-family: 'Panton_semibold', arial; font: inherit; } /**** FIN TYPE STYLE ****/ /**** NEWS STYLE ****/ .body-news #wrap-content #center-main { margin-top: -100px; } #wrap-content { /*padding: 15px 0px 15px 15px; overflow: hidden;*/ } #wrap-content .news { margin-top: 20px; } #wrap-content .list-news, #wrap-content .detail-news { overflow: hidden; padding: 0px 30px; margin: 0 -40px; width: auto; } #wrap-content .list-news .owl-stage-outer, #wrap-content .detail-news .owl-stage-outer { padding: 15px 0; } #wrap-content .list-news .owl-stage, #wrap-content .detail-news .owl-stage { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; } #wrap-content .list-news .owl-item, #wrap-content .detail-news .owl-item { opacity: 0; height: auto; -webkit-transition: all 1s 0s ease-in-out; -moz-transition: all 1s 0s ease-in-out; transition: all 1s 0s ease-in-out; } #wrap-content .list-news .owl-item.active, #wrap-content .detail-news .owl-item.active { opacity: 1; } #wrap-content .list-news .item, #wrap-content .detail-news .item { padding: 0 15px; } #wrap-content .list-news .item *, #wrap-content .detail-news .item * { height: auto; } #wrap-content .list-news .item .content-item, #wrap-content .detail-news .item .content-item { padding: 30px 30px 70px 30px; position: relative; height: 100%; box-shadow: 0 0 20px rgba(30, 29, 35, 0.5); } #wrap-content .list-news .item .content-item:before, #wrap-content .detail-news .item .content-item:before { content: ""; background-color: #8bc63e; left: 25px; right: 25px; opacity: 0; height: 5px; position: absolute; top: 0; -webkit-transition: all 0.5s 0s ease-in-out; -moz-transition: all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; } #wrap-content .list-news .item .header-news:after, #wrap-content .detail-news .item .header-news:after { clear: both; display: block; content: ""; } #wrap-content .list-news .item .number, #wrap-content .detail-news .item .number { float: left; font-size: 28px; font-family: 'Panton_semibold', arial; } #wrap-content .list-news .item .date, #wrap-content .detail-news .item .date { font-size: 12px; font-family: 'Panton_regular', arial; color: #b2b1b7; float: right; } #wrap-content .list-news .item h2, #wrap-content .detail-news .item h2 { font-size: 28px; font-family: 'Panton_bold', arial; text-align: left !important; } #wrap-content .list-news .item h2 *, #wrap-content .detail-news .item h2 * { font: inherit; text-decoration: none; } #wrap-content .list-news .item .link, #wrap-content .detail-news .item .link { position: absolute; bottom: 30px; left: 30px; margin: 0; } #wrap-content .list-news .item .content-item { cursor: pointer; } #wrap-content .list-news .item .content-item:hover:before { opacity: 1; } #wrap-content .list-news .item .content-item:hover .bt-black { background-color: #8bc63e; } #wrap-content .detail-news { overflow: visible; margin-top: 30px; } #wrap-content .detail-news .owl-stage-outer { padding: 0; } #wrap-content .detail-news .owl-item { opacity: 1; } #wrap-content .detail-news .item { padding: 0; } #wrap-content .detail-news .item .content-item { padding: 30px 30px 30px 30px; } #wrap-content .detail-news .item .content-item:before { right: auto; width: 210px; max-width: 100%; right: 25px; opacity: 1; height: 5px; position: absolute; top: 0; transition: none; } #wrap-content .detail-news .item .content-item .info { overflow: hidden; } #wrap-content .detail-news .item .content-item .slideshow-news { float: right; max-width: 280px; margin-left: 20px; } #wrap-content .detail-news .item .content-item .slideshow-news img { width: 100%; height: auto; border: 1px solid #707070; } #wrap-content .detail-news .item .content-item .news-backlink-wrap .bt-black { margin: 25px 0 0 0; width: 115px; text-align: center; } #wrap-content .detail-news .item .content-item h2 { font-size: 24px; } #wrap-content .detail-news .item .content-item .news-related-wrap { margin: 0; } /**** FIN NEWS STYLE ****/ /**** STYLE CONTACT ****/ #wrap-content .tx-powermail h3 { display: none; } /**** FIN STYLE CONTACT ****/ /**** STYLE PHOTOTEQUE ****/ #wrap-content .block-photo .ce-gallery .ce-outer, #wrap-content .block-photo .ce-gallery .ce-inner { float: none; position: static; } #wrap-content .block-photo .ce-gallery .ce-row { margin: 0; } #wrap-content .block-photo .ce-gallery .ce-row .ce-column { width: 20%; position: relative; padding: 10px; margin: 0; max-width: 175px; flex: none; } #wrap-content .block-photo .ce-gallery .ce-row .ce-column:after { content: ""; display: block; padding-top: 100%; } #wrap-content .block-photo .ce-gallery .ce-row .ce-column .image { display: block; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 1px solid #707070; overflow: hidden; } #wrap-content .block-photo .ce-gallery .ce-row .ce-column .image a { display: block; width: 100%; height: 100%; } #wrap-content .block-photo .ce-gallery .ce-row .ce-column .image img { width: auto; min-height: 100%; min-width: 100%; max-width: none !important; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lb-outerContainer { border-radius: 0; background-color: transparent; max-width: 70%; width: auto !important; height: auto !important; display: inline-block; } .lb-dataContainer { width: 100% !important; margin: 0 auto; background-color: transparent; padding-top: 10px; position: relative; z-index: 11; } .lightbox .lb-image { max-width: 100%; width: auto !important; height: auto !important; border: 1px solid #707070; } .lb-container { padding: 1px; } .lightboxOverlay { opacity: 0.9; } .lightbox .lb-image { border-radius: 0; } .lb-nav a.lb-next { width: 75px; margin-right: -75px; opacity: 1; background: url('../../../fileadmin/templates/default/images/arrow_right.png') no-repeat center center; } .lb-nav a.lb-prev { width: 75px; margin-left: -75px; opacity: 1; background: url('../../../fileadmin/templates/default/images/arrow_left.png') no-repeat center center; } .lb-data .lb-details { font-size: 18px; font-family: 'Panton_semibold', arial; color: #fff; } .lb-data .lb-details * { color: inherit; font: inherit; } #button-book { position: fixed; top: 50px; right: 0; z-index: 50; } #button-book a { text-transform: uppercase; font-size: 18px !important; } /**** FIN STYLE PHOTOTEQUE ****/ .klaro.we_cookie_consent .cookie-notice { background-color: #707070; } .klaro.we_cookie_consent .cookie-notice .cn-body { background-color: #707070; } .klaro.we_cookie_consent .cookie-notice h1, .klaro.we_cookie_consent .cookie-notice h2, .klaro.we_cookie_consent .cookie-notice li, .klaro.we_cookie_consent .cookie-notice p, .klaro.we_cookie_consent .cookie-notice a, .klaro.we_cookie_consent .cookie-modal a, .klaro.we_cookie_consent .cookie-notice strong, .klaro.we_cookie_consent .cookie-notice ul, .klaro.we_cookie_consent .cookie-modal h1, .klaro.we_cookie_consent .cookie-modal h2, .klaro.we_cookie_consent .cookie-modal li, .klaro.we_cookie_consent .cookie-modal p, .klaro.we_cookie_consent .cookie-modal strong, .klaro.we_cookie_consent .cookie-modal ul { color: #8bc63e; font-size: 14px; } .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success { background-color: #8bc63e; border-radius: 0; min-width: 0; width: auto; padding: 10px 30px; font-size: 18px; margin: 0 10px; } .klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn { background-color: #e30045; border-radius: 0; min-width: 0; width: auto; padding: 10px 30px; font-size: 18px; margin: 0 10px; } .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept { background-color: #8bc63e; border-radius: 0; min-width: 0; width: auto; padding: 10px 30px; font-size: 18px; } .klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-powered-by { display: none !important; } .klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-info, .klaro.we_cookie_consent .cookie-notice .cm-link.cm-learn-more { color: #8bc63e; } @media screen and (min-width: 951px) and (max-width: 1200px) { .content-inner { padding: 0 40px; } } @media screen and (min-width: 951px) and (max-width: 1300px) { #wrap-content .ce-intext.ce-right .ce-gallery, #wrap-content .ce-intext.ce-left .ce-gallery { float: none; margin: 0; } #wrap-content .ce-intext.ce-right .ce-gallery .ce-column, #wrap-content .ce-intext.ce-left .ce-gallery .ce-column { float: none; } #wrap-content .ce-intext.ce-right .ce-gallery .ce-column .image, #wrap-content .ce-intext.ce-left .ce-gallery .ce-column .image { display: block; text-align: center; } #wrap-content .ce-intext.ce-right .ce-gallery .ce-column .image img, #wrap-content .ce-intext.ce-left .ce-gallery .ce-column .image img { margin: 0 auto; } } @media screen and (max-height: 600px) and (min-width: 768px) { #footer { position: absolute; top: 0; bottom: auto !important; width: auto; left: 225px; z-index: 2; padding: 0 10px 0px 0; background-color: rgba(30, 29, 35, 0.8); } #footer .text { float: left; margin: 0 10px 0 0; } #footer .text p { font-size: 12px; } #footer .text p br { display: none; } #footer #language, #footer #search, #footer #social-network { margin-top: 10px; } #footer img { display: block !important; } #search #___gcse_0 { margin-top: 10px; } #button-book a { font-size: 14px !important; } } /* Color */ /* Fonts */ /* TRANSITION */ /* SHADOW */ /* Browser Prefixes */ /* Background gradient */ /* Rotate */ /* Scale */ /* Translate */ /* Skew */ /* Transform Origin */ /* Flex box */ /* BOX-SIZING */ /* Top center */ /* Horizontal center */ /**** BUTTON / TEXT STYLE ****/ .bt-green, .bt-black, .bt-grey, .bt-red { display: inline-block; padding: 10px 20px; color: #fff !important; background-color: #8bc63e; font-size: 14px; font-family: 'Panton_bold', arial; -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; position: relative; } .bt-green:hover, .bt-black:hover, .bt-grey:hover, .bt-red:hover, .bt-green:active, .bt-black:active, .bt-grey:active, .bt-red:active, .bt-green:focus, .bt-black:focus, .bt-grey:focus, .bt-red:focus { text-decoration: none; background-color: #70a130; } .bt-black { background-color: #1e1d23; } .bt-black:hover, .bt-black:active, .bt-black:focus { background-color: #8bc63e; } .bt-grey { background-color: #4a4a4e; } .bt-grey:hover, .bt-grey:active, .bt-grey:focus { background-color: #636368; } .bt-red { background-color: #e30045; } .bt-red:hover, .bt-red:active, .bt-red:focus { background-color: #ff175e; } .text-center { text-align: center; } .text-right { text-align: right; } .size_18 { font-size: 18px !important; vertical-align: bottom; line-height: 1.1; } .size_18 * { font: inherit; font-size: inherit; } .size_20 { font-size: 20px !important; vertical-align: bottom; line-height: 1.1; } .size_20 * { font: inherit; font-size: inherit; } .size_22 { font-size: 22px !important; vertical-align: bottom; line-height: 1.1; } .size_22 * { font: inherit; font-size: inherit; } .size_24 { font-size: 24px !important; vertical-align: bottom; line-height: 1.1; } .size_24 * { font: inherit; font-size: inherit; } .size_30 { font-size: 30px !important; vertical-align: bottom; line-height: 1.1; } .size_30 * { font: inherit; font-size: inherit; } .size_36 { font-size: 36px !important; vertical-align: bottom; line-height: 1.1; } .size_36 * { font: inherit; font-size: inherit; } .size_38 { font-size: 36px !important; vertical-align: bottom; line-height: 1.1; } .size_38 * { font: inherit; font-size: inherit; } .txt-green { color: #8bc63e !important; } .txt-red { color: #e30045 !important; } .txt-black { color: #1e1d23 !important; } .txt-grey { color: #707070 !important; } /**** END BUTTON / TEXT STYLE ****/